{{||$:/CommunityTagTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
This plugin adds the ability to edit tiddlers by double clicking on its body.
Just try to edit any tiddler shown here by double clicking on it.
This can be considered a fast solution. It is only to fill the gap until TiddlyWiki adds support
for it officially.
# Open your wiki in a browser
# Drag this link into your wiki
#> [[$:/plugins/danielo515/2click2edit]]
# Save your wiki
Copyright (c) 2014, Danielo Rodriguez
All rights reserved.
Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are met:
* Redistributions of source code must retain the above copyright notice, this
list of conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright notice,
this list of conditions and the following disclaimer in the documentation
and/or other materials provided with the distribution.
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
! HelloThere
{{HelloThere}}
{{||$:/CommunityExtractedPluginTemplate}}
\arrow no
\start none
\end double
[:optional] {(him | "her" | :them) +","}
<$railroad text="""
[:optional] {repeated +","}
"""/>
The [[railroad diagram|http://en.wikipedia.org/wiki/Syntax_diagram]] above is created using a plugin that will form part of ~TiddlyWiki5's core starting from version 5.1.8.
; Plugin documentation
: [[Introduction|$:/plugins/tiddlywiki/railroad/readme]]
: [[Notation|$:/plugins/tiddlywiki/railroad/syntax]]
: [[Example|$:/plugins/tiddlywiki/railroad/example]]
This site contains the latest development version of the plugin, with arrows on the repeat arcs and a less heavy style.
The plugin now offers a dedicated content type – `text/vnd.tiddlywiki.railroad`. Raw diagram notation can be stored in a tiddler of that type and transcluded into other tiddlers as required:
:[[Transclusion Examples]]
The notation has been extended to support several pragmas for fine-tuning the diagram's appearance.
[[Global configuration|$:/config/railroad]]
;[[Diagram 1]]
:{{Diagram 1}}
;[[Diagram 2]]
:{{Diagram 2}}
<$list filter="[tag[CommunityWikis]]">
<$view field="wiki-address"/>|<$view field="title"/><br/>
</$list>
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
This tiddler is a test ready to be sabed. Please note that the tiddler does not have any tag right now. Once you save it, it will be tagged with one or more of the existing tags according to the tiddler's text.
Please note that currently the plugin is CaseSensitive.
This is a remake for TW5 of the plugin autotag of tiddlywiki classic created by Eric Shulman.
To be honest, it can not be called a remake since it only includes the only feature that was useful
for me: automatic tagging of tiddlers based on their content.
The tags are added ''when the tiddler is saved''.
The plugin only add tags that exists already on the wiki. For example, if you have a tag called `tiddler`, or a tag called `test`, when you save a
tiddler with the sentence "This tiddler is just a test" it will be tagged with the tags `tiddler` and `test`.
You can try it out saving the tiddler below.
# Open your wiki in a browser
# Drag this link into your wiki
#> [[$:/plugins/danielo515/autotag]]
# Save your wiki
Copyright (c) 2015, Daniel Rodriguez Rivero
All rights reserved.
Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are met:
* Redistributions of source code must retain the above copyright notice, this
list of conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright notice,
this list of conditions and the following disclaimer in the documentation
and/or other materials provided with the distribution.
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
This is not an actual tiddler. It is more like a tiddler for holding tags for testing purposes.
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
Type the text for thexxx tiddler '<<qualify $:/temp/deleteeall-1084907871>>'
`
$$$text/plain
<svg width="100%" height="100%" viewBox="0 0 1000 300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="background:white;">
<defs>
<path id="MyPath" d="
$$$
$$$text/vnd.tiddlywiki>text/plain
{{AtrStr!!path}}
$$$
$$$text/plain
"/>
</defs>
<use xlink:href="#MyPath" fill="none" stroke="#ddd"/>plain
<text font-family="'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif" font-size="42.5">
<textPath xlink:href="#MyPath">
====To The Top=====on the bottom=======================
</textPath>
</text>
</svg>
$$$
`
{
"parserrules": {
"pragmaRuleList": [],
"blockRuleList": [
"html"
],
"inlineRuleList": [
"html",
"prettylink",
"transcludeinline",
"wikilink"
]
},
"baserules": "",
"preparser": "text/x-preparser<B>text/plain"
}
!!Parameter:
*`state`: the tiddler to watch
*`text`: the text to match against the contents of the tiddler given by state
below is a demo of the `<$click>` widget clicking all links in a list.
It watches for writes to tiddler specified in 'state' and clicks when the it sees the contents matches that specified by'text'
!!Demo
Enter taglistdemo in the box
<$button set=<<qualify "$:/state">> setTo="open">Open all tagged</$button> <$edit-text tiddler="$:/temp/openall" tag="input" type="text"/> <$list filter="[!has[draft.of]tag{$:/temp/openall}sort[created]]"> <$link><$click state=<<qualify "$:/state">> text="open"/> </$link> </$list>
!!Demo code
`
<$button set=<<qualify "$:/state">> setTo="open">Open all tagged</$button> <$edit-text tiddler="$:/temp/openall" tag="input" type="text"/>
<$list filter="[!has[draft.of]tag{$:/temp/openall}sort[created]]">
<$link><$click state=<<qualify "$:/state">> text="open"/> </$link>
</$list>
`
!!Macros
I have produced 3 macros that use this widget
`<<openAllTagged>>` this produces a text box for the user to enter a tag and a button to press to open all tiddlers with the tag in the Story.
`<<closeAllTagged>>` this produces a text box for the user to enter a tag and a button to press to close all tiddlers with the tag in the Story.
These 2 will be added to the global macros when the plugin is installed
There is also a [[deleteAllTagged]] macro, due to its dangerous nature I have only included the text - it is not suitable for using globally - If you use it at all I would advise only install it into its own tiddler.
### Code ###
In a regular paragraph, you can create code span by wrapping text in
backtick quotes. Any ampersands (`&`) and angle brackets (`<` or
`>`) will automatically be translated into HTML entities. This makes
it easy to use Markdown to write about HTML example code:
I strongly recommend against using any `<blink>` tags.
I wish SmartyPants used named entities like `—`
instead of decimal-encoded entites like `—`
<p>
https://help.github.com/articles/creating-and-editing-files-in-your-repository,
</p>
<p>
To create a new file, enter any directory in your repository and click on the <strong>New File</strong> icon near the file path:
</p>
<p>
<img alt="Create new file button" src="https://github-images.s3.amazonaws.com/help/repository/create_new_file.jpeg" />
</p>
<p>
https://help.github.com/articles/creating-and-editing-files-in-your-repository,
</p>
<div>
<h6>
<a href="https://help.github.com/articles/categories/24/articles">epositories</a> / Creating and editing files in your repository
</h6>
<div>
<div>
</div>
<div>
<div>
Search
<div>
</div>
</div>
</div>
</div>
Article last updated on 06-Feb-14
</div>
<div>
<h2>
Creating and editing files in your repository
</h2>
<div>
<ul>
<li>
<a href="https://help.github.com/articles#platform-mac">mac </a>
</li>
<li>
<a href="https://help.github.com/articles#platform-windows">windows </a>
</li>
<li>
<a href="https://help.github.com/articles#platform-linux">linux </a>
</li>
<li>
<a href="https://help.github.com/articles#platform-all">all </a>
</li>
</ul>
</div>
<div>
<div>
<p>
If you're away from your computer, don't worry! You can easily create and change files in your repository directly on GitHub.com.
</p>
</div>
<p>
<span style="background-color:Red">Changing files through the web interface isn't really recommended</span>, but it can be used to start an idea or quickly fix a critical issue.
</p>
<h3>
Creating a new file
</h3>
</div>
</div>
\define deleteAllTaggedInner( state:"$:/state/deletetagged" )
<$button set=<<qualify '$state$'>> setTo="delete">delete all tagged</$button>
<$edit-text tiddler="$(usertagdelete)$" tag="input" type="text"/>
<$linkcatcher message=tm-delete-tiddler>
<$list filter="[!has[draft.of]tag{$(usertagdelete)$}sort[created]]">
<$link><$click type="match" state=<<qualify "$state$">> text="delete"/> </$link>
</$list>
</$linkcatcher>
\end
\define deleteAllTagged(userparam:"$:/temp/deleteeall" state:"$:/state/deletetagged" )
<$set name="usertagdelete" value=<<qualify "$userparam$">>>
<<deleteAllTaggedInner $state$>>
\end
<<deleteAllTagged>>
\define bulletList(tag)
{{$tag$}}
<ul><$list filter="[tag[$tag$]]"><li><$link to={{!!title}}><$view field="title"/></$link></li></$list></ul>
\end
This is the main documentation hub for TiddlyWiki. See also [[TiddlyWiki for Developers]].
! How to use ~TiddlyWiki5
<<bulletList "howto">>
! Concepts
<<bulletList "concepts">>
! Wiki Text Rules
<<bulletList "wikitext">>
! Widgets
<<bulletList "widget">>
! Commands
<<bulletList "command">>
! Tips
<<bulletList "tips">>
! Miscellaneous
* ReportingBugs
* JeremyRuston (aka [[Jermolene]])
* FederatialLimited
* [[Acknowledgements]]
\define bulletList(tag)
<ul><$list filter="[tag[$tag$]]"><li><$link to={{!!title}}><$view field="title"/></$link></li></$list></ul>
\end
<script src="https://cdnjs.cloudflare.com/ajax/libs/ckeditor/4.4.1/ckeditor.js"></script>
{{||$:/CommunityExtractedPluginTemplate}}
MarkDown List
=================
[=[list-links filter:'[tag[MdExtendDemoDocs]]']=]
<h1 id="test">test</h1>
[=[version]=]
<h1>MarkDown: [[Basics]]</h1><p>
a
!j
<<version>>
{{ParagraphsMDs}}</p><h3>Phrase Emphasis</h3><p>Markdown uses asterisks and underscores to indicate spans of emphasis.</p><p>Markdown:</p><pre><code>Some of these words *are emphasized*.
item to add to list [[taglistdemo]]
<$edit-html tiddler="test" field="text"/>
Modification to the edit, and edit-text widget. Added option "onkeyupdate" with values "yes", "no" that set the update event to each key press or once the user move off the entry (yes is the default). Also modified the 'body' template to select onkeyupdate only in preview mode.
WARNING: there is currently a bug related to this plugin that will stop files syncing between node.js and the browser, do not use this plugin if you are going to use "server.js" or something similar
This approach was first proposed by Stephan Hradek in a pull request
The Calendar macro is configurable via the file [[$:/config/bj/Calendar.json]], and is extendable by plug-in formatter modules, which enable it to be used in different applications.
A side bar tab is created via the tiddler [[$:/plugins/bj/calendar/sidbar]] containing a calendar configured for journal tiddlers.
The calander macro is extended by the diary macro and used the same options and configuration tiddler, but allows for journals to be create in the future.
Example usage:
`
!!Plain Calendar Format
<<calendar "2014" "2" plain>>
!!Default Calendar Format (for Journal tiddlers)
<<calendar "" "" >>
!!A years diary
<<diary 2014 "" >>
`
Renders as:
!!Plain Calendar Format
<<calendar "2014" "2" plain>>
!!Default Calendar Format (for Journal tiddlers)
<<calendar "" "" >>
!!A years diary
<<diary 2014 "" >>
The Flexibility Plugin extends the types supported in tiddlywiki. A regular type for example is ''text/vnd.tiddlywiki''. The extension has the form ''text/vnd.tiddlywiki;flexiblity=Atiddler'' and "Atiddler" contains options to extend tiddlytext or allow text to be reparsed. In the example below text is reparsed. The type is ''text/vnd.tiddlywiki;flexiblity=svgtp'' - see the tidder [[svgtp]]
This example show how to render WikiText in an attribute string, something that cannot be done with ''text/vnd.tiddlywiki''. In the svg drawing the path data is transcluded from a field.
{{AtrStrSource}}
Result is
{{AtrStr}}
The path data is in the path field of AtrStr tiddler and is
{{AtrStr!!path}}
<$include docsheader/>
! How to use ~TiddlyWiki5
<<bulletList "howto">>
<html><br>pageref="<a class="externalLink" href="https://github.com/Jermolene/TiddlyWiki5/issues/82" title="External link to https://github.com/Jermolene/TiddlyWiki5/issues/82" target="_blank">https://github.com/Jermolene/TiddlyWiki5/issues/82</a>" <br><br>date="Thursday, December 19th, 2013 at 9:51:10 am"<br><h1></h1><span>If you want to switch to raw HTML, and suppress wikitext parsing, you can
now do so by embedding it like this:
```
$$$.html
<div>
one two
three four
five six
</div>
$$$
```
{
"parserrules":{
"blockRuleList":[ "html"]
}
"parseAsInline":true
}
Try editing these examples: [[A menu system]] [[Employee data]].
Note that on keypress updating is disabled as a default, there is a 'set value' button that is used to enter values. The default can be changed by editing the option file:[[$:/plugins/bj/jsoneditor/options.json]]. On keypress updating may be slow due to the editor compiling the json.
~MarkDown: Extended
=================
What you are seeing here is the tabs macro working in extended markdown, using the tiddlers [[Code]] and [[Phrase Emphasis]]
[=[tabs 'Code[[Phrase Emphasis]]' 'Phrase Emphasis' '$:/state/tab1']]=]
MarkDown: [[Basics]]
================
{{ParagraphsMD}}
### Phrase Emphasis ###
Markdown uses asterisks and underscores to indicate spans of emphasis.
Markdown:
Some of these words *are emphasized*.
Some of these words _are emphasized also_.
Use two asterisks for **strong emphasis**.
Or, if you prefer, __use two underscores instead__.
Output:
<p>Some of these words <em>are emphasized</em>.
Some of these words <em>are emphasized also</em>.</p>
<p>Use two asterisks for <strong>strong emphasis</strong>.
Or, if you prefer, <strong>use two underscores instead</strong>.</p>
## Lists ##
Unordered (bulleted) lists use asterisks, pluses, and hyphens (`*`,
`+`, and `-`) as list markers. These three markers are
interchangable; this:
* Candy.
* Gum.
* Booze.
this:
+ Candy.
+ Gum.
+ Booze.
and this:
- Candy.
- Gum.
- Booze.
all produce the same output:
<ul>
<li>Candy.</li>
<li>Gum.</li>
<li>Booze.</li>
</ul>
Ordered (numbered) lists use regular numbers, followed by periods, as
list markers:
1. Red
2. Green
3. Blue
Output:
<ol>
<li>Red</li>
<li>Green</li>
<li>Blue</li>
</ol>
If you put blank lines between items, you'll get `<p>` tags for the
list item text. You can create multi-paragraph list items by indenting
the paragraphs by 4 spaces or 1 tab:
* A list item.
With multiple paragraphs.
* Another item in the list.
Output:
<ul>
<li><p>A list item.</p>
<p>With multiple paragraphs.</p></li>
<li><p>Another item in the list.</p></li>
</ul>
### Links ###
Markdown supports two styles for creating links: *inline* and
*reference*. With both styles, you use square brackets to delimit the
text you want to turn into a link.
Inline-style links use parentheses immediately after the link text.
For example:
This is an [example link](http://example.com/).
Output:
<p>This is an <a href="http://example.com/">
example link</a>.</p>
Optionally, you may include a title attribute in the parentheses:
This is an [example link](http://example.com/ "With a Title").
Output:
<p>This is an <a href="http://example.com/" title="With a Title">
example link</a>.</p>
Reference-style links allow you to refer to your links by names, which
you define elsewhere in your document:
I get 10 times more traffic from [Google][1] than from
[Yahoo][2] or [MSN][3].
[1]: http://google.com/ "Google"
[2]: http://search.yahoo.com/ "Yahoo Search"
[3]: http://search.msn.com/ "MSN Search"
Output:
<p>I get 10 times more traffic from <a href="http://google.com/"
title="Google">Google</a> than from <a href="http://search.yahoo.com/"
title="Yahoo Search">Yahoo</a> or <a href="http://search.msn.com/"
title="MSN Search">MSN</a>.</p>
The title attribute is optional. Link names may contain letters,
numbers and spaces, but are *not* case sensitive:
I start my morning with a cup of coffee and
[The New York Times][NY Times].
[ny times]: http://www.nytimes.com/
Output:
<p>I start my morning with a cup of coffee and
<a href="http://www.nytimes.com/">The New York Times</a>.</p>
### Images ###
Image syntax is very much like link syntax.
Inline (titles are optional):

Reference-style:
![alt text][id]
[id]: /path/to/img.jpg "Title"
Both of the above examples produce the same output:
<img src="/path/to/img.jpg" alt="alt text" title="Title" />
### Code ###
In a regular paragraph, you can create code span by wrapping text in
backtick quotes. Any ampersands (`&`) and angle brackets (`<` or
`>`) will automatically be translated into HTML entities. This makes
it easy to use Markdown to write about HTML example code:
I strongly recommend against using any `<blink>` tags.
I wish SmartyPants used named entities like `—`
instead of decimal-encoded entites like `—`.
Output:
<p>I strongly recommend against using any
<code><blink></code> tags.</p>
<p>I wish SmartyPants used named entities like
<code>&mdash;</code> instead of decimal-encoded
entites like <code>&#8212;</code>.</p>
To specify an entire block of pre-formatted code, indent every line of
the block by 4 spaces or 1 tab. Just like with code spans, `&`, `<`,
and `>` characters will be escaped automatically.
Markdown:
If you want your page to validate under XHTML 1.0 Strict,
you've got to put paragraph tags in your blockquotes:
<blockquote>
<p>For example.</p>
</blockquote>
Output:
<p>If you want your page to validate under XHTML 1.0 Strict,
you've got to put paragraph tags in your blockquotes:</p>
<pre><code><blockquote>
<p>For example.</p>
</blockquote>
</code></pre>
MarkDown: [[Basics]]
================
a [=[version]=]
{{ParagraphsMDs}}
### Phrase Emphasis ###
Markdown uses asterisks and underscores to indicate spans of emphasis.
Markdown:
Some of these words *are emphasized*.
Some of these words _are emphasized also_.
Use two asterisks for **strong emphasis**.
Or, if you prefer, __use two underscores instead__.
Output:
<p>Some of these words <em>are emphasized</em>.
Some of these words <em>are emphasized also</em>.</p>
<p>Use two asterisks for <strong>strong emphasis</strong>.
Or, if you prefer, <strong>use two underscores instead</strong>.</p>
## Lists ##
Unordered (bulleted) lists use asterisks, pluses, and hyphens (`*`,
`+`, and `-`) as list markers. These three markers are
interchangable; this:
* Candy.
* Gum.
* Booze.
this:
+ Candy.
+ Gum.
+ Booze.
and this:
- Candy.
- Gum.
- Booze.
all produce the same output:
- Candy.
- Gum.
- Booze.
Ordered (numbered) lists use regular numbers, followed by periods, as
list markers:
1. Red
2. Green
3. Blue
Output:
1. Red
2. Green
3. Blue
If you put blank lines between items, you'll get `<p>` tags for the
list item text. You can create multi-paragraph list items by indenting
the paragraphs by 4 spaces or 1 tab:
* A list item.
With multiple paragraphs.
* Another item in the list.
Output:
* A list item.
With multiple paragraphs.
* Another item in the list.
### Links ###
Markdown supports two styles for creating links: *inline* and
*reference*. With both styles, you use square brackets to delimit the
text you want to turn into a link.
Inline-style links use parentheses immediately after the link text.
For example:
This is an [example link](http://example.com/).
Output:
<p>This is an <a href="http://example.com/">
example link</a>.</p>
Optionally, you may include a title attribute in the parentheses:
This is an [example link](http://example.com/ "With a Title").
Output:
<p>This is an <a href="http://example.com/" title="With a Title">
example link</a>.</p>
Reference-style links allow you to refer to your links by names, which
you define elsewhere in your document:
I get 10 times more traffic from [Google][1] than from
[Yahoo][2] or [MSN][3].
[1]: http://google.com/ "Google"
[2]: http://search.yahoo.com/ "Yahoo Search"
[3]: http://search.msn.com/ "MSN Search"
Output:
<p>I get 10 times more traffic from <a href="http://google.com/"
title="Google">Google</a> than from <a href="http://search.yahoo.com/"
title="Yahoo Search">Yahoo</a> or <a href="http://search.msn.com/"
title="MSN Search">MSN</a>.</p>
The title attribute is optional. Link names may contain letters,
numbers and spaces, but are *not* case sensitive:
I start my morning with a cup of coffee and
[The New York Times][NY Times].
[ny times]: http://www.nytimes.com/
Output:
<p>I start my morning with a cup of coffee and
<a href="http://www.nytimes.com/">The New York Times</a>.</p>
### Images ###
MarkDown List
=================
[==[list-links filter$]==]f
```
<h1>
```
<h1 id="test">test</h1>
[=[version]=]
MarkDown List
=================
[=[list-links filter:'[tag[MdExtendDemoDocs]]']=]
<h1 id="test">test</h1>
[=[version]=]
<$set name="tcc1" value=<<currentTiddler>>>
<$taglist class="btn btn-primary" template="$:/.bj/templates/TagControlTemplate" emptyMessage="drop here to add tag"></$taglist>
</$set>
<$link><span class="tw-taglist"><$view field="title"/></span></$link><$fieldmangler><$link to=<<tcc1>> class="tc-btn-invisible">{{$:/core/images/cancel-button}}</$link></$fieldmangler>
<embed type="video/x-flv" width="400" height="200" src="file:///media/3497f82e-3b95-41de-90af-df905eceeab4/data/spanish/elementary/spanishpod_B0396pr.mp3">
Markdown: Basics
================
Getting the Gist of Markdown's Formatting Syntax
------------------------------------------------
This page offers a brief overview of what it's like to use Markdown.
The [syntax page] [s] provides complete, detailed documentation for
every feature, but Markdown should be very easy to pick up simply by
looking at a few examples of it in action. The examples on this page
are written in a before/after style, showing example syntax and the
HTML output produced by Markdown.
It's also helpful to simply try Markdown out; the [Dingus] [d] is a
web application that allows you type your own Markdown-formatted text
and translate it to XHTML.
**Note:** This document is itself written using Markdown; you
can [see the source for it by adding '.text' to the URL] [src].
[s]: /projects/markdown/syntax "Markdown Syntax"
[d]: /projects/markdown/dingus "Markdown Dingus"
[src]: /projects/markdown/basics.text
## Paragraphs, Headers, Blockquotes ##
A paragraph is simply one or more consecutive lines of text, separated
by one or more blank lines. (A blank line is any line that looks like
a blank line -- a line containing nothing but spaces or tabs is
considered blank.) Normal paragraphs should not be indented with
spaces or tabs.
Markdown offers two styles of headers: *Setext* and *atx*.
Setext-style headers for `<h1>` and `<h2>` are created by
"underlining" with equal signs (`=`) and hyphens (`-`), respectively.
To create an atx-style header, you put 1-6 hash marks (`#`) at the
beginning of the line -- the number of hashes equals the resulting
HTML header level.
Blockquotes are indicated using email-style '`>`' angle brackets.
Markdown:
A First Level Header
====================
A Second Level Header
---------------------
Now is the time for all good men to come to
the aid of their country. This is just a
regular paragraph.
The quick brown fox jumped over the lazy
dog's back.
### Header 3
> This is a blockquote.
>
> This is the second paragraph in the blockquote.
>
> ## This is an H2 in a blockquote
Output:
<h1>A First Level Header</h1>
<h2>A Second Level Header</h2>
<p>Now is the time for all good men to come to
the aid of their country. This is just a
regular paragraph.</p>
<p>The quick brown fox jumped over the lazy
dog's back.</p>
<h3>Header 3</h3>
<blockquote>
<p>This is a blockquote.</p>
<p>This is the second paragraph in the blockquote.</p>
<h2>This is an H2 in a blockquote</h2>
</blockquote>
### Phrase Emphasis ###
Markdown uses asterisks and underscores to indicate spans of emphasis.
Markdown:
Some of these words *are emphasized*.
Some of these words _are emphasized also_.
Use two asterisks for **strong emphasis**.
Or, if you prefer, __use two underscores instead__.
Output:
<p>Some of these words <em>are emphasized</em>.
Some of these words <em>are emphasized also</em>.</p>
<p>Use two asterisks for <strong>strong emphasis</strong>.
Or, if you prefer, <strong>use two underscores instead</strong>.</p>
## Lists ##
Unordered (bulleted) lists use asterisks, pluses, and hyphens (`*`,
`+`, and `-`) as list markers. These three markers are
interchangable; this:
* Candy.
* Gum.
* Booze.
this:
+ Candy.
+ Gum.
+ Booze.
and this:
- Candy.
- Gum.
- Booze.
all produce the same output:
<ul>
<li>Candy.</li>
<li>Gum.</li>
<li>Booze.</li>
</ul>
Ordered (numbered) lists use regular numbers, followed by periods, as
list markers:
1. Red
2. Green
3. Blue
Output:
<ol>
<li>Red</li>
<li>Green</li>
<li>Blue</li>
</ol>
If you put blank lines between items, you'll get `<p>` tags for the
list item text. You can create multi-paragraph list items by indenting
the paragraphs by 4 spaces or 1 tab:
* A list item.
With multiple paragraphs.
* Another item in the list.
Output:
<ul>
<li><p>A list item.</p>
<p>With multiple paragraphs.</p></li>
<li><p>Another item in the list.</p></li>
</ul>
### Links ###
Markdown supports two styles for creating links: *inline* and
*reference*. With both styles, you use square brackets to delimit the
text you want to turn into a link.
Inline-style links use parentheses immediately after the link text.
For example:
This is an [example link](http://example.com/).
Output:
<p>This is an <a href="http://example.com/">
example link</a>.</p>
Optionally, you may include a title attribute in the parentheses:
This is an [example link](http://example.com/ "With a Title").
Output:
<p>This is an <a href="http://example.com/" title="With a Title">
example link</a>.</p>
Reference-style links allow you to refer to your links by names, which
you define elsewhere in your document:
I get 10 times more traffic from [Google][1] than from
[Yahoo][2] or [MSN][3].
[1]: http://google.com/"Google"
[2]: http://search.yahoo.com/ "Yahoo Search"
[3]: http://search.msn.com/"MSN Search"
Output:
<p>I get 10 times more traffic from <a href="http://google.com/"
title="Google">Google</a> than from <a href="http://search.yahoo.com/"
title="Yahoo Search">Yahoo</a> or <a href="http://search.msn.com/"
title="MSN Search">MSN</a>.</p>
The title attribute is optional. Link names may contain letters,
numbers and spaces, but are *not* case sensitive:
I start my morning with a cup of coffee and
[The New York Times][NY Times].
[ny times]: http://www.nytimes.com/
Output:
<p>I start my morning with a cup of coffee and
<a href="http://www.nytimes.com/">The New York Times</a>.</p>
### Images ###
Image syntax is very much like link syntax.
Inline (titles are optional):

Reference-style:
![alt text][id]
[id]: /path/to/img.jpg "Title"
Both of the above examples produce the same output:
<img src="/path/to/img.jpg" alt="alt text" title="Title" />
### Code ###
In a regular paragraph, you can create code span by wrapping text in
backtick quotes. Any ampersands (`&`) and angle brackets (`<` or
`>`) will automatically be translated into HTML entities. This makes
it easy to use Markdown to write about HTML example code:
I strongly recommend against using any `<blink>` tags.
I wish SmartyPants used named entities like `—`
instead of decimal-encoded entites like `—`.
Output:
<p>I strongly recommend against using any
<code><blink></code> tags.</p>
<p>I wish SmartyPants used named entities like
<code>&mdash;</code> instead of decimal-encoded
entites like <code>&#8212;</code>.</p>
To specify an entire block of pre-formatted code, indent every line of
the block by 4 spaces or 1 tab. Just like with code spans, `&`, `<`,
and `>` characters will be escaped automatically.
Markdown:
If you want your page to validate under XHTML 1.0 Strict,
you've got to put paragraph tags in your blockquotes:
<blockquote>
<p>For example.</p>
</blockquote>
Output:
<p>If you want your page to validate under XHTML 1.0 Strict,
you've got to put paragraph tags in your blockquotes:</p>
<pre><code><blockquote>
<p>For example.</p>
</blockquote>
</code></pre>
When editor a pdf tiddler to add tags, the contents of pdfs appear as gibberish in the edit window. This can be switch off with this plugin. Once the plugin is installed create a tiddler titled "[[$:/config/EditorTypeMappings/application/pdf]]" with content 'none' (or drag the one from here) .
This plugin provides object embedding via the CKEditor-oEmbed-Plugin (MIT license),
from http://w8tcha.github.com/CKEditor-oEmbed-Plugin/, which lists the supported sites.
Demo is here OembedDemo
I would not recommend using this at the moment as there are a number of issues that I am seeing
<$oembed url="https://www.youtube.com/watch?v=SX0jvQ0vYVk" maxWidth=300 maxHeight=500>
## Paragraphs, Headers, Blockquotes ##
A paragraph is simply one or more consecutive lines of text, separated
by one or more blank lines. (A blank line is any line that looks like
a blank line -- a line containing nothing but spaces or tabs is
considered blank.) Normal paragraphs should not be indented with
spaces or tabs.
Markdown offers two styles of headers: *Setext* and *atx*.
Setext-style headers for `<h1>` and `<h2>` are created by
"underlining" with equal signs (`=`) and hyphens (`-`), respectively.
To create an atx-style header, you put 1-6 hash marks (`#`) at the
beginning of the line -- the number of hashes equals the resulting
HTML header level.
Blockquotes are indicated using email-style '`>`' angle brackets.
Markdown:
A First Level Header
====================
A Second Level Header
---------------------
Now is the time for all good men to come to
the aid of their country. This is just a
regular paragraph.
The quick brown fox jumped over the lazy
dog's back.
### Header 3
> This is a blockquote.
>
> This is the second paragraph in the blockquote.
>
> ## This is an H2 in a blockquote
## Paragraphs, Headers, Blockquotes ##
A paragraph is simply one or more consecutive lines of text, separated
by one or more blank lines. (A blank line is any line that looks like
a blank line -- a line containing nothing but spaces or tabs is
considered blank.) Normal paragraphs should not be indented with
spaces or tabs.
MarkDown offers two styles of headers: *Setext* and *atx*.
Setext-style headers for `<h1>` and `<h2>` are created by
"underlining" with equal signs (`=`) and hyphens (`-`), respectively.
To create an atx-style header, you put 1-6 hash marks (`#`) at the
beginning of the line -- the number of hashes equals the resulting
HTML header level.
Blockquotes are indicated using email-style '`>`' angle brackets.
Markdown:
A First Level Header
====================
A Second Level Header
---------------------
Now is the time for all good men to come to
the aid of their country. This is just a
regular paragraph.
The quick brown fox jumped over the lazy
dog's back.
### Header 3
> This is a blockquote.
>
> This is the second paragraph in the blockquote.
>
> ## This is an H2 in a blockquote
Output:
<h1>A First Level Header</h1>
<h2>A Second Level Header</h2>
<p>Now is the time for all good men to come to
the aid of their country. This is just a
regular paragraph.</p>
<p>The quick brown fox jumped over the lazy
dog's back.</p>
<h3>Header 3</h3>
<blockquote>
<p>This is a blockquote.</p>
<p>This is the second paragraph in the blockquote.</p>
<h2>This is an H2 in a blockquote</h2>
</blockquote>
### Phrase Emphasis ###
Markdown uses asterisks and underscores to indicate spans of emphasis.
Markdown:
Some of these words *are emphasized*.
Some of these words _are emphasized also_.
Use two asterisks for **strong emphasis**.
Or, if you prefer, __use two underscores instead__.
|!Search tag: | <$edit-text tiddler="$:/temp/RenameTags/search" tag="input" type="text"/> |
|!Replace by: | <$edit-text tiddler="$:/temp/RenameTags/replace" tag="input" type="text"/> |
<$button set=<<qualify "$:/state">> setTo="open1">rename</$button>
<div hidden="true">
<$list filter="[!has[draft.of]tag{$:/temp/RenameTags/search}!tag{$:/temp/RenameTags/replace}sort[created]]">
<$checkbox tag={{$:/temp/RenameTags/replace}}><$click state=<<qualify "$:/state">> text="open1"/> </$checkbox>
<$checkbox tag={{$:/temp/RenameTags/search}}><$click state=<<qualify "$:/state">> text="open1"/> </$checkbox>
</$list>
<$button set="$:/temp/RenameTags/search" setTo=""><$click state=<<qualify "$:/state">> text="open1"/> </$button>
<$button set="$:/temp/RenameTags/replace" setTo=""><$click state=<<qualify "$:/state">> text="open1"/> </$button>
</div>
!A Dev Tool
Replaces the tw5 red error box generated by a uncaught exceptions with a stacktrace showing where the error occurred.
The uncaught exception can now be passed to the error handling routine:
```
window.onerror(message,file,line,column,errorObj)
```
http://html5.org/tools/web-apps-tracker?from=8085&to=8086
So far I only know that it works with chrome and (at present) not with firefox.
A variation on the list widget, the taglist widget doesn't have filters - it only lists tiddlers with a given tag. The resultant list items can be dragged up and down the list causing a re-ordering. Tiddler links can be dragged onto the list, causing that tiddler to be tagged and inserted into the list.
Try out the demo TagListDemo.
See it in action : [[Tw5Info]]
Try addeding this tiddler to the list using drag and drop - <$link dragoverclic="yes">DragItem</$link>
<$taglist targeTtag="taglistdemo"></$taglist>
<$linkcatcher set=loop1 setTo={{!!title}} >
<$reveal state=loop1 text={{!!title}} type="match"><$button class="tw-taglist" set=loop1 setTo="">[x]</$button></$reveal>
<$link><span class="tw-taglist"><$view field="title"/></span></$link></$linkcatcher><$link>@</$link>
<$reveal state=loop1 text={{!!title}} type="match">
<$transclude mode="block">
</$reveal>
<h1>Edit the 'test' file</h1>
\define frame-classes()
tc-tiddler-frame tc-tiddler-edit-frame $(missingTiddlerClass)$ $(shadowTiddlerClass)$ $(systemTiddlerClass)$
\end
<div class=<<frame-classes>>>
<$set name="storyTiddler" value=<<currentTiddler>>>
<$keyboard key="escape" message="tm-cancel-tiddler">
<$keyboard key="ctrl+enter" message="tm-save-tiddler">
<$list filter="[all[shadows+tiddlers]tag[$:/tags/EditTemplate]!has[draft.of]!title[$:/core/ui/EditTemplate/fields]!title[$:/core/ui/EditTemplate/body]] + [title[$:/bj/typestemplate/EditTemplate/body]]" variable="listItem">
<$transclude tiddler=<<listItem>>/>
</$list>
</$keyboard>
</$keyboard>
</$set>
</div>
\define frame-classes()
tc-tiddler-frame tc-tiddler-view-frame $(missingTiddlerClass)$ $(shadowTiddlerClass)$ $(systemTiddlerClass)$ $(tiddlerTagClasses)$
\end
<$set name="storyTiddler" value=<<currentTiddler>>><$set name="tiddlerInfoState" value=<<qualify "$:/state/popup/tiddler-info">>><$tiddler tiddler=<<currentTiddler>>><div class=<<frame-classes>>><$list filter="[all[shadows+tiddlers]tag[$:/tags/ViewTemplate]!has[draft.of]]" variable="listItem"><$transclude tiddler=<<listItem>>/></$list>
</div>
</$tiddler></$set></$set>
| ''To Format Text As...'' | ''Use This Mark-Up'' |
| ''Bold'' | {{{''Bold''}}} Two single-quotes, not a double-quote. |
| //Italics// | {{{//Italics//}}} |
| ''//Bold Italics//'' | {{{''//Bold Italics//''}}} |
| __Underline__ | {{{__Underline__}}} |
| --Strikethrough-- | {{{--Strikethrough--}}} |
| Super^^script^^ | {{{Super^^script^^}}} |
| Sub~~script~~ | {{{Sub~~script~~}}} |
| @@Highlight@@ | {{{@@Highlight@@}}} |
| <nowiki>PlainText No ''Formatting''</nowiki> | {{{ <nowiki>PlainText No ''Formatting''</nowiki> }}} |
===+++!*[
Block Elements
`PlainText No ''Formatting''`
!! Headings
|]
!<nowiki>!</nowiki>Heading Level 1
!!<nowiki>!!</nowiki>Heading Level 2
!!!<nowiki>!!!</nowiki>Heading Level 3
!!!!<nowiki>!!!!</nowiki>Heading Level 4
!!!!!<nowiki>!!!!!</nowiki>Heading Level 5
!!!!!!<nowiki>!!!!!!</nowiki>Heading Level 6
===+++!!*[
!! Unordered Lists
|]
!!! Example
* Unordered List, Level 1
** Unordered List, Level 2
*** Unordered List, Level 3
!!!Mark-Up Used
{{{
* Unordered List, Level 1
** Unordered List, Level 2
*** Unordered List, Level 3
}}}
===+++!!*[
!! Ordered Lists
|]
!!! Example
# Ordered List, Level 1A
# Ordered List, Level 1B
## Ordered List, Level 2A
### Ordered List, Level 3A
!!! Mark-Up Used
{{{
# Ordered List, Level 1A
# Ordered List, Level 1B
## Ordered List, Level 2A
### Ordered List, Level 3A
}}}
===+++!!*[
!! Definition Lists
|]
!!! Example
; term
: description
!!! Mark-Up Used
{{{
; term
: description
}}}
===+++!!*[
!! Blockquotes
|]
!!! Example
> blockquote, level 1
>> blockquote, level 2
>>> blockquote, level 3
!!! Mark-Up Used
{{{
> blockquote, level 1
>> blockquote, level 2
>>> blockquote, level 3
}}}
!!! Block Example
<<<
blockquote
<<<
!!! Mark-Up Used
{{{
<<<
blockquote
<<<
}}}
===+++!!*[
!! Preformatted
|]
!!! Example
{{{
preformatted (e.g. code)
}}}
!!! Markup Used
<nowiki>{{{</nowiki>
<nowiki>preformatted (e.g. code)</nowiki>
<nowiki>}}}</nowiki>
===+++!!*[
!! Tables
|]
{{annotation{There is also an in-depth article on [[Tables]].}}}
Columns are delimited by a single pipe character ({{{|}}}); a new line creates a new row.
!!!Example
|CssClass|k
|!heading column 1|!heading column 2|h
|row 1, column 1|row 1, column 2|
|row 2, column 1|row 2, column 2|
|>|COLSPAN|
|ROWSPAN| … |
|~| … |
|CssProperty:value;…| … |
|caption|c
!!!Markup
{{{
|CssClass|k
|!heading column 1|!heading column 2|h
|row 1, column 1|row 1, column 2|
|row 2, column 1|row 2, column 2|
|>|COLSPAN|
|ROWSPAN| … |
|~| … |
|CssProperty:value;…| … |
|caption|c
}}}
Notes:
* The {{{>}}} marker creates a "colspan", causing the current cell to merge with the one to the right.
* The {{{~}}} marker creates a "rowspan", causing the current cell to merge with the one above.
===+++!!*[
!! Images
|]
See [[tiddlywiki.com|http://www.tiddlywiki.com/#EmbeddedImages]]
===
===+++!*[
! Links
|]
* [[WikiWord|WikiWords]] are automatically transformed to hyperlinks to the respective tiddler
** the automatic transformation can be suppressed by preceding the respective WikiWord with a tilde ({{{~}}}): {{{~WikiWord}}}
* [[PrettyLinks]] are enclosed in double square brackets and contain the desired tiddler name: {{{[[tiddler name]]}}}
** optionally, a custom title or description can be added, separated by a pipe character ({{{|}}}): {{{[[title|target]]}}} ''N.B.:'' The target can also be any website (i.e. URL), folder or file.
!! Examples
* a simple website (URL) requires no markup: {{{http://domain.tld}}}
* website (URL) : {{{[[label|http://domain.tld]]}}}
* Unix-style folder: {{{[[label|file:///folder/file]]}}}
* Windows drive-mapped folder {{{[[label|file:///c:/folder/file]]}}}
* Windows network share: {{{[[label|file://///server/folder/file]]}}}
* File in a local subfolder of the TiddlyWiki location: {{{[[label|folder/file]]}}}
! Custom Styling
* inline styles: {{{@@CssProperty:value;CssProperty:value;...@@}}} ''N.B.:''' CSS color definitions should use lowercase letters to prevent the inadvertent creation of WikiWords.
* class wrapper: <nowiki>{{customClass{...}}}</nowiki>
!! Example
{{indent{
lorem ''ipsum'' dolor '''sit''' amet
}}}
(The <code>indent</code> is provided by the TiddlyWiki core in [[StyleSheetLayout]].)
===+++!*[
! Inserting HTML
|]
raw HTML can be inserted by enclosing the respective code in HTML tags ({{{<html>...</html>}}}).
! Avoiding Wikificitation ==
To prevent wiki markup from taking effect for a particular section (e.g. special characters), that section can be enclosed in three double quotes: e.g. {{{"""WikiWord"""}}} (cf. [[Escaping]]).
! Special Markers
* {{{<br>}}} forces a manual line break
* {{{----}}} and {{{<hr>}}} create a horizontal rule
* [[HTML entities|http://www.tiddlywiki.com/#HtmlEntities]]
* {{{>}}} calls the respective [[Macros|macro]]
* To hide text within a tiddler so that it is not displayed, it can be wrapped in {{{/%}}} and {{{%/}}}. This can be a useful trick for hiding drafts or annotating complex markup.
===+++!*[
! See Also
|]
* [[Wiki Markup]]
* [[Multi-Line Contents]]
* [[Tiddler format]] (TiddlyWiki markup version / Cheat Sheet)
* [[Macros]]
* [[Customization]]
===
<html>pageref="<a class="externalLink" href="http://tiddlywiki.com/" title="External link to http://tiddlywiki.com/" target="_blank">http://tiddlywiki.com/</a>" <br><br>date="Friday, December 20th, 2013 at 2:03:32 pm"<br><h1></h1><span>In the browser, any constituent tiddlers that are <a href="http://tiddlywiki.com#JavaScript" class=" tw-tiddlylink tw-tiddlylink-resolves">JavaScript</a> modules (ie shadow tiddlers of content type <code>application/javascript</code> and possessing the field <code>module-type</code>) are executed during startup processing.
</span></html>
<html>pageref="<a class="externalLink" href="https://groups.google.com/forum/#%21searchin/tiddlywiki/video$20widget/tiddlywiki/JolT1K-27bk/pywmynIO6OQJ" title="External link to https://groups.google.com/forum/#!searchin/tiddlywiki/video$20widget/tiddlywiki/JolT1K-27bk/pywmynIO6OQJ" target="_blank">https://groups.google.com/forum/#!searchin/tiddlywiki/video$20widget/tiddlywiki/JolT1K-27bk/pywmynIO6OQJ</a>" <br><br>date="Wednesday, December 18th, 2013 at 10:38:16 pm"<br>
I think it would have been TWC, where there is a popular plugin from Eric that selects the template for each displayed tiddler according to tags and other critiera.<div><br></div><div>In TW5 the closes equivalent would be to define a new slice of the ViewTemplate that only displays itself when relevant to the tiddler being displayed. In this way one can augment the default template, rather than totally replacing it. If you wanted to remove any of the default viewtemplate slices you'd just overwrite the relevant shadow tiddlers with a new template that is selective.</div>
<div><br></div><div>To selectively hide things you can use the <$reveal> widget or the <$list> widget with the [limit[1]] trick that came up a few days ago.
<$set name="loop1" value=<<qualify "$:/temp/taglist">>>
<$taglist class="btn btn-primary">{{!!title||taglisttemplate}}</$taglist>
</$set>
<$include docsheader/>
! Concepts
<<bulletList "Tw5Info">>
file:///media/3497f82e-3b95-41de-90af-df905eceeab4/data/radice/firefoxextension/Tw516/plugins/jermolene.github.com/demo.html#%24%3A%2Fplugins%2Fbj%2FCalendar
There are several methods for upgrading an existing TiddlyWiki version 5 document to a new release. There is a [[different procedure|Upgrading TiddlyWiki on Node.js]] for upgrading [[TiddlyWiki on Node.js]].
<div class="tw-message-box">
<a class="tw-message-icon" href="http://tiddlywiki.com/" target="_blank">{{TiddlyWiki Classic.png}}</a>
!! Upgrading from TiddlyWikiClassic
Remember that TiddlyWiki version 5 is not fully backwards compatible with the older TiddlyWikiClassic. It is recommended that users of TiddlyWikiClassic should not attempt to upgrade their existing files until the new version is more mature.
</div>
! Online upgrading
This process will work on most desktop browsers. Note that none of your personal data leaves your browser with this process.
# Locate your TiddlyWiki file in the file system (ie using Windows Explorer, the Finder on Mac OS X, or your file manager on Linux)
# Visit http://tiddlywiki.com/empty.html in your browser
# Drag your old TiddlyWiki HTML file into the browser window
#* If the file is encrypted you will be prompted for the password
#* Your tiddlers should be imported
# Set a password if you want to use encryption
# Save changes to save the new version
This will download a file called ''empty.html'' to your computer. This file is the upgrade of your old file. You may need to open the location where ''empty.html'' was downloaded, rename ''empty.html'' with the name of the old file you are upgrading, and replace the old file by moving the new file in its place.
//For the moment you'll also need to manually update any plugins that are not included in empty.html://
># Open the control panel to the ''Plugins'' tab in your upgraded wiki
># Check the version numbers of the plugins you are using; any plugins with an older version than the version of [[$:/core]] will probably need updating
># Locate a wiki with the plugins you need to update and open the control panel ''Plugins'' tab
>#* http://tiddlywiki.com/d3demo.html for the D3 plugin
>#* http://tiddlywiki.com/codemirrordemo.html for the CodeMirror plugin
>#* http://tiddlywiki.com/markdowndemo.html for the MarkDown plugin
>#* http://tiddlywiki.com/ for most of the others
># Drag the plugin links one by one back to your own wiki. You should see the version numbers update in the control panel
># Save your wiki
! Offline upgrading
You can also download http://tiddlywiki.com/empty.html locally and perform the same drag-and-drop procedure to upgrade your files.
There are several methods for upgrading an existing TiddlyWiki version 5 document to a new release. There is a [[different procedure|Upgrading TiddlyWiki on Node.js]] for upgrading [[TiddlyWiki on Node.js]].
<div class="tw-message-box">
<a class="tw-message-icon" href="http://tiddlywiki.com/" target="_blank">{{TiddlyWiki Classic.png}}</a>
!! Upgrading from TiddlyWikiClassic
Remember that TiddlyWiki version 5 is not fully backwards compatible with the older TiddlyWikiClassic. It is recommended that users of TiddlyWikiClassic should not attempt to upgrade their existing files until the new version is more mature.
</div>
! Online upgrading
This process will work on most desktop browsers. Note that none of your personal data leaves your browser with this process.
# Locate your TiddlyWiki file in the file system (ie using Windows Explorer, the Finder on Mac OS X, or your file manager on Linux)
# Visit http://tiddlywiki.com/empty.html in your browser
# Drag your old TiddlyWiki HTML file into the browser window
#* If the file is encrypted you will be prompted for the password
#* Your tiddlers should be imported
# Set a password if you want to use encryption
# Save changes to save the new version
This will download a file called ''empty.html'' to your computer. This file is the upgrade of your old file. You may need to open the location where ''empty.html'' was downloaded, rename ''empty.html'' with the name of the old file you are upgrading, and replace the old file by moving the new file in its place.
//For the moment you'll also need to manually update any plugins that are not included in empty.html://
># Open the control panel to the ''Plugins'' tab in your upgraded wiki
># Check the version numbers of the plugins you are using; any plugins with an older version than the version of [[$:/core]] will probably need updating
># Locate a wiki with the plugins you need to update and open the control panel ''Plugins'' tab
>#* http://tiddlywiki.com/d3demo.html for the D3 plugin
>#* http://tiddlywiki.com/codemirrordemo.html for the CodeMirror plugin
>#* http://tiddlywiki.com/markdowndemo.html for the MarkDown plugin
>#* http://tiddlywiki.com/ for most of the others
># Drag the plugin links one by one back to your own wiki. You should see the version numbers update in the control panel
># Save your wiki
! Offline upgrading
You can also download http://tiddlywiki.com/empty.html locally and perform the same drag-and-drop procedure to upgrade your files.
<h2>Demo</h2>
<p>Try the demo here: VisualEditorDemo</p>
<h2>Installation</h2>
<p>This widget uses the ckeditor lib - the 'command' to load it is in the tiddler [[$:/plugin/bj/visualeditor/includelib]] - and it needs to point to a new location, where you will load the library from. To avoid querks with loading the library from the web include the library from your computer (the library can be obtained from http://ckeditor.com/download):</p>
<p>For linux</p>
<p><script src="file:///yourpath/ckeditor/ckeditor.js"></script></p>
<p>For windows</p>
<p><script src="file://c/yourpath/ckeditor/ckeditor.js"></script></p>
<p>where 'yourpath' is the path to where you have put the ckeditor download.</p>
<p>Then reload your tiddlywiki.</p>
<p>Also be aware that the editor strips newline characters, this means it cannot be used with some wiki text (it is probably a bad idea to try and mix wiki text with text produced in the visualeditor).</p>
<p>There is a new type for tiddlers using this plugin: text/x-htmlp, select it from the dropdown type menu when you create a new tiddler.</p>
<h1><span style="background-color:Red">Visual</span><span style="background-color:Yellow"> Editing</span></h1>
<p>This was created with the visual editor for text/html tiddlers (ckeditor), hit the edit button to give it a try!!</p>
<p><img alt="Screen Shot 2014-05-03 at 10.57.17 AM" class="aligncenter size-medium wp-image-2407" src="http://fluent-forever.com/wp-content/uploads/2014/05/Screen-Shot-2014-05-03-at-10.57.17-AM-300x215.png" style="height:215px; width:300px" /></p>
In this release:
*more functionality
*VisualTW5 can be activated (experimental only)
*internals updated for tw5 core v5.0.10
Note that at present only English is supported in the dialogues.
<p>VisualTW5 is the application visual editoring to tw5 wkitext. The Idea is to use the visual editor to provide the text markup as html tags, and use only the macro and link functionality from the tw5 wikitext. As tw5 wikitext includes html tags this means that only a subset of tw5 wiki text will be used (in tiddlers created this way). To make a distinction , a new type, text/x-perimental, is used.</p>
<h2>Activation</h2>
<p>After installing the visual editor plugin, drag this tiddler on to your tiddlywiki -[[$:/language/Docs/Types/text/x-perimental]]</p>
<p>- here I have written code to add/define/override parser setting. A base collection of setting are defined using a json tid, eg tiddlywikiRules, which lists the standard rules for vnd.tiddywiki, minus the html rule. An example of this being used is here - [[Upgrading2]], which has the type <strong>text/vnd.tiddlywiki<tiddlywikiRules</strong> ([[tiddlywikiRules]] being a json tiddler . This is then augmented with the 'html' rule, see [[Upgrading]] which has type:<strong>text/vnd.tiddlywiki<fullTW5</strong> see [[fullTW5]].</p>
|!Project|!Location|!Objective|
|[[Flexitype Demo]]|[[$:/plugins/bj/flexitype]] |Exended types|
|[[typestemplate]]|[[$:/plugins/bj/typestemplate]] |enables user templates for types|
|ExtendableCalendar|[[$:/plugins/bj/Calendar]] |A configuarable calendar|
|! <hr> |! <hr> |! <hr> |
|TagList|[[$:/plugins/bj/taglist]] |list by tag that is re-orderable by drag/drop |
|VisualEditor|[[$:/plugins/bj/visualeditor]] |Enable html based content to be created or edited|
|! <hr> |! <hr> |! <hr> |
|JsonEditor|[[$:/plugins/bj/jsoneditor]]|display and edit jsons as trees|
|ClickAction|[[$:/plugins/bj/smalltools]]|allows multiple actions on a lists to be activated at the same time|
|! <hr> |! <hr> |! <hr> |
|''tiddlyclip''|http://tiddlyclip.tiddlyspot.com|Clip webcontent into tiddlers|
|! <hr> |! <hr> |! <hr> |
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
<$macrocall $name="appendButton" now={{Target}} caption="code" add={{$:/snippets/danielo/code}}/>
<$macrocall $name="appendButton" now={{Target}} caption='<$text text="<ol>"></$text>' add={{$:/snippets/danielo/htmlOL}}/>
<$macrocall $name="appendButton" now={{Target}} caption='<$text text="<ul>"></$text>' add={{$:/snippets/danielo/htmlUL}}/>
<$macrocall $name="appendButton" now={{Target}} caption="list" add={{$:/snippets/danielo/list}}/>
<$macrocall $name="appendButton" now={{Target}} caption="ol" add={{$:/snippets/danielo/oList}}/>
<$macrocall $name="appendButton" now={{Target}} caption="ul" add={{$:/snippets/danielo/uList}}/>
!!How this looks like?
An image is better than thousand words. Take a look at this example tiddler: [[Icons based on tags example]]
!!How to install
Just grab this tiddlers into your wiki:
* [[$:/danielo515/customizations/tagsicons]]
* [[$:/danielo515/customizations/tagsicons/styles]]
!!How to add icons
I created a system that makes adding icons very easy:
# Insert the desired icon in your tiddlywiki as a jpeg,svg,png or any other image format.
# Tag the tiddler with {{icon||$:/core/ui/TagTemplate}}
# Add a field called `fortag` and put inside it the target tag, for example, {{macros||$:/core/ui/TagTemplate}}.
# The new icon will apear on all the tiddlers tagged macros.
# You can repeat the above steps as many times as you want.
!!Icon examples
Here you have a couple of icons as example. You can grab them if you want:
<ul>
<$list filter="[tag[icon]]">
<li><$link>{{!!title}}</$link></li>
</$list>
</ul>
<pre><$view field="text"/></pre>
This plugin has been moved to it's own demonstration page:
http://contextplugin.tiddlyspot.com
Check it out there!
.reactive-table tr:hover{ background-color:#f5f5f5;}
.reactive-table .editable input{background-color:#fbfbfb; border:0px;}
.reactive-table .editable{background-color:#fbfbfb; border:0px;}
.reactive-table input
{
height:100%;
margin:0; border:#fbfbfb;text-align:center;
width:100%;
}
.reactive-table td{padding:0;margin:0;}
.reactive-table td span{display:block; padding:2px; width:100%;height:100%; text-align:center;}
.reactive-table td span .buttons{display:inline;}
.reactive-table td .tw-reveal{width:100%;border:0px;text-align:center;}
Type the text for the tiddler 'descTiddler'
\define fieldsFilter() [title[$(fields-source)$]split:table-fields[,]]
\define rowFilter() [!has[draft.of]tag[$(filter-tag)$]sort[$(sortField)$]]
\define editbutton()
<span title="edit details"><$button set="$:/temp/editPersona" setTo={{!!title}} class="tc-btn-invisible">{{$:/core/images/edit-button}}</$button></span>
\end
\define delbutton()
<span title="delete entry" class="buttons"><$button message="tm-delete-tiddler" param={{!!title}} class="tc-btn-invisible">{{$:/core/images/delete-button}}</$button></span>
\end
\define editModeButtons()
<$reveal state="$:/temp/editPersona" type="match" text={{!!title}} ><<delbutton>> <<okButton>></$reveal>
\end
\define viewModeButtons()
<$reveal state="$:/temp/editPersona" type="nomatch" text={{!!title}} ><<editbutton>></$reveal>
\end
\define okButton()
<span title="OK" class="buttons"><$button message="tm-save-tiddler" param={{!!title}} class="tc-btn-invisible" set="$:/temp/editPersona" setTo="" >{{$:/core/images/done-button}}</$button></span>
\end
\define editCell()
<$reveal state="$:/temp/editPersona" type="match" text={{!!title}} > <$edit-text field=<<currentField>>/> </$reveal>
\end
\define viewCell()
<$reveal state="$:/temp/editPersona" type="nomatch" text={{!!title}}><span><$view field=<<currentField>>/></span></$reveal>
\end
\define displayRows()
<$list filter=<<rowFilter>> >
<tr><td><span>{{!!title}}</span></td>
<$list filter=<<fieldsFilter>> variable="currentField"><td><<viewCell>><<editCell>></td></$list><td><<editModeButtons>><<viewModeButtons>> </td></tr></$list>
\end
\define TableHeaders()
<$list filter="[is[current]split:table-headers[,]]" variable="currentField"><th><$button class="tc-btn-invisible" set="sort-field" setTo=<<currentField>> ><<currentField>></$button></th></$list>
\end
\define add-entry-Row()
<tr class="editable"><td><$edit-text tiddler="$:/temp/table" default="" placeholder="Name" tag="input" /></td><$list filter=<<fieldsFilter>> variable="currentField"><td><$edit-text tiddler="$:/temp/table" field=<<currentField>> placeholder=<<currentField>>/></td></$list><td><span> <$newtiddler title={{$:/temp/table}} clear="$:/temp/table" tags={{!!filter-tag}} skeleton="$:/temp/table" edit="no" class="tc-btn-invisible">{{$:/core/images/new-button}}</$newtiddler></span></td></tr>
\end
<$set name="fields-source" value={{!!title}}>
<$set name="filter-tag" value={{!!filter-tag}}>
<$set name="sortField" value={{!!sort-field}}>
@@.reactive-table
<table>
<thead><tr>
<<TableHeaders>><th>Edit</th>
</tr>
</thead>
<tbody>
<<add-entry-Row>>
<<displayRows>>
</tbody>
</table>
@@
</$set>
</$set></$set>
\define appendButton(now, add,caption)
<$button set="Target" setTo='$now$$add$'>$caption$</$button>
\end
Title: <$edit-text tag="input" tiddler="$:/editor/title"/> <$button set={{$:/editor/title}} setTo={{Target}}> save </$button>
<$list filter="[tag[/editor/buttons]]"> <$transclude/></$list>
<$edit-text class="editorArea" tiddler="Target"/>
---
{{Target}}
.editorArea{
width:100%;}
!This is an encrypted Tiddler
This plugin has been moved to it's own demonstration page:
http://danielorodriguez.com/TW5-EncryptTiddlerPlugin/
Check it out there!
This is an example of how to create an index with descriptions for each link.
We are going to use the [[descTiddler]] as reference. Open it and click the edit button to see how it is created.
Every index is nothing but a list of titles and links.
Here is a very basic list:
```
<$list filter="[title[descTiddler]]">
</$list>
```
Not very useful. Let's add some useful code. For example a link. If we are creating an index we will want links to what we are listing! For that purpose we will use this code within the list.
```
<$link><$view field="title"/></$link>
```
That mean: "please create a link, and use the title of the destination as text."
At this point there is no functional difference with the previous code. That's because this is the default behavior of the list widget.
If you have opened [[descTiddler]] and edited it you should have seen a field called description. What we want now is to put that description below the link to that tiddler. This is one possible way:
```
<$link><$view field="title"/></$link><$transclude field="description"/>
```
That is exactly the same we did with title, but this time you are asking for other field.
Now let's put all together.
```
<$list filter="[title[descTiddler]]">
<dt><$link><$view field="title"/></$link></dt><dd><$transclude field="description"/></dd>
</$list>
```
And this is how it looks like:
<$list filter="[title[descTiddler]]">
<dt><$link><$view field="title"/></$link></dt><dd><$transclude field="description"/></dd>
</$list>
This is an example of how a filter with icons based on tags looks like. The tags does not make any sense, is just to illustrate how awesome is this. As you can see, only the tags that has an icon assigned are rendered as icons.
This plugin provides some GUI tools to manage imports through the new import method that tiddlywiki provides. Available since tiddlywiki 5.0.14. For example, unchecking all the already existing tiddlers.
!!How to install
Just grab the following link to your tiddlywiki window:
[[$:/plugins/danielo515/import-tools]]
!! How to use
After installing you will have some new elements on the importing report.
Currently it shows you which of the tiddlers you're importing exist already on the wiki you are importing to. It also provides you a button that lets you uncheck all those tiddlers.
!! Compatibility
It is compatible from Tiddliwiki 5.0.14 and onward. It was tested on 5.0.15
!!More functions
I have plans to add more functions. It depends on what community demands.
I'm glad to announce that
!! all the plugins and customizations have been updated to work with the latest version of TW!!!
For a long time a warning message was on this place informing that not everything here was compatible with the latest TW version. That is the past. It has been a long trip and a considerable amount of work, but it's already done. There are ''no new features'', the only good thing is that everything is working for the latest versions of tiddlywiki and it should work for a long long time period since tiddlywiki has reached its stable version.
.roundedDiv {
-moz-border-radius: 20px;
border-radius: 20px;
border:2px solid;
padding:1em;
background-image: url('data:image/svg+xml;utf8,data:image/svg+xml;utf8,<svg version="1.2" baseProfile="tiny" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" xml:space="preserve">
<path d="M21.171,15.398l-5.912-9.854C14.483,4.251,13.296,3.511,12,3.511s-2.483,0.74-3.259,2.031l-5.912,9.856
c-0.786,1.309-0.872,2.705-0.235,3.83C3.23,20.354,4.472,21,6,21h12c1.528,0,2.77-0.646,3.406-1.771
C22.043,18.104,21.957,16.708,21.171,15.398z M12,17.549c-0.854,0-1.55-0.695-1.55-1.549c0-0.855,0.695-1.551,1.55-1.551
s1.55,0.696,1.55,1.551C13.55,16.854,12.854,17.549,12,17.549z M13.633,10.125c-0.011,0.031-1.401,3.468-1.401,3.468
c-0.038,0.094-0.13,0.156-0.231,0.156s-0.193-0.062-0.231-0.156l-1.391-3.438C10.289,9.922,10.25,9.712,10.25,9.5
c0-0.965,0.785-1.75,1.75-1.75s1.75,0.785,1.75,1.75C13.75,9.712,13.711,9.922,13.633,10.125z"/>
</svg>
')
}
.yellowDiv{
border-color:orange;
background-color:#FFFFCC;
}
<div class="roundedDiv yellowDiv">
{{warning.svg}} thing
</div>
\define bulletList(tag)
<!--{{$tag$}}-->
<$list filter="[tag[$tag$]tags[]sort[title]] -$tag$">
<div class="column">
!! <$view field="title"/>
<ul>
<$list filter="[all[current]tagging[]]+[tag[$tag$]sort[title]]">
<li><$link><$view field="title"/></$link><br>{{!!description}}</li>
</$list>
</ul>
</div>
</$list>
\end
!Here are the main tiddlers to navigate from:
<<bulletList index>>
The ability to ''edit tables in view mode'' has been very demanded since TW5 came out. Maybe This is not as easy as many people would like to but it demonstrates how powerful and flexible TW5 can be.
First of all, the list of ''needed tiddlers''. Drag and drop all of them to your TW window.
<$list filter="[tag[editableTable]]">
* <$link to={{!!title}}>{{!!title}}</$link>
</$list>
If you ''already have the newTiddler widget'' from ([[tiddlystuff|tiddlystuff.tiddlyspot.com]]) <<rojo "''you have to update to this version''">>. This version has been modified by me to add some features such clearing the temporary tiddlers and defining tags without using a skeleton. This makes the process of creating new tables easier. ''This edition should be retro compatible but make a backup first.''
!How to use it
!!Creating a new table
Ok, this is the worst part of all the process.
<ol>
<li>
You have to clone the Editable-Table tiddler and name it however you want.
</li>
<li>
Fulfill the fields of your new table tiddler to fit your needs. Here is what each field is for:
<ul>
<li>''table-headers:'' The name is self explanatory</li>
<li>''table-fields:'' this should be lower case and ''different from the table headers names''. Take the Editable-Table as an example. You can use the same names to table-headers with the first letter in uppercase. This fields are those you will be able to edit. </li>
<li>''filter-tag:'' Since each table row is going to be a single tiddler you have to use a tag to group them all. Type here that tag name</li>
<li>''sort-field:'' Which table field you want to use as order index. This will be easier when TW 5.0.9 comes out. Just ''clicking in table headers will order the table with that field''.</li>
</ul>
<li>
Save the tiddler.
</li>
</li>
</ol>
!!Using the table.
At this point to can start using the table as a standalone tiddler if you want, as a contacts database or whatever.
You can transclude it to other too tiddlers if you want, but ''<<rojo "PLEASE">> read the section below''.
!!!Adding rows
You can add a new entry filling the first's row cells and clicking the plus button. The table will create a new entry with the provided data. ''You don't have to fulfill all the fields. <<rojo "Only the table title is mandatory">>.''
!!!Editign rows
Clicking {{$:/core/images/edit-button}} will enable the edit mode of that row. Here you can edit all the columns except the first one. This is because the first one is the tiddler title and can't be edited this way. You can always open the tiddler which tat row represents and edit the title.
''In edit mode'' clicking {{$:/core/images/delete-button}} will delete the row and the related tiddler. Clicking {{$:/core/images/done-button}} will exit the edit mode for that row. This does not actually saves the row because it is saved as you type.
!!Transcluding the table
If you want to ''transclude it'' to other tiddlers <<rojo "always use the `{{tableName}}` notation">>. This is mandatory because the table ''depends on its tiddler fields''. If you transclude the table using the transclude widget the table will try to grab those fields from the tiddler it is transcluded to. You can create the required fields in the destination tiddler but that way you will have only ONE table.
!!Live example
Here you have a live example of a contacts database. You can play around with it, add records, edit them and erase them. This has been transcluded using `{{Editable-Table}}`. ''As I said before'' clicking on the table headers does nothing in 5.0.8 and older, but in TW 5.0.9 this will sort the table by that column. <<rojo "There is no action needed by your side">>, it is already ready for the update.{{Smile}}
{{Editable-Table}}
```
```<ol>
<li></li>
<li></li>
<li></li>
</ol><ul>
<li></li>
<li></li>
<li></li>
</ul><$list filter="[tag[test]]"><$/list>#
#
#*
*
*
<info>
This plugin is compatible with all TW versions.
</info>
!!Description
This plugin allows you to use keyboard shortcuts for the most common wikitext markup.
!! Compatibility
This has been tested with tiddlywiki 5.0.8 and 5.0.9. Since I cant' guarantee retro-compatibility It should work with consecutive releases.
This may not be compatible with ''Codemirror plugin''
!! How to install
Just drag and drop the link below to your own tiddlywiki file.
[[KeyboardSnippets|$:/plugins/danielo/keyboardSnippets]]
!!Usage
While on a text field just try some key combinations. If you have ''text selected'' it will be enclosed in the text snipped.
<<rojo "''Now it supports creating multi line tags''">> such as list. Select a ''carriage return separated'' list of elements and hit the shortcut for list.
!!!Key combinations
I already defined the most common shortcuts to wiki syntax. Here is a table of what is already available
|!Combination|!snippet|!renders as|
|`ctrl+b`| `'' ''` | ''bold'' |
|`ctrl+i`| `// //` | //italics// |
|`ctrl+u`| ` __ __` | __underline__ |
|`ctrl+s`| `,, ,, ` | ,,subscript,, |
|`ctrl+l`| `*` | non ordered list |
|`ctrl+o`| `#` | ordered list |
|`ctrl+k`| | code |
|`alt+t`| `|| ` | table cell |
|`alt+h`| `|!|` | table head |
|`alt+s`| ` ~~ ~~` | ~~strikeout~~ |
|`alt+w` | `<$>` | widget call |
|`alt+z` | `{{!!}}` | variable transclusion |
|`ctrl+m` | `<<>>` | macro call |
|`ctrl+alt+t` | `{{}}` | transclusion |
|`ctrl+alt+l` | `[[]]`| [[link]] |
!!Customization
You can add your own key bindings just editing the file :
[[$:/plugins/danielo/keyboardSnippets/KEYBINDINGS]].
!!!Adding a new entry
You have to respect the formatting of the file. ''The best way'' to add a new entry is to copy an existing one and edit it. Every entry has to end in `},`
.
If you need your tag to be multi line (like lists are) add the property `"Multiline":"true"`. ''ONLY WHEN NEEDED''. If you don't need this property just don't add it.
The format for the key combination is one or more key modifiers and a single normal letter in lower case.
!!!Key modifiers
The supported modifiers are: `ctrl` `shift` `alt` . ''To use more than one modifier'' you have to do it in that order. Example of valid key combinations are:
*`ctrl+o`
*`shift+o`
*`ctrl+shift+o`
*`ctrl+shift+alt+o`
As invalid combinations you can see
*`shift+ctrl+o`
*`ctrl+alt+shift+o`
*`o+ctrl`
!!!Removing customizations
If you mess up with your customizations and you want to restore to default just delete the tiddler:
[[$:/plugins/danielo/keyboardSnippets/KEYBINDINGS]].
!!Limitations
* HTML markup is not supported for snippets.
* Caret `^` is not supported
We all love tags. They are easy to add, easy to remove and cool to see. I saw many times people claiming that they want this coolnes into other fields. Currently on TW versions higher than 5.1.0 this is already possible with the help of some smal macros and some smart tiddlywiki code.
!!How does this looks like
Here do you have a live example. Cliking on an element will remove it from the list. Hitting add will add a new element to the list. Just try it out:
<<tokeneditor>><<appendTokenButton>>
<$transclude tiddler="$:/danielo515/ui/item-button"/>
!! How to install:
You need the following tiddlers (drag each link into your own wiki)
* [[$:/danielo515/macros/ui/Buttons/addToken]]
* [[$:/danielo515/macros/ui/controls/addTokenEditor]]
* [[$:/danielo515/macros/remove_from_list.js]]
* [[$:/danielo515/ui/item-button]]
!!How to use it:
There are 3 elements involved, two macros and a tiddler.
!!!Macros
* `<<tokeneditor>>` this adds the input field where you write the "elements" you want to add to the list.
* `<<appendTokenButton>>` This is the button that actually adds the current element to the list. Usually you want to use this two macros together. It accepts ''two optional arguments:'' <span>
|!Parameter|!what is it|!default value|
|field|which field you want to use as list to store the elements|`tokens`|
|caption|the caption you want to display on the button|`add`|
</span>
!!!Tiddler
* `<$transclude tiddler="$:/danielo515/ui/item-button"/>` Basically you have to write that where you want your list to be displayed. Basically is a transclusion of a tiddler template.
!!BUGS
The mechanism used to clear the input box can cause problems on node version. This is because the linkcatcher sets the temporary tiddler to an undefined value instead of an empty string.
Yes, a plugin to pack tiddlers as plugins.
This is a a beta test for early adopt. There is not very good documentation because it was for personal use. But I think that some other people could find it useful.
If you don't know what is this for, the you don't need it. Grab this link to your TW
[[$:/plugins/danielo/packPlugin]]
After that you can use the [[$:/plugins/danielo/packPlugin/packator]] tiddler to pack your tiddlers into a plugin.
!! Some advises for use it
* Tag all the tiddlers you want to include with a certain tag for an easier filtering.
* The plugin will create a set of tiddlers that follows the naming convention of TW plugins, so don't worry about naming your tiddlers properly.
* If you open the developers console you will be able to see some debug messages of what the plugin is doing.
It has been discussed in the TW google group how to footnotes should be implemented<<footnote "note1" "https://groups.google.com/forum/#!searchin/tiddlywiki/footnotes%7Csort:date/tiddlywiki/u5A6qK7CmrY/DekPDREpQJgJ">>. This is just my vision of how footnotes should be in a modern browser environment. If you click in the footnote label you will see a popup with the footnote. Try it out in the previous one.
This implementation has several advantages:
* It is built with TW5 native elements. You need nothing but TW5 to make it work.
* It doesn't interrupt the reading flow.
* In case you want to read the plain text it is perfectly readable.
If you want it you have two ways to make it work:
! Install
!! Style
To prevent the very long notes going out of the screen grab this style sheet tiddler to your wiki:
[[popupStyle]]
,,Thanks to UBi,,
!! For a global scope
Copy the following code into any tiddler and tag it as $:/tags/Macro or grab this tiddler to your TW: [[$:/macros/danielo/footNote]]
{{$:/macros/danielo/footNote||code}}
!!For a local scope
Copy the same code into any tiddler you want to use the macro.
!Usage
!!Single reference
It's fairy simple
```
<<footnote "label" "text of the footnote">>
```
Wich renders as <<footnote "label" "text of the footnote">>
!!Multiple reference
Once defined you can use the same annotation multiple times. Use the `ref` macro and the same label of the note you want to reference again.
```
<<ref "label">>
```
Wich renders as <<ref "label">>
!! Botom definition.
Maybe you want to stick to classic footnotes but you like the popup thing. This means that you want to have all your definitions at the bottom of the page and reference them later like this <<ref "Note2">>. In that case use the same `ref` notation than in multiple reference but make your footnotes definitions at the bottom of the page. This way you cold maintain a page-wise formatting <<ref "Note3">> as Eric Shulman suggested.
```
---
<<footnotes "2" "You can see this footnote at the bottom of the page or inside a popup">>
```
Wich will render as:
---
<<footnotes "Note2" "You can see this footnote at the bottom of the page or inside a popup">>
<<footnotes "Note3" "although popup footnotes are useful for onscreen display, printed documents would need to have footnotes placed at the bottom of the page on which the footnote occurs.">>
.tc-drop-down dd
{
max-width:300px;
word-break: break;
white-space:normal;
padding :0;
padding-left: 5px;}
.tc-drop-down dl
{
padding: 5px;
}
tc-drop-down a {display:inline;padding:0}
This is a single macro to put any text in red color.
Usage:
```
<<rojo "text to put in red color">>.This is not in red color
```
<<rojo "text to put in red color">>. This is not in red color.
The macro name is rojo instead of red for two reasons:
* Spanish is my native languaje.
* red is a very common word in english, so I choosed rojo to avoid possible collisions.
If you want this macro just grab this link to your TW5:
[[$:/macros/danielo/rojo.js]]
''Note that after installing this macro you have to reload the browser in order to make it work.'' This is because the core have to load the javascript code.
Special thanks to ''StephanHradek'' to make the basic javascript macro example. ( [[TW5Magick|http://tw5magick.tiddlyspot.com/]] )
Maybe you have noticed the search bar in the top-left.
Yes, it works like you expected, is an alternative search. This is cool if you want to colapse the right side-bar. This way you can still search without opening the right side-bar.
If you want it :
* You need to have the top-sidebar already installed
** Grab it from here: http://tw5toolbar.tiddlyspot.com/
* Grab this tiddler to your wiki //(drag and drop)//: [[$:/stylesheet/top-search]]
* Grab this tiddler to your wiki //(drag and drop)//: [[$:/topSearch]]
tools for a digital brain
Si lo quieres a nivel globlal incluye este pedazo de código en [[$:/core/ui/PageMacros]]
```
\define slider(label,text)
<$button popup="$:/state/$label$" class="btn-invisible tw-slider"><$list filter="[[$label$]]"><$view field="title"/></$list></$button>
<$reveal type="nomatch" text="" default="" state="$:/state/$label$" animate="yes">
$text$
</$reveal>
\end
```
<div class="tw-subtitle"><$link to={{!!modifier}}><$view field="modifier"/></$link> <$view field="modified" format="relativedate"/></div>
\define tag-styles()
background-color:$(backgroundColor)$;
\end
\define tag-filter() [![$:/temp/search]!has[draft.of]!is[current]$(systemFilter)$$(shadowFilter)$$(searchFilter)$$(tagNames)$sort[title]]
\define show-system()
<small><div> <em> System:</em> <$radio field="systemfilter" value=""> Show </$radio> <$radio field="systemfilter" value="!is[system]"> Hide </$radio></div></small>
\end
\define show-shadow()
<small><div> <em> Shadow:</em> <$radio field="shadowfilter" value="is[shadow]"> Show </$radio> <$radio field="shadowfilter" value="!is[shadow]"> Hide </$radio></div></small>
\end
<div class="tw-search"><$edit-text tiddler="$:/temp/search" type="search" tag="input"/> <$reveal state="$:/temp/search" type="nomatch" text=""><$linkcatcher to="$:/temp/search"><$link to="" class="btn-invisible">{{$:/core/images/close-button}}</$link></$linkcatcher></$reveal><$reveal state="$:/temp/search" type="match" text=""> <$link to="$:/AdvancedSearch" class="btn-invisible">…</$link></$reveal></div>
<$fieldmangler tiddler="$:/temp/search">
<div class="tw-edit-add-tag">
<span class="tw-add-tag-name">
<$edit-text tiddler="$:/temp/NewTagName" tag="input" default="" placeholder={{$:/language/EditTemplate/Tags/Add/Placeholder}} focusPopup=<<qualify "$:/state/tagsAutoComplete">> class="tw-edit-texteditor"/>
</span><span class="tw-add-tag-button">
<$button message="tw-add-tag" param={{$:/temp/NewTagName}} set="$:/temp/NewTagName" setTo="" class="btn-invisible">
{{$:/core/images/new-button}}</$button>
</span>
</div>
<div class="tw-block-dropdown-wrapper">
<$reveal state=<<qualify "$:/state/tagsAutoComplete">> type="nomatch" text="" default="">
<div class="tw-block-dropdown">
<$linkcatcher set="$:/temp/NewTagName" setTo="" message="tw-add-tag">
<$list filter="[!is[shadow]tags[]search{$:/temp/NewTagName}sort[title]]-[[$:/temp/search]tags[]]">
<$link>
<$set name="backgroundColor" value={{!!color}}>
<span style=<<tag-styles>> class="tw-tag-label">
<$view field="title" format="text"/>
</span>
</$set>
</$link>
</$list>
</$linkcatcher>
</div>
</$reveal>
</div>
<$list filter="[[$:/temp/search]tags[]sort[title]]" storyview="pop"><$set name="backgroundColor" value={{!!color}}><span style=<<tag-styles>> class="tw-tag-label">
<$view field="title" format="text" />
<$button message="tw-remove-tag" param={{!!title}} class="btn-invisible tw-remove-tag-button">×</$button></span>
</$set>
</$list>
</$fieldmangler>
<div style="display:inline;"><<show-system>></div>
<$set name="searchFilter" value=<<search-filter "$:/temp/search">> >
<$set name="tagNames" value=<<extractTagsAsFilter "$:/temp/search">> >
<$set name="systemFilter" value={{!!systemfilter}}>
<$list filter=<<tag-filter>>>
</$list>
</$set></$set></$set>
This plugin allows you to refine searches using tags. It's possible to search without any tag and the opposite, using just tags as filter.
!!How to install
Just grab the following link to your tiddlywiki window:
[[$:/plugins/danielo/tagSearch]]
!! How to use
After installing it you will have a new tab in "Advanced search" tiddler. You can also transclude this search whatever you want just transcluding it
```
{{TagsSearch}}
```
!! Live demo
I think the better way to make you see how this works is allowing you playing with it. Just try changing the defined search.
{{TagsSearch}}
```
```<ol>
<li></li>
<li></li>
<li></li>
</ol><ul>
<li></li>
<li></li>
<li></li>
</ul><$list filter="[tag[test]]"><$/list>#
#
#*
*
*
\define myFilter()
[title[$(fields-source)$]split:table-fields[,]]
\end
\define displayRow()
<$list filter="[is[current]fields[]] -title -tags -text -creator -created -modified -modifier -type -[[draft.title]] -[[draft.of]sort[title]]" variable="currentField"><td><$view field=<<currentField>>/></td></$list>
\end
\define TableHeaders()
<$list filter="[is[current]split:table-headers[,]]" variable="currentField"><th><<currentField>></th></$list>
\end
! Gente y Grupos
<$set name="fields-source" value={{!!title}}>
<table><thead><tr><<TableHeaders>></tr></thead>
<tbody><$list filter="[!has[draft.of]tag[persona]]"><tr><td><b>{{!!title}}</b></td><$list filter=<<myFilter>> variable="currentField"><td><$view field=<<currentField>>/></td></$list>
</tr>
</$list>
</tbody>
</table>
</$set>
<svg version="1.2" baseProfile="tiny" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" xml:space="preserve">
<path d="M21.171,15.398l-5.912-9.854C14.483,4.251,13.296,3.511,12,3.511s-2.483,0.74-3.259,2.031l-5.912,9.856
c-0.786,1.309-0.872,2.705-0.235,3.83C3.23,20.354,4.472,21,6,21h12c1.528,0,2.77-0.646,3.406-1.771
C22.043,18.104,21.957,16.708,21.171,15.398z M12,17.549c-0.854,0-1.55-0.695-1.55-1.549c0-0.855,0.695-1.551,1.55-1.551
s1.55,0.696,1.55,1.551C13.55,16.854,12.854,17.549,12,17.549z M13.633,10.125c-0.011,0.031-1.401,3.468-1.401,3.468
c-0.038,0.094-0.13,0.156-0.231,0.156s-0.193-0.062-0.231-0.156l-1.391-3.438C10.289,9.922,10.25,9.712,10.25,9.5
c0-0.965,0.785-1.75,1.75-1.75s1.75,0.785,1.75,1.75C13.75,9.712,13.711,9.922,13.633,10.125z"/>
</svg>
Hello all.
This is my personal tiddlywiki file for testing.
Here I will post the tools and Macros that I develop for this awesome tool. That way, all the help the comunity gave me can came back to the comunity again.
Tested under Tiddlywiky <<version>>: [[tiddlywiki|http://www.tiddlywiky.com]]
This is only possible thanks to other community wikies with the same flavour:
* [[TW5 Mall|http://www.giffmex.org/tw5mall.htm]] -- DaveGifford's growing catalogue of hints and tips
* Several [[customisation howto's and theme tweaks|http://tongerner.tiddlyspot.com/]] from TonGerner
* A [[TW5Magick|http://tw5magick.tiddlyspot.com/]] -- a collection of hints and tips from StephanHradek
* A [[collection of articles|http://blog.jeffreykishner.com/tiddlywiki/]] from JeffreyKishner
* A new theme from [[BobRobison|http://tw5gray.tiddlyspot.com]]
* [[Coding for TiddlyWiki5|http://cjhunt.github.io]], an introduction to developing extensions and plugins from ChrisHunt
* [[Hosting TiddlyWiki5 on GoogleDrive|https://googledrive.com/host/0B51gSXixfJ2Qb0I4R2M4MWJVMlU]] from TonyChing
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
http://tiddlywiki.com/static/Block%2520Quotes%2520in%2520WikiText.html
!!TW5
Supports all blockquote markup from TWC (see below) and also...
''custom classes''
```
>.red this will be styled
```
>.custom-class.red this will be styled
''nested within lists''
```
* foo
*> bar
```
* foo
*> bar
!!TWC
```
> block
>> quotes
>>> are easy
```
> block
>> quotes
>>> are easy
```
<<<
real
easy
<<<
```
<<<
real
easy
<<<
This wiki gathers information that helps you to compare between and migrate from [[TiddlyWikiClasic|http://classic.tiddlywiki.com]] to the new version of TiddlyWiki...
!!TW5
`` `code` ``
!!TWC
`{{{code}}}`
!!TW5
| !Context | !Action | !Shortcut | !Details |
|editing|save tiddler|~Ctrl-Enter|for Macs: Ctrl => Cmd|
|editing|cancel|Esc|leave edit-mode|
|search|clear|Esc|clears the search term|
!!TWC
See http://tiddlywiki.org/#AccessKeys:
| !Context | !Action | !Shortcut | !Details |
|editing|save tiddler|~Ctrl-Enter|for Macs: Ctrl => Cmd|
|editing|minor change|~Shift-Ctrl-Enter|does not update modified timestamp|
|editing|cancel|Esc|leave edit-mode|
|search|clear|Esc|clears the search term|
Some core macros define [[access keys|http://en.wikipedia.org/wiki/Access_key]], whose invocation is browser-specific:
| !Action | !PC | !Mac |h
|search|SHIFT+ALT+F| CTRL+F|
|saveChanges|SHIFT+ALT+S| CTRL+S|
|newTiddler|SHIFT+ALT+N| CTRL+N|
|newJournal|SHIFT+ALT+J| CTRL+J|
In TW5, lists require to either bei at the beginning of a tiddler or block, or otherwise be preceded by a blank line, e.g.
```
This fails in TW5, but not in TWc...
* foo
* bar
This is howTW5 expects it...
* foo
* bar
```
<<<
This fails in TW5, but not in TWc...
* foo
* bar
This is howTW5 expects it...
* foo
* bar
<<<
; discussion
: https://groups.google.com/d/msg/tiddlywiki/2eqXBsxC8BM/-XzbynrkgoUJ
!!TW5
<pre>
```
multi
line
```
</pre>
!!TWC
```
{{{
multi
line
}}}
```
!!TW5
not implemented — <<git5 issues/699>>
!!TWC
```
"""
foo
bar
"""
```
or
```
<nowiki>
foo
bar
</nowiki>
```
!! @@color:red;Attention@@
TW5 repurposes this notation for [[hard linebreaks|http://tiddlywiki.com/static/Hard%2520Linebreaks%2520in%2520WikiText.html]]!
```
"""
foo
bar
"""
```
!! Workaround
You can use the rules pragma on it's own line to turn off italics, which will also prevent you from using `//foo//` in the same tiddler.
```
\rules except emphasis
```
http://compare-tw2-tw5.tiddlyspace.com
A solution [[proposed|https://groups.google.com/d/msg/tiddlywiki/JLJ2weN08Ho/pFae2_hvukYJ]] by [[Stephan Hradek]] to prevent wikification of problematic content as was done in TWc using `<nowiki>//foo</nowiki>` or `"""//fooi"""`.
!!Problem
Imagine you wanted to display a literal `//foo` but without the code highlight as I just did.
!!Solution
Use a template like: <<source plain>>
!!Example
```
{{//foo/bar||plain}}
```
<<<
{{//foo/bar||plain}}
<<<
!!tw5
Simply add tags with strings into the default tag editor to add them:
*`foo bar`
They are internally stored as [[foo bar]].
When using a plain input field for entering tags, you need to use this notation to declare a tag with spaces:
* `[[foo bar]]`
!!twC
Can use all of these to enter tags with spaces:
* `"foo bar"`
* `'foo bar'`
* `[[foo bar]]`
Silently turns all into `[[foo bar]]` when saving, even internally when calling `readBracketedList` on a list of supposed tiddler titles.
http://tb5.tiddlyspot.com
\define pluginAuthor()
<$set name="wiki-tiddler" value={{!!source-wiki-id}}>
<$list filter="[<wiki-tiddler>tags[]] -CommunityWikis">
{{||$:/core/ui/TagTemplate}}
</$list>
</$set>
\end
\define pluginWikiAddress()
<$list filter="[all[current]get[source-wiki-id]get[wiki-address]]">
<a href=<<currentTiddler>>> <<currentTiddler>> </a>
</$list>
\end
@@color: orange;
''Extracted plugin: this tiddler was generated automatically. There is no warranty about the corresponding plugin origin or state of maintenance.''
@@
|Tiddler title |<$text text={{!!source-tiddler-title-as-text}}/> |<|
|Version |{{!!version}} |<|
|Description |{{!!description}} |<|
|Author |//plugin// |{{!!author}} |
|~|//wiki// |<<pluginAuthor>> |
|Wiki |<$link to={{!!source-wiki-id}}><$text text={{!!source-wiki-id}}/></$link> |<|
|~|<<pluginWikiAddress>> |<|
|Link |{{||$:/core/ui/ListItemTemplate}} |<|
!!! Possible match:
<$set name=plugin value={{!!source-tiddler-title-as-text}}>
<$list filter="[tag[CommunityPlugins]has[plugin_tiddler]field:plugin_tiddler<plugin>]">
<$link><$text text={{!!title}}/></$link><br/>
<ul>
<li>wiki: {{!!wiki}}
</li>
</ul>
</$list>
</$set>
<$link to=<<currentTiddler>>>
<strong><$view field="title"/></strong>
</$link><br/>
From wiki
<$list filter="[all[current]get[source-wiki-id]]">
{{||$:/core/ui/TagTemplate}}
</$list>
{{||$:/core/ui/ListItemTemplate}}
\define pluginAuthor()
<$set name="wiki-tiddler" value={{!!twcs-wiki-id}}>
<$list filter="[<wiki-tiddler>tags[]] -CommunityWikis">
{{||$:/core/ui/TagTemplate}}
</$list>
</$set>
\end
\define sourceLink()
<$tiddler tiddler={{!!twcs-extracted-plugin-tiddler}}>
{{||$:/core/ui/ListItemTemplate}}
</$tiddler>
\end
<$list filter="[all[current]has[twcs-error]]">
@@color:orange;
''Warning: something went wrong when collecting data about this plugin. Some information might be missing.''<br/>
Message: //{{!!twcs-error}}//<br/>
{{||$:/RevealCandidateExtractedPlugins}}
@@
</$list>
|Name |<strong><$text text={{!!name}}/></strong> |<|
|Tiddler title |<$text text={{!!plugin_tiddler}}/> |<|
|Version |{{!!twcs-version}} |<|
|Category |{{!!category}} |<|
|Description |//plugin// |{{!!twcs-description}} |
|~|//Jed's list// |{{!!short_description}} |
|Author |//plugin// |{{!!twcs-author}} |
|~|//Jed's list// |{{!!maintainer}} |
|~|//wiki// |<<pluginAuthor>> |
|Wiki |//tiddler// |<$link to={{!!twcs-wiki-id}}><$text text={{!!twcs-wiki-id}}/></$link> |
|~|//link// |{{!!wiki}} |
|Link |<<sourceLink>> |<|
!! Tiddlers tagged {{!!title}}
<<listRecentTiddlers "[all[current]tagging[]sort[modified]] +[reverse[]]">>
!! Recent tiddlers containing {{!!title}}
<<listRecentTiddlers "[is[system]has[source-wiki-id]!has[extracted-plugin]search{!!title}sort[modified]!limit[25]] +[reverse[]]">>
<ul>
<$list filter="[all[current]tagging[]tag[CommunityWikis]]">
<li>{{||$:/CommunityWikiShortDescription}}</li>
</$list>
</ul>
@@font-size: 80%;
Authorised indexing: {{!!licence}}
@@
!!! Address
{{!!wiki-address}}
!!!Author
<$list filter="[all[current]tags[]] -CommunityWikis" variable="author">
<$link to=<<author>>>
<$text text=<<author>>/>
</$link>
</$list>
<br/>
!!! TW version
{{||$:/CommunityWikiTWVersionInfo}}
!!! Latest modifications
<<listRecentTiddlers "[source-wiki-id<currentTiddler>sort[modified]!limit[5]] +[reverse[]]">>
!!! Tags
<$list filter="[source-wiki-id<currentTiddler>tags[]!is[system]sort[title]] -[<currentTiddler>]">
<$transclude tiddler="$:/core/ui/TagTemplate"/>
<small class="tc-menu-list-count">
<$count filter="[all[current]tagging[]]"/>
</small><br/>
</$list>
!!! Tiddlers
<$count filter="[source-wiki-id<currentTiddler>sort[title]]" /> indexed tiddlers.
<$button set="$:/PresentationTiddlerShowTiddlers" setTo="show">Show tiddlers</$button>
<$button set="$:/PresentationTiddlerShowTiddlers" setTo="hide">Hide tiddlers</$button>
<$reveal type="match" state="$:/PresentationTiddlerShowTiddlers" text="show">
<$list filter="[source-wiki-id<currentTiddler>sort[title]]">
<$transclude tiddler="$:/core/ui/ListItemTemplate" />
</$list>
</$reveal>
<$link to=<<currentTiddler>>>
<strong><$view field="title"/></strong>
</$link><br/>
<a href={{!!wiki-address}} target="_blank"><$view field="wiki-address"/></a><br/>
by
<$list filter="[all[current]tags[]] -CommunityWikis" variable="author">
<$link to=<<author>>>
<$text text=<<author>>/>
</$link>
</$list>
<br/>
TW version {{||$:/CommunityWikiTWVersionInfo
}}<br/>
@@font-style: italic;
<$count filter="[source-wiki-id<currentTiddler>sort[title]]" />
tiddlers. Latest modification <$view field="wiki-latest-modification" format="relativedate"/>.
@@
<br/>
<$transclude tiddler="$:/core/ui/TagTemplate"/>
<$set name=version value={{!!wiki-tw-version}}>
<strong>
<$list filter="[<version>prefix[5.1]]">
<$text text=<<version>>/>
</$list>
<$list filter="[<version>prefix[5.0]]">
<$text text=<<version>>/>
@@color:orange;
[obsolete version]
@@
</$list>
<$list filter="[<version>!prefix[5.0]!prefix[5.1]]">
<$text text=<<version>>/>
@@color:orange;
[no version found!]
@@
</$list>
</strong>
</$set>
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
This widget looks for a word inside a tiddler and shows the result with the searched word highlighted with some of its context.
!Installation
The easiest way is to just grab the plugin. It contents the basic tiddlers needed. Just drag and drop the following link into your own wiki:
::[[$:/plugins/danielo515/ContextPlugin]]
!Usage
After installing the plugin you will have a new tab in [[$:/AdvancedSearch]] called [[Context Search]]. If you want this functionality in other places you will have to edit the desired tiddler yourself adding the ''context widget''. For more details about using the widget see the section below.
!!Using the widget
The very basic usage of the widget is the following:
```
<$context term="lorem"/>
```
Which will render as:
<$context term="lorem"/>
The widgets will search inside the current tiddler by default. Because that you see the same content twice here. This example is not very useful. Other more meaningful would be:
```
<$list filter="[search{$:/temp/advancedsearch}sort[title]limit[250]]">
{{!!title||$:/core/ui/ListItemTemplate}}
<$context term={{$:/temp/advancedsearch}}/>
</$list>
```
That will search for tiddlers containing the text specified in [[$:/temp/advancedsearch]] and will display a link to the matching tiddlers plus a preview of the matching content. Something very similar is used in [[Context Search]]. Below you can find a complete list of parameters and their default values.
|! parameter |! description | !default |
| term | The term you want to search ||
| searchTerm | An alias for the previous one ||
| tiddler | The tiddler's name to look into | current tiddler |
| length | Number of context characters to show | 50 |
| before | Number of characters before the matched term to show | the value of the length parameter |
| after | Number of characters after the matched term to show | the value of the length parameter |
| maxMatches | maximun number of matched elements to show. Incrementing this can cause several performance issues | 10 |
| element | Node element to create. This element will contain the results of the search. If you want to style it its class is `tw-context` | `<pre>` |
| matchClass | The css class to assign to the matched terms in the results. This is used to highlight the results | matched |
!Customizing the output
There are not many ways to customize the output of this widget. You can specify ''what type of node you want to create'' to wrap the results (div,span...). The default is `<pre>`. This container is created with the class `tw-context` so you can easily apply styles to it. Something similar happens to the ''highlighted'' words. You can specify the name of the class to assign to it and also you can apply styles to that class.
A very basic example of customization could be:
# Create a tiddler, for example [[$/plugins/danielo515/context/css]]
# Paste the following text or any css rule you want: """
<pre>
.matched{background-color:yellow}
.tw-context {
border:1px solid blue;
word-break: break-all; word-wrap: break-word;}
</pre>
"""
# Tag it with `$:/tags/stylesheet`
# Save the tiddler
!Live example
Here is a transclusion of [[Context Search]] so you can see the plugin in action:
{{Context Search}}
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
andrew.j.harrison84@gmail.com
  This plugin button will copy the contents of a tiddler and rich text format (i.e., you can paste results into a WYSIWYG editor). It can be called by transcluding a tiddler and using the `$:/copy` template as such: `{{Tiddler title to transclude||$:/copy}}`. For example, I create a tiddler titled [[Tiddlywiki]] and in the text area put what is to be copied to the clipboard when the button is pressed. The example has a link to the Tiddlywiki web site. Then transclude it using the template as such: `{{Tiddlywiki||$:/copy}}` and it displays as {{Tiddlywiki||$:/copy}}. This is fundamentally different from other methods, as the browser is actually visibly selecting the content.<br>
  Simply drag [[$:/plugin/ajh/copy]] to the top of your tiddlywiki display, save and reload. It includes the tiddlers below packed for easy use:<br>
[[$:/copy]]<br>
[[$:/language/Buttons/Copy/Caption]]<br>
[[$:/language/Buttons/Copy/Hint]]<br>
[[$:/language/Buttons/Copy/Notification]]<br>
[[$:/plugin/ajh/copy/Copy.js]]<br>
[[$:/plugin/ajh/copy/icon]]<br>
[[$:/plugin/ajh/copy/images/copy]]<br>
[[$:/plugin/ajh/copy/stylesheet]]
Another Example of the copy button:
Copy {{RepackCommand||$:/copy}} and paste it into developer console.
`$tw.utils.repackPlugin("$:/plugin/ajh/copy")`
[[Tiddlywiki|http://www.tiddlywiki.com]]
{
"tiddlers": {
"$:/Acknowledgements": {
"title": "$:/Acknowledgements",
"type": "text/vnd.tiddlywiki",
"text": "TiddlyWiki incorporates code from these fine OpenSource projects:\n\n* [[The Stanford Javascript Crypto Library|http://bitwiseshiftleft.github.io/sjcl/]]\n* [[The Jasmine JavaScript Test Framework|http://pivotal.github.io/jasmine/]]\n* [[Normalize.css by Nicolas Gallagher|http://necolas.github.io/normalize.css/]]\n\nAnd media from these projects:\n\n* World flag icons from [[Wikipedia|http://commons.wikimedia.org/wiki/Category:SVG_flags_by_country]]\n"
},
"$:/core/copyright.txt": {
"title": "$:/core/copyright.txt",
"type": "text/plain",
"text": "TiddlyWiki created by Jeremy Ruston, (jeremy [at] jermolene [dot] com)\n\nCopyright © Jeremy Ruston 2004-2007\nCopyright © UnaMesa Association 2007-2015\n\nRedistribution and use in source and binary forms, with or without modification,\nare permitted provided that the following conditions are met:\n\nRedistributions of source code must retain the above copyright notice, this\nlist of conditions and the following disclaimer.\n\nRedistributions in binary form must reproduce the above copyright notice, this\nlist of conditions and the following disclaimer in the documentation and/or other\nmaterials provided with the distribution.\n\nNeither the name of the UnaMesa Association nor the names of its contributors may be\nused to endorse or promote products derived from this software without specific\nprior written permission.\n\nTHIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS 'AS IS' AND ANY\nEXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES\nOF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT\nSHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT,\nINCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED\nTO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR\nBUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN\nCONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN\nANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH\nDAMAGE.\n"
},
"$:/core/icon": {
"title": "$:/core/icon",
"tags": "$:/tags/Image",
"text": "<svg width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\"><path d=\"M64 0l54.56 32v64L64 128 9.44 96V32L64 0zm21.127 95.408c-3.578-.103-5.15-.094-6.974-3.152l-1.42.042c-1.653-.075-.964-.04-2.067-.097-1.844-.07-1.548-1.86-1.873-2.8-.52-3.202.687-6.43.65-9.632-.014-1.14-1.593-5.17-2.157-6.61-1.768.34-3.546.406-5.34.497-4.134-.01-8.24-.527-12.317-1.183-.8 3.35-3.16 8.036-1.21 11.44 2.37 3.52 4.03 4.495 6.61 4.707 2.572.212 3.16 3.18 2.53 4.242-.55.73-1.52.864-2.346 1.04l-1.65.08c-1.296-.046-2.455-.404-3.61-.955-1.93-1.097-3.925-3.383-5.406-5.024.345.658.55 1.938.24 2.53-.878 1.27-4.665 1.26-6.4.47-1.97-.89-6.73-7.162-7.468-11.86 1.96-3.78 4.812-7.07 6.255-11.186-3.146-2.05-4.83-5.384-4.61-9.16l.08-.44c-3.097.59-1.49.37-4.82.628-10.608-.032-19.935-7.37-14.68-18.774.34-.673.664-1.287 1.243-.994.466.237.4 1.18.166 2.227-3.005 13.627 11.67 13.732 20.69 11.21.89-.25 2.67-1.936 3.905-2.495 2.016-.91 4.205-1.282 6.376-1.55 5.4-.63 11.893 2.276 15.19 2.37 3.3.096 7.99-.805 10.87-.615 2.09.098 4.143.483 6.16 1.03 1.306-6.49 1.4-11.27 4.492-12.38 1.814.293 3.213 2.818 4.25 4.167 2.112-.086 4.12.46 6.115 1.066 3.61-.522 6.642-2.593 9.833-4.203-3.234 2.69-3.673 7.075-3.303 11.127.138 2.103-.444 4.386-1.164 6.54-1.348 3.507-3.95 7.204-6.97 7.014-1.14-.036-1.805-.695-2.653-1.4-.164 1.427-.81 2.7-1.434 3.96-1.44 2.797-5.203 4.03-8.687 7.016-3.484 2.985 1.114 13.65 2.23 15.594 1.114 1.94 4.226 2.652 3.02 4.406-.37.58-.936.785-1.54 1.01l-.82.11zm-40.097-8.85l.553.14c.694-.27 2.09.15 2.83.353-1.363-1.31-3.417-3.24-4.897-4.46-.485-1.47-.278-2.96-.174-4.46l.02-.123c-.582 1.205-1.322 2.376-1.72 3.645-.465 1.71 2.07 3.557 3.052 4.615l.336.3z\" fill-rule=\"evenodd\"/></svg>"
},
"$:/core/images/advanced-search-button": {
"title": "$:/core/images/advanced-search-button",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-advanced-search-button tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M74.5651535,87.9848361 C66.9581537,93.0488876 57.8237115,96 48,96 C21.490332,96 0,74.509668 0,48 C0,21.490332 21.490332,0 48,0 C74.509668,0 96,21.490332 96,48 C96,57.8541369 93.0305793,67.0147285 87.9377231,74.6357895 L122.284919,108.982985 C125.978897,112.676963 125.973757,118.65366 122.284271,122.343146 C118.593975,126.033442 112.613238,126.032921 108.92411,122.343793 L74.5651535,87.9848361 Z M48,80 C65.673112,80 80,65.673112 80,48 C80,30.326888 65.673112,16 48,16 C30.326888,16 16,30.326888 16,48 C16,65.673112 30.326888,80 48,80 Z\"></path>\n <circle cx=\"48\" cy=\"48\" r=\"8\"></circle>\n <circle cx=\"28\" cy=\"48\" r=\"8\"></circle>\n <circle cx=\"68\" cy=\"48\" r=\"8\"></circle>\n </g>\n</svg>"
},
"$:/core/images/blank": {
"title": "$:/core/images/blank",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-blank tc-image-button\" viewBox=\"0 0 128 128\" width=\"22pt\" height=\"22pt\"></svg>"
},
"$:/core/images/cancel-button": {
"title": "$:/core/images/cancel-button",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-cancel-button tc-image-button\" viewBox=\"0 0 128 128\" width=\"22pt\" height=\"22pt\">\n\t<g fill-rule=\"evenodd\">\n\t <path d=\"M64,76.3137085 L47.0294734,93.2842351 C43.9038742,96.4098343 38.8399231,96.4084656 35.7157288,93.2842712 C32.5978915,90.166434 32.5915506,85.0947409 35.7157649,81.9705266 L52.6862915,65 L35.7157649,48.0294734 C32.5901657,44.9038742 32.5915344,39.8399231 35.7157288,36.7157288 C38.833566,33.5978915 43.9052591,33.5915506 47.0294734,36.7157649 L64,53.6862915 L80.9705266,36.7157649 C84.0961258,33.5901657 89.1600769,33.5915344 92.2842712,36.7157288 C95.4021085,39.833566 95.4084494,44.9052591 92.2842351,48.0294734 L75.3137085,65 L92.2842351,81.9705266 C95.4098343,85.0961258 95.4084656,90.1600769 92.2842712,93.2842712 C89.166434,96.4021085 84.0947409,96.4084494 80.9705266,93.2842351 L64,76.3137085 Z M64,129 C99.346224,129 128,100.346224 128,65 C128,29.653776 99.346224,1 64,1 C28.653776,1 1.13686838e-13,29.653776 1.13686838e-13,65 C1.13686838e-13,100.346224 28.653776,129 64,129 Z M64,113 C90.509668,113 112,91.509668 112,65 C112,38.490332 90.509668,17 64,17 C37.490332,17 16,38.490332 16,65 C16,91.509668 37.490332,113 64,113 Z\"></path>\n </g>\n</svg>"
},
"$:/core/images/chevron-down": {
"title": "$:/core/images/chevron-down",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-chevron-down tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n\t<g fill-rule=\"evenodd\" transform=\"translate(64.000000, 40.500000) rotate(-270.000000) translate(-64.000000, -40.500000) translate(-22.500000, -26.500000)\">\n <path d=\"M112.743107,112.12741 C111.310627,113.561013 109.331747,114.449239 107.145951,114.449239 L27.9777917,114.449239 C23.6126002,114.449239 20.0618714,110.904826 20.0618714,106.532572 C20.0618714,102.169214 23.6059497,98.6159054 27.9777917,98.6159054 L99.2285381,98.6159054 L99.2285381,27.365159 C99.2285381,22.9999675 102.77295,19.4492387 107.145205,19.4492387 C111.508562,19.4492387 115.061871,22.993317 115.061871,27.365159 L115.061871,106.533318 C115.061871,108.71579 114.175869,110.694669 112.743378,112.127981 Z\" transform=\"translate(67.561871, 66.949239) rotate(-45.000000) translate(-67.561871, -66.949239) \"></path>\n <path d=\"M151.35638,112.12741 C149.923899,113.561013 147.94502,114.449239 145.759224,114.449239 L66.5910645,114.449239 C62.225873,114.449239 58.6751442,110.904826 58.6751442,106.532572 C58.6751442,102.169214 62.2192225,98.6159054 66.5910645,98.6159054 L137.841811,98.6159054 L137.841811,27.365159 C137.841811,22.9999675 141.386223,19.4492387 145.758478,19.4492387 C150.121835,19.4492387 153.675144,22.993317 153.675144,27.365159 L153.675144,106.533318 C153.675144,108.71579 152.789142,110.694669 151.356651,112.127981 Z\" transform=\"translate(106.175144, 66.949239) rotate(-45.000000) translate(-106.175144, -66.949239) \"></path>\n\t</g>\n</svg>"
},
"$:/core/images/chevron-left": {
"title": "$:/core/images/chevron-left",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-chevron-left tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\" version=\"1.1\">\n <g fill-rule=\"evenodd\" transform=\"translate(92.500000, 64.000000) rotate(-180.000000) translate(-92.500000, -64.000000) translate(6.000000, -3.000000)\">\n <path d=\"M112.743107,112.12741 C111.310627,113.561013 109.331747,114.449239 107.145951,114.449239 L27.9777917,114.449239 C23.6126002,114.449239 20.0618714,110.904826 20.0618714,106.532572 C20.0618714,102.169214 23.6059497,98.6159054 27.9777917,98.6159054 L99.2285381,98.6159054 L99.2285381,27.365159 C99.2285381,22.9999675 102.77295,19.4492387 107.145205,19.4492387 C111.508562,19.4492387 115.061871,22.993317 115.061871,27.365159 L115.061871,106.533318 C115.061871,108.71579 114.175869,110.694669 112.743378,112.127981 Z\" transform=\"translate(67.561871, 66.949239) rotate(-45.000000) translate(-67.561871, -66.949239) \"></path>\n <path d=\"M151.35638,112.12741 C149.923899,113.561013 147.94502,114.449239 145.759224,114.449239 L66.5910645,114.449239 C62.225873,114.449239 58.6751442,110.904826 58.6751442,106.532572 C58.6751442,102.169214 62.2192225,98.6159054 66.5910645,98.6159054 L137.841811,98.6159054 L137.841811,27.365159 C137.841811,22.9999675 141.386223,19.4492387 145.758478,19.4492387 C150.121835,19.4492387 153.675144,22.993317 153.675144,27.365159 L153.675144,106.533318 C153.675144,108.71579 152.789142,110.694669 151.356651,112.127981 Z\" transform=\"translate(106.175144, 66.949239) rotate(-45.000000) translate(-106.175144, -66.949239) \"></path>\n </g>\n</svg>"
},
"$:/core/images/chevron-right": {
"title": "$:/core/images/chevron-right",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-chevron-right tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\" transform=\"translate(-48.000000, -3.000000)\">\n <path d=\"M112.743107,112.12741 C111.310627,113.561013 109.331747,114.449239 107.145951,114.449239 L27.9777917,114.449239 C23.6126002,114.449239 20.0618714,110.904826 20.0618714,106.532572 C20.0618714,102.169214 23.6059497,98.6159054 27.9777917,98.6159054 L99.2285381,98.6159054 L99.2285381,27.365159 C99.2285381,22.9999675 102.77295,19.4492387 107.145205,19.4492387 C111.508562,19.4492387 115.061871,22.993317 115.061871,27.365159 L115.061871,106.533318 C115.061871,108.71579 114.175869,110.694669 112.743378,112.127981 Z\" transform=\"translate(67.561871, 66.949239) rotate(-45.000000) translate(-67.561871, -66.949239) \"></path>\n <path d=\"M151.35638,112.12741 C149.923899,113.561013 147.94502,114.449239 145.759224,114.449239 L66.5910645,114.449239 C62.225873,114.449239 58.6751442,110.904826 58.6751442,106.532572 C58.6751442,102.169214 62.2192225,98.6159054 66.5910645,98.6159054 L137.841811,98.6159054 L137.841811,27.365159 C137.841811,22.9999675 141.386223,19.4492387 145.758478,19.4492387 C150.121835,19.4492387 153.675144,22.993317 153.675144,27.365159 L153.675144,106.533318 C153.675144,108.71579 152.789142,110.694669 151.356651,112.127981 Z\" transform=\"translate(106.175144, 66.949239) rotate(-45.000000) translate(-106.175144, -66.949239) \"></path>\n </g>\n</svg>"
},
"$:/core/images/chevron-up": {
"title": "$:/core/images/chevron-up",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-chevron-up tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n\t<g fill-rule=\"evenodd\" transform=\"translate(64.000000, 89.500000) rotate(-90.000000) translate(-64.000000, -89.500000) translate(-22.500000, 22.500000)\">\n <path d=\"M112.743107,112.12741 C111.310627,113.561013 109.331747,114.449239 107.145951,114.449239 L27.9777917,114.449239 C23.6126002,114.449239 20.0618714,110.904826 20.0618714,106.532572 C20.0618714,102.169214 23.6059497,98.6159054 27.9777917,98.6159054 L99.2285381,98.6159054 L99.2285381,27.365159 C99.2285381,22.9999675 102.77295,19.4492387 107.145205,19.4492387 C111.508562,19.4492387 115.061871,22.993317 115.061871,27.365159 L115.061871,106.533318 C115.061871,108.71579 114.175869,110.694669 112.743378,112.127981 Z\" transform=\"translate(67.561871, 66.949239) rotate(-45.000000) translate(-67.561871, -66.949239) \"></path>\n <path d=\"M151.35638,112.12741 C149.923899,113.561013 147.94502,114.449239 145.759224,114.449239 L66.5910645,114.449239 C62.225873,114.449239 58.6751442,110.904826 58.6751442,106.532572 C58.6751442,102.169214 62.2192225,98.6159054 66.5910645,98.6159054 L137.841811,98.6159054 L137.841811,27.365159 C137.841811,22.9999675 141.386223,19.4492387 145.758478,19.4492387 C150.121835,19.4492387 153.675144,22.993317 153.675144,27.365159 L153.675144,106.533318 C153.675144,108.71579 152.789142,110.694669 151.356651,112.127981 Z\" transform=\"translate(106.175144, 66.949239) rotate(-45.000000) translate(-106.175144, -66.949239) \"></path>\n\t</g>\n</svg>"
},
"$:/core/images/clone-button": {
"title": "$:/core/images/clone-button",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-clone-button tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M32.2650915,96 L32.2650915,120.002359 C32.2650915,124.419334 35.8432884,128 40.2627323,128 L120.002359,128 C124.419334,128 128,124.421803 128,120.002359 L128,40.2627323 C128,35.8457573 124.421803,32.2650915 120.002359,32.2650915 L96,32.2650915 L96,48 L108.858899,48 C110.519357,48 111.853018,49.3405131 111.853018,50.9941198 L111.853018,108.858899 C111.853018,110.519357 110.512505,111.853018 108.858899,111.853018 L50.9941198,111.853018 C49.333661,111.853018 48,110.512505 48,108.858899 L48,96 L32.2650915,96 Z\"></path>\n <path d=\"M40,56 L32.0070969,56 C27.5881712,56 24,52.418278 24,48 C24,43.5907123 27.5848994,40 32.0070969,40 L40,40 L40,32.0070969 C40,27.5881712 43.581722,24 48,24 C52.4092877,24 56,27.5848994 56,32.0070969 L56,40 L63.9929031,40 C68.4118288,40 72,43.581722 72,48 C72,52.4092877 68.4151006,56 63.9929031,56 L56,56 L56,63.9929031 C56,68.4118288 52.418278,72 48,72 C43.5907123,72 40,68.4151006 40,63.9929031 L40,56 Z M7.9992458,0 C3.58138434,0 0,3.5881049 0,7.9992458 L0,88.0007542 C0,92.4186157 3.5881049,96 7.9992458,96 L88.0007542,96 C92.4186157,96 96,92.4118951 96,88.0007542 L96,7.9992458 C96,3.58138434 92.4118951,0 88.0007542,0 L7.9992458,0 Z M19.0010118,16 C17.3435988,16 16,17.336731 16,19.0010118 L16,76.9989882 C16,78.6564012 17.336731,80 19.0010118,80 L76.9989882,80 C78.6564012,80 80,78.663269 80,76.9989882 L80,19.0010118 C80,17.3435988 78.663269,16 76.9989882,16 L19.0010118,16 Z\"></path>\n </g>\n</svg>"
},
"$:/core/images/close-all-button": {
"title": "$:/core/images/close-all-button",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-close-all-button tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\" transform=\"translate(-23.000000, -23.000000)\">\n <path d=\"M43,131 L22.9976794,131 C18.5827987,131 15,127.418278 15,123 C15,118.590712 18.5806831,115 22.9976794,115 L43,115 L43,94.9976794 C43,90.5827987 46.581722,87 51,87 C55.4092877,87 59,90.5806831 59,94.9976794 L59,115 L79.0023206,115 C83.4172013,115 87,118.581722 87,123 C87,127.409288 83.4193169,131 79.0023206,131 L59,131 L59,151.002321 C59,155.417201 55.418278,159 51,159 C46.5907123,159 43,155.419317 43,151.002321 L43,131 Z\" transform=\"translate(51.000000, 123.000000) rotate(-45.000000) translate(-51.000000, -123.000000) \"></path>\n <path d=\"M43,59 L22.9976794,59 C18.5827987,59 15,55.418278 15,51 C15,46.5907123 18.5806831,43 22.9976794,43 L43,43 L43,22.9976794 C43,18.5827987 46.581722,15 51,15 C55.4092877,15 59,18.5806831 59,22.9976794 L59,43 L79.0023206,43 C83.4172013,43 87,46.581722 87,51 C87,55.4092877 83.4193169,59 79.0023206,59 L59,59 L59,79.0023206 C59,83.4172013 55.418278,87 51,87 C46.5907123,87 43,83.4193169 43,79.0023206 L43,59 Z\" transform=\"translate(51.000000, 51.000000) rotate(-45.000000) translate(-51.000000, -51.000000) \"></path>\n <path d=\"M115,59 L94.9976794,59 C90.5827987,59 87,55.418278 87,51 C87,46.5907123 90.5806831,43 94.9976794,43 L115,43 L115,22.9976794 C115,18.5827987 118.581722,15 123,15 C127.409288,15 131,18.5806831 131,22.9976794 L131,43 L151.002321,43 C155.417201,43 159,46.581722 159,51 C159,55.4092877 155.419317,59 151.002321,59 L131,59 L131,79.0023206 C131,83.4172013 127.418278,87 123,87 C118.590712,87 115,83.4193169 115,79.0023206 L115,59 Z\" transform=\"translate(123.000000, 51.000000) rotate(-45.000000) translate(-123.000000, -51.000000) \"></path>\n <path d=\"M115,131 L94.9976794,131 C90.5827987,131 87,127.418278 87,123 C87,118.590712 90.5806831,115 94.9976794,115 L115,115 L115,94.9976794 C115,90.5827987 118.581722,87 123,87 C127.409288,87 131,90.5806831 131,94.9976794 L131,115 L151.002321,115 C155.417201,115 159,118.581722 159,123 C159,127.409288 155.419317,131 151.002321,131 L131,131 L131,151.002321 C131,155.417201 127.418278,159 123,159 C118.590712,159 115,155.419317 115,151.002321 L115,131 Z\" transform=\"translate(123.000000, 123.000000) rotate(-45.000000) translate(-123.000000, -123.000000) \"></path>\n </g>\n</svg>"
},
"$:/core/images/close-button": {
"title": "$:/core/images/close-button",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-close-button tc-image-button\" viewBox=\"0 0 128 128\" width=\"22pt\" height=\"22pt\">\n <g fill-rule=\"evenodd\">\n <path d=\"M65.0864256,75.4091629 L14.9727349,125.522854 C11.8515951,128.643993 6.78104858,128.64922 3.65685425,125.525026 C0.539017023,122.407189 0.5336324,117.334539 3.65902635,114.209145 L53.7727171,64.0954544 L3.65902635,13.9817637 C0.537886594,10.8606239 0.532659916,5.79007744 3.65685425,2.6658831 C6.77469148,-0.451954124 11.8473409,-0.457338747 14.9727349,2.66805521 L65.0864256,52.7817459 L115.200116,2.66805521 C118.321256,-0.453084553 123.391803,-0.458311231 126.515997,2.6658831 C129.633834,5.78372033 129.639219,10.8563698 126.513825,13.9817637 L76.4001341,64.0954544 L126.513825,114.209145 C129.634965,117.330285 129.640191,122.400831 126.515997,125.525026 C123.39816,128.642863 118.32551,128.648248 115.200116,125.522854 L65.0864256,75.4091629 L65.0864256,75.4091629 Z\"></path>\n </g>\n</svg>\n"
},
"$:/core/images/close-others-button": {
"title": "$:/core/images/close-others-button",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-close-others-button tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M64,128 C99.346224,128 128,99.346224 128,64 C128,28.653776 99.346224,0 64,0 C28.653776,0 0,28.653776 0,64 C0,99.346224 28.653776,128 64,128 Z M64,112 C90.509668,112 112,90.509668 112,64 C112,37.490332 90.509668,16 64,16 C37.490332,16 16,37.490332 16,64 C16,90.509668 37.490332,112 64,112 Z M64,96 C81.673112,96 96,81.673112 96,64 C96,46.326888 81.673112,32 64,32 C46.326888,32 32,46.326888 32,64 C32,81.673112 46.326888,96 64,96 Z M64,80 C72.836556,80 80,72.836556 80,64 C80,55.163444 72.836556,48 64,48 C55.163444,48 48,55.163444 48,64 C48,72.836556 55.163444,80 64,80 Z\"></path>\n </g>\n</svg>"
},
"$:/core/images/delete-button": {
"title": "$:/core/images/delete-button",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-delete-button tc-image-button\" viewBox=\"0 0 128 128\" width=\"22pt\" height=\"22pt\">\n <g fill-rule=\"evenodd\" transform=\"translate(12.000000, 0.000000)\">\n <rect x=\"0\" y=\"11\" width=\"105\" height=\"16\" rx=\"8\"></rect>\n <rect x=\"28\" y=\"0\" width=\"48\" height=\"16\" rx=\"8\"></rect>\n <rect x=\"8\" y=\"16\" width=\"16\" height=\"112\" rx=\"8\"></rect>\n <rect x=\"8\" y=\"112\" width=\"88\" height=\"16\" rx=\"8\"></rect>\n <rect x=\"80\" y=\"16\" width=\"16\" height=\"112\" rx=\"8\"></rect>\n <rect x=\"56\" y=\"16\" width=\"16\" height=\"112\" rx=\"8\"></rect>\n <rect x=\"32\" y=\"16\" width=\"16\" height=\"112\" rx=\"8\"></rect>\n </g>\n</svg>"
},
"$:/core/images/done-button": {
"title": "$:/core/images/done-button",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-done-button tc-image-button\" viewBox=\"0 0 128 128\" width=\"22pt\" height=\"22pt\">\n <g fill-rule=\"evenodd\">\n <path d=\"M3.52445141,76.8322939 C2.07397484,75.3828178 1.17514421,73.3795385 1.17514421,71.1666288 L1.17514421,23.1836596 C1.17514421,18.7531992 4.75686621,15.1751442 9.17514421,15.1751442 C13.5844319,15.1751442 17.1751442,18.7606787 17.1751442,23.1836596 L17.1751442,63.1751442 L119.173716,63.1751442 C123.590457,63.1751442 127.175144,66.7568662 127.175144,71.1751442 C127.175144,75.5844319 123.592783,79.1751442 119.173716,79.1751442 L9.17657227,79.1751442 C6.96796403,79.1751442 4.9674142,78.279521 3.51911285,76.8315312 Z\" id=\"Rectangle-285\" transform=\"translate(64.175144, 47.175144) rotate(-45.000000) translate(-64.175144, -47.175144) \"></path>\n </g>\n</svg>"
},
"$:/core/images/down-arrow": {
"title": "$:/core/images/down-arrow",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-down-arrow tc-image-button\" viewBox=\"0 0 128 128\" width=\"22pt\" height=\"22pt\">\n <path d=\"M109.35638,81.3533152 C107.923899,82.7869182 105.94502,83.6751442 103.759224,83.6751442 L24.5910645,83.6751442 C20.225873,83.6751442 16.6751442,80.1307318 16.6751442,75.7584775 C16.6751442,71.3951199 20.2192225,67.8418109 24.5910645,67.8418109 L95.8418109,67.8418109 L95.8418109,-3.40893546 C95.8418109,-7.77412698 99.3862233,-11.3248558 103.758478,-11.3248558 C108.121835,-11.3248558 111.675144,-7.78077754 111.675144,-3.40893546 L111.675144,75.7592239 C111.675144,77.9416955 110.789142,79.9205745 109.356651,81.3538862 Z\" transform=\"translate(64.175144, 36.175144) rotate(45.000000) translate(-64.175144, -36.175144) \"></path>\n</svg>"
},
"$:/core/images/download-button": {
"title": "$:/core/images/download-button",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-download-button tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\"><g fill-rule=\"evenodd\"><path class=\"tc-image-download-button-ring\" d=\"M64,128 C99.346224,128 128,99.346224 128,64 C128,28.653776 99.346224,0 64,0 C28.653776,0 0,28.653776 0,64 C0,99.346224 28.653776,128 64,128 Z M64,112 C90.509668,112 112,90.509668 112,64 C112,37.490332 90.509668,16 64,16 C37.490332,16 16,37.490332 16,64 C16,90.509668 37.490332,112 64,112 Z\"/><path d=\"M34.3496823,66.4308767 L61.2415823,93.634668 C63.0411536,95.4551107 65.9588502,95.4551107 67.7584215,93.634668 L94.6503215,66.4308767 C96.4498928,64.610434 96.4498928,61.6588981 94.6503215,59.8384554 C93.7861334,58.9642445 92.6140473,58.4731195 91.3919019,58.4731195 L82.9324098,58.4731195 C80.3874318,58.4731195 78.3243078,56.3860674 78.3243078,53.8115729 L78.3243078,38.6615466 C78.3243078,36.0870521 76.2611837,34 73.7162058,34 L55.283798,34 C52.7388201,34 50.675696,36.0870521 50.675696,38.6615466 L50.675696,38.6615466 L50.675696,53.8115729 C50.675696,56.3860674 48.612572,58.4731195 46.0675941,58.4731195 L37.608102,58.4731195 C35.063124,58.4731195 33,60.5601716 33,63.134666 C33,64.3709859 33.4854943,65.5566658 34.3496823,66.4308767 L34.3496823,66.4308767 Z\"/></g></svg>"
},
"$:/core/images/edit-button": {
"title": "$:/core/images/edit-button",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-edit-button tc-image-button\" viewBox=\"0 0 128 128\" width=\"22pt\" height=\"22pt\">\n <g fill-rule=\"evenodd\">\n <path d=\"M116.870058,45.3431458 L108.870058,45.3431458 L108.870058,45.3431458 L108.870058,61.3431458 L116.870058,61.3431458 L116.870058,45.3431458 Z M124.870058,45.3431458 L127.649881,45.3431458 C132.066101,45.3431458 135.656854,48.9248678 135.656854,53.3431458 C135.656854,57.7524334 132.07201,61.3431458 127.649881,61.3431458 L124.870058,61.3431458 L124.870058,45.3431458 Z M100.870058,45.3431458 L15.6638275,45.3431458 C15.5064377,45.3431458 15.3501085,45.3476943 15.1949638,45.3566664 L15.1949638,45.3566664 C15.0628002,45.3477039 14.928279,45.3431458 14.7913977,45.3431458 C6.68160973,45.3431458 -8.34314575,53.3431458 -8.34314575,53.3431458 C-8.34314575,53.3431458 6.85614548,61.3431458 14.7913977,61.3431458 C14.9266533,61.3431458 15.0596543,61.3384973 15.190398,61.3293588 C15.3470529,61.3385075 15.5049057,61.3431458 15.6638275,61.3431458 L100.870058,61.3431458 L100.870058,45.3431458 L100.870058,45.3431458 Z\" transform=\"translate(63.656854, 53.343146) rotate(-45.000000) translate(-63.656854, -53.343146) \"></path>\n <path d=\"M35.1714596,124.189544 C41.9594858,123.613403 49.068777,121.917633 58.85987,118.842282 C60.6854386,118.268877 62.4306907,117.705515 65.1957709,116.802278 C81.1962861,111.575575 87.0734839,109.994907 93.9414474,109.655721 C102.29855,109.242993 107.795169,111.785371 111.520478,118.355045 C112.610163,120.276732 115.051363,120.951203 116.97305,119.861518 C118.894737,118.771832 119.569207,116.330633 118.479522,114.408946 C113.146151,105.003414 104.734907,101.112919 93.5468356,101.66546 C85.6716631,102.054388 79.4899908,103.716944 62.7116783,109.197722 C59.9734132,110.092199 58.2519873,110.64787 56.4625698,111.20992 C37.002649,117.322218 25.6914684,118.282267 16.8654804,112.957098 C14.9739614,111.815848 12.5154166,112.424061 11.3741667,114.31558 C10.2329168,116.207099 10.84113,118.665644 12.7326489,119.806894 C19.0655164,123.627836 26.4866335,124.926678 35.1714596,124.189544 Z\"></path>\n </g>\n</svg>"
},
"$:/core/images/export-button": {
"title": "$:/core/images/export-button",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-export-button tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M8.00348646,127.999999 C8.00464867,128 8.00581094,128 8.00697327,128 L119.993027,128 C122.205254,128 124.207939,127.101378 125.657096,125.651198 L125.656838,125.65759 C127.104563,124.210109 128,122.21009 128,119.999949 L128,56.0000511 C128,51.5817449 124.409288,48 120,48 C115.581722,48 112,51.5797863 112,56.0000511 L112,112 L16,112 L16,56.0000511 C16,51.5817449 12.4092877,48 8,48 C3.581722,48 7.10542736e-15,51.5797863 7.10542736e-15,56.0000511 L7.10542736e-15,119.999949 C7.10542736e-15,124.418255 3.59071231,128 8,128 C8.00116233,128 8.0023246,128 8.00348681,127.999999 Z M56.6235633,27.3113724 L47.6580188,36.2769169 C44.5333664,39.4015692 39.4634864,39.4061295 36.339292,36.2819351 C33.2214548,33.1640979 33.2173444,28.0901742 36.3443103,24.9632084 L58.9616908,2.34582788 C60.5248533,0.782665335 62.5748436,0.000361191261 64.624516,2.38225238e-14 L64.6193616,0.00151809229 C66.6695374,0.000796251595 68.7211167,0.781508799 70.2854358,2.34582788 L92.9028163,24.9632084 C96.0274686,28.0878607 96.0320289,33.1577408 92.9078345,36.2819351 C89.7899973,39.3997724 84.7160736,39.4038827 81.5891078,36.2769169 L72.6235633,27.3113724 L72.6235633,88.5669606 C72.6235633,92.9781015 69.0418413,96.5662064 64.6235633,96.5662064 C60.2142756,96.5662064 56.6235633,92.984822 56.6235633,88.5669606 L56.6235633,27.3113724 L56.6235633,27.3113724 Z\"></path>\n </g>\n</svg>"
},
"$:/core/images/full-screen-button": {
"title": "$:/core/images/full-screen-button",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-full-screen-button tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g>\n <g>\n <path d=\"M5.29777586e-31,8 C1.59060409e-15,3.581722 3.581722,0 8,0 L40,0 C44.418278,0 48,3.581722 48,8 C48,12.418278 44.418278,16 40,16 L16,16 L16,40 C16,44.418278 12.418278,48 8,48 C3.581722,48 -3.55271368e-15,44.418278 0,40 L3.55271368e-15,8 Z\"></path>\n </g>\n <g transform=\"translate(104.000000, 104.000000) rotate(-180.000000) translate(-104.000000, -104.000000) translate(80.000000, 80.000000)\">\n <path d=\"M5.29777586e-31,8 C1.59060409e-15,3.581722 3.581722,0 8,0 L40,0 C44.418278,0 48,3.581722 48,8 C48,12.418278 44.418278,16 40,16 L16,16 L16,40 C16,44.418278 12.418278,48 8,48 C3.581722,48 -3.55271368e-15,44.418278 0,40 L3.55271368e-15,8 Z\"></path>\n </g>\n <g transform=\"translate(24.000000, 104.000000) rotate(-90.000000) translate(-24.000000, -104.000000) translate(0.000000, 80.000000)\">\n <path d=\"M5.29777586e-31,8 C1.59060409e-15,3.581722 3.581722,0 8,0 L40,0 C44.418278,0 48,3.581722 48,8 C48,12.418278 44.418278,16 40,16 L16,16 L16,40 C16,44.418278 12.418278,48 8,48 C3.581722,48 -3.55271368e-15,44.418278 0,40 L3.55271368e-15,8 Z\"></path>\n </g>\n <g transform=\"translate(104.000000, 24.000000) rotate(90.000000) translate(-104.000000, -24.000000) translate(80.000000, 0.000000)\">\n <path d=\"M5.29777586e-31,8 C1.59060409e-15,3.581722 3.581722,0 8,0 L40,0 C44.418278,0 48,3.581722 48,8 C48,12.418278 44.418278,16 40,16 L16,16 L16,40 C16,44.418278 12.418278,48 8,48 C3.581722,48 -3.55271368e-15,44.418278 0,40 L3.55271368e-15,8 Z\"></path>\n </g>\n </g>\n</svg>"
},
"$:/core/images/github": {
"title": "$:/core/images/github",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-github tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M63.9383506,1.60695328 C28.6017227,1.60695328 -0.055756057,30.2970814 -0.055756057,65.6906208 C-0.055756057,94.003092 18.2804728,118.019715 43.7123154,126.493393 C46.9143781,127.083482 48.0812647,125.104717 48.0812647,123.405261 C48.0812647,121.886765 48.02626,117.85449 47.9948287,112.508284 C30.1929317,116.379268 26.4368926,103.916587 26.4368926,103.916587 C23.5255693,96.5129372 19.3294921,94.5420399 19.3294921,94.5420399 C13.5186324,90.5687739 19.7695302,90.6474524 19.7695302,90.6474524 C26.1933001,91.099854 29.5721638,97.2525155 29.5721638,97.2525155 C35.2808718,107.044059 44.5531024,104.215566 48.1991321,102.575118 C48.7806109,98.4366275 50.4346826,95.612068 52.2616263,94.0109598 C38.0507543,92.3941159 23.1091047,86.8944862 23.1091047,62.3389152 C23.1091047,55.3443933 25.6039634,49.6205298 29.6978889,45.1437211 C29.0378318,43.5229433 26.8415704,37.0044266 30.3265147,28.1845627 C30.3265147,28.1845627 35.6973364,26.4615028 47.9241083,34.7542205 C53.027764,33.330139 58.5046663,32.6220321 63.9462084,32.5944947 C69.3838216,32.6220321 74.856795,33.330139 79.9683085,34.7542205 C92.1872225,26.4615028 97.5501864,28.1845627 97.5501864,28.1845627 C101.042989,37.0044266 98.8467271,43.5229433 98.190599,45.1437211 C102.292382,49.6205298 104.767596,55.3443933 104.767596,62.3389152 C104.767596,86.9574291 89.8023734,92.3744463 75.5482834,93.9598188 C77.8427675,95.9385839 79.8897303,99.8489072 79.8897303,105.828476 C79.8897303,114.392635 79.8111521,121.304544 79.8111521,123.405261 C79.8111521,125.120453 80.966252,127.114954 84.2115327,126.489459 C109.623731,117.996111 127.944244,93.9952241 127.944244,65.6906208 C127.944244,30.2970814 99.2867652,1.60695328 63.9383506,1.60695328\"></path>\n </g>\n </svg>\n"
},
"$:/core/images/globe": {
"title": "$:/core/images/globe",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-globe tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M72.8111354,37.1275855 C72.8111354,37.9789875 72.8111354,38.8303894 72.8111354,39.6817913 C72.8111354,41.8784743 73.7885604,46.5631866 72.8111354,48.5143758 C71.3445471,51.4420595 68.1617327,52.0543531 66.4170946,54.3812641 C65.2352215,55.9575873 61.7987417,64.9821523 62.7262858,67.3005778 C66.6959269,77.2228204 74.26087,70.4881886 80.6887657,76.594328 C81.5527211,77.415037 83.5758191,78.8666631 83.985137,79.8899578 C87.2742852,88.1128283 76.4086873,94.8989524 87.7419325,106.189751 C88.9872885,107.430443 91.555495,102.372895 91.8205061,101.575869 C92.6726866,99.0129203 98.5458765,96.1267309 100.908882,94.5234439 C102.928056,93.1534443 105.782168,91.8557166 107.236936,89.7775886 C109.507391,86.5342557 108.717505,82.2640435 110.334606,79.0328716 C112.473794,74.7585014 114.163418,69.3979002 116.332726,65.0674086 C120.230862,57.2857361 121.054075,67.1596684 121.400359,67.5059523 C121.757734,67.8633269 122.411167,67.5059523 122.916571,67.5059523 C123.011132,67.5059523 124.364019,67.6048489 124.432783,67.5059523 C125.0832,66.5705216 123.390209,49.5852316 123.114531,48.2089091 C121.710578,41.1996597 116.17083,32.4278331 111.249523,27.7092761 C104.975994,21.6942076 104.160516,11.5121686 92.9912146,12.7547535 C92.7872931,12.7774397 87.906794,22.9027026 85.2136766,26.2672064 C81.486311,30.9237934 82.7434931,22.1144904 78.6876623,22.1144904 C78.6065806,22.1144904 77.5045497,22.0107615 77.4353971,22.1144904 C76.8488637,22.9942905 75.9952305,26.0101404 75.1288269,26.5311533 C74.8635477,26.6906793 73.4071369,26.2924966 73.2826811,26.5311533 C71.0401728,30.8313939 81.5394677,28.7427264 79.075427,34.482926 C76.7225098,39.9642538 72.747373,32.4860199 72.747373,43.0434079\"></path>\n <path d=\"M44.4668556,7.01044608 C54.151517,13.1403033 45.1489715,19.2084878 47.1611905,23.2253896 C48.8157833,26.5283781 51.4021933,28.6198851 48.8753629,33.038878 C46.8123257,36.6467763 42.0052989,37.0050492 39.251679,39.7621111 C36.2115749,42.8060154 33.7884281,48.7028116 32.4624592,52.6732691 C30.8452419,57.5158356 47.0088721,59.5388126 44.5246867,63.6811917 C43.1386839,65.9923513 37.7785192,65.1466282 36.0880227,63.8791519 C34.9234453,63.0059918 32.4946425,63.3331166 31.6713597,62.0997342 C29.0575851,58.1839669 29.4107339,54.0758543 28.0457962,49.9707786 C27.1076833,47.1493864 21.732611,47.8501656 20.2022714,49.3776393 C19.6790362,49.8998948 19.8723378,51.1703278 19.8723378,51.8829111 C19.8723378,57.1682405 26.9914913,55.1986414 26.9914913,58.3421973 C26.9914913,72.9792302 30.9191897,64.8771867 38.1313873,69.6793121 C48.1678018,76.3618966 45.9763926,76.981595 53.0777543,84.0829567 C56.7511941,87.7563965 60.8192437,87.7689005 62.503478,93.3767069 C64.1046972,98.7081071 53.1759798,98.7157031 50.786754,100.825053 C49.663965,101.816317 47.9736094,104.970571 46.5680513,105.439676 C44.7757187,106.037867 43.334221,105.93607 41.6242359,107.219093 C39.1967302,109.040481 37.7241465,112.151588 37.6034934,112.030935 C35.4555278,109.88297 34.0848666,96.5511248 33.7147244,93.7726273 C33.1258872,89.3524817 28.1241923,88.2337027 26.7275443,84.7420826 C25.1572737,80.8164061 28.2518481,75.223612 25.599097,70.9819941 C19.0797019,60.557804 13.7775712,56.4811506 10.2493953,44.6896152 C9.3074899,41.5416683 13.5912267,38.1609942 15.1264825,35.8570308 C17.0029359,33.0410312 17.7876232,30.0028946 19.8723378,27.2224065 C22.146793,24.1888519 40.8551166,9.46076832 43.8574051,8.63490613 L44.4668556,7.01044608 Z\"></path>\n <path d=\"M64,126 C98.2416545,126 126,98.2416545 126,64 C126,29.7583455 98.2416545,2 64,2 C29.7583455,2 2,29.7583455 2,64 C2,98.2416545 29.7583455,126 64,126 Z M64,120 C94.927946,120 120,94.927946 120,64 C120,33.072054 94.927946,8 64,8 C33.072054,8 8,33.072054 8,64 C8,94.927946 33.072054,120 64,120 Z\"></path>\n </g>\n</svg>"
},
"$:/core/images/help": {
"title": "$:/core/images/help",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-help tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M36.0548906,111.44117 C30.8157418,115.837088 20.8865444,118.803477 9.5,118.803477 C7.86465619,118.803477 6.25937294,118.742289 4.69372699,118.624467 C12.612543,115.984876 18.7559465,110.02454 21.0611049,102.609942 C8.74739781,92.845129 1.04940554,78.9359851 1.04940554,63.5 C1.04940554,33.9527659 29.2554663,10 64.0494055,10 C98.8433448,10 127.049406,33.9527659 127.049406,63.5 C127.049406,93.0472341 98.8433448,117 64.0494055,117 C53.9936953,117 44.48824,114.999337 36.0548906,111.44117 L36.0548906,111.44117 Z M71.4042554,77.5980086 C71.406883,77.2865764 71.4095079,76.9382011 71.4119569,76.5610548 C71.4199751,75.3262169 71.4242825,74.0811293 71.422912,72.9158546 C71.4215244,71.736154 71.4143321,70.709635 71.4001396,69.8743525 C71.4078362,68.5173028 71.9951951,67.7870427 75.1273009,65.6385471 C75.2388969,65.5619968 76.2124091,64.8981068 76.5126553,64.6910879 C79.6062455,62.5580654 81.5345849,60.9050204 83.2750652,58.5038955 C85.6146327,55.2762841 86.8327108,51.426982 86.8327108,46.8554323 C86.8327108,33.5625756 76.972994,24.9029551 65.3778484,24.9029551 C54.2752771,24.9029551 42.8794554,34.5115163 41.3121702,47.1975534 C40.9043016,50.4989536 43.2499725,53.50591 46.5513726,53.9137786 C49.8527728,54.3216471 52.8597292,51.9759763 53.2675978,48.6745761 C54.0739246,42.1479456 60.2395837,36.9492759 65.3778484,36.9492759 C70.6427674,36.9492759 74.78639,40.5885487 74.78639,46.8554323 C74.78639,50.4892974 73.6853224,52.008304 69.6746221,54.7736715 C69.4052605,54.9593956 68.448509,55.6118556 68.3131127,55.7047319 C65.6309785,57.5445655 64.0858213,58.803255 62.6123358,60.6352315 C60.5044618,63.2559399 59.3714208,66.3518252 59.3547527,69.9487679 C59.3684999,70.8407274 59.3752803,71.8084521 59.3765995,72.9300232 C59.3779294,74.0607297 59.3737237,75.2764258 59.36589,76.482835 C59.3634936,76.8518793 59.3609272,77.1924914 59.3583633,77.4963784 C59.3568319,77.6778944 59.3556368,77.8074256 59.3549845,77.8730928 C59.3219814,81.1994287 61.9917551,83.9227111 65.318091,83.9557142 C68.644427,83.9887173 71.3677093,81.3189435 71.4007124,77.9926076 C71.4014444,77.9187458 71.402672,77.7856841 71.4042554,77.5980086 Z M65.3778489,102.097045 C69.5359735,102.097045 72.9067994,98.7262189 72.9067994,94.5680944 C72.9067994,90.4099698 69.5359735,87.0391439 65.3778489,87.0391439 C61.2197243,87.0391439 57.8488984,90.4099698 57.8488984,94.5680944 C57.8488984,98.7262189 61.2197243,102.097045 65.3778489,102.097045 Z\"></path>\n </g>\n</svg>"
},
"$:/core/images/home-button": {
"title": "$:/core/images/home-button",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-home-button tc-image-button\" viewBox=\"0 0 128 128\" width=\"22pt\" height=\"22pt\">\n <g fill-rule=\"evenodd\">\n <path d=\"M112.9847,119.501583 C112.99485,119.336814 113,119.170705 113,119.003406 L113,67.56802 C116.137461,70.5156358 121.076014,70.4518569 124.133985,67.3938855 C127.25818,64.2696912 127.260618,59.2068102 124.131541,56.0777326 L70.3963143,2.34250601 C68.8331348,0.779326498 66.7828947,-0.000743167069 64.7337457,1.61675364e-05 C62.691312,-0.00409949529 60.6426632,0.777559815 59.077717,2.34250601 L33,28.420223 L33,28.420223 L33,8.00697327 C33,3.58484404 29.4092877,0 25,0 C20.581722,0 17,3.59075293 17,8.00697327 L17,44.420223 L5.3424904,56.0777326 C2.21694607,59.2032769 2.22220878,64.2760483 5.34004601,67.3938855 C8.46424034,70.5180798 13.5271213,70.5205187 16.6561989,67.3914411 L17,67.04764 L17,119.993027 C17,119.994189 17.0000002,119.995351 17.0000007,119.996514 C17.0000002,119.997675 17,119.998838 17,120 C17,124.418278 20.5881049,128 24.9992458,128 L105.000754,128 C109.418616,128 113,124.409288 113,120 C113,119.832611 112.99485,119.666422 112.9847,119.501583 Z M97,112 L97,51.5736087 L97,51.5736087 L64.7370156,19.3106244 L33,51.04764 L33,112 L97,112 Z\"></path>\n </g>\n</svg>"
},
"$:/core/images/import-button": {
"title": "$:/core/images/import-button",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-import-button tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M105.449437,94.2138951 C105.449437,94.2138951 110.049457,94.1897106 110.049457,99.4026111 C110.049457,104.615512 105.163246,104.615511 105.163246,104.615511 L45.0075072,105.157833 C45.0075072,105.157833 0.367531803,106.289842 0.367532368,66.6449212 C0.367532934,27.0000003 45.0428249,27.0000003 45.0428249,27.0000003 L105.532495,27.0000003 C105.532495,27.0000003 138.996741,25.6734987 138.996741,55.1771866 C138.996741,84.6808745 105.727102,82.8457535 105.727102,82.8457535 L56.1735087,82.8457535 C56.1735087,82.8457535 22.6899229,85.1500223 22.6899229,66.0913753 C22.6899229,47.0327282 56.1735087,49.3383013 56.1735087,49.3383013 L105.727102,49.3383013 C105.727102,49.3383013 111.245209,49.3383024 111.245209,54.8231115 C111.245209,60.3079206 105.727102,60.5074524 105.727102,60.5074524 L56.1735087,60.5074524 C56.1735087,60.5074524 37.48913,60.5074528 37.48913,66.6449195 C37.48913,72.7823862 56.1735087,71.6766023 56.1735087,71.6766023 L105.727102,71.6766029 C105.727102,71.6766029 127.835546,73.1411469 127.835546,55.1771866 C127.835546,35.5304025 105.727102,38.3035317 105.727102,38.3035317 L45.0428249,38.3035317 C45.0428249,38.3035317 11.5287276,38.3035313 11.5287276,66.6449208 C11.5287276,94.9863103 45.0428244,93.9579678 45.0428244,93.9579678 L105.449437,94.2138951 Z\" transform=\"translate(69.367532, 66.000000) rotate(-45.000000) translate(-69.367532, -66.000000) \"></path>\n </g>\n</svg>"
},
"$:/core/images/info-button": {
"title": "$:/core/images/info-button",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-info-button tc-image-button\" viewBox=\"0 0 128 128\" width=\"22pt\" height=\"22pt\">\n <g fill-rule=\"evenodd\">\n <g transform=\"translate(0.049406, 0.000000)\">\n <path d=\"M64,128 C99.346224,128 128,99.346224 128,64 C128,28.653776 99.346224,0 64,0 C28.653776,0 0,28.653776 0,64 C0,99.346224 28.653776,128 64,128 Z M64,112 C90.509668,112 112,90.509668 112,64 C112,37.490332 90.509668,16 64,16 C37.490332,16 16,37.490332 16,64 C16,90.509668 37.490332,112 64,112 Z\"></path>\n <circle cx=\"64\" cy=\"32\" r=\"8\"></circle>\n <rect x=\"56\" y=\"48\" width=\"16\" height=\"56\" rx=\"8\"></rect>\n </g>\n </g>\n </g>\n</svg>"
},
"$:/core/images/left-arrow": {
"created": "20150315234410875",
"modified": "20150315235324760",
"tags": "$:/tags/Image",
"title": "$:/core/images/left-arrow",
"text": "<svg class=\"tc-image-left-arrow tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <path transform=\"rotate(135, 63.8945, 64.1752)\" d=\"m109.07576,109.35336c-1.43248,1.43361 -3.41136,2.32182 -5.59717,2.32182l-79.16816,0c-4.36519,0 -7.91592,-3.5444 -7.91592,-7.91666c0,-4.36337 3.54408,-7.91667 7.91592,-7.91667l71.25075,0l0,-71.25075c0,-4.3652 3.54442,-7.91592 7.91667,-7.91592c4.36336,0 7.91667,3.54408 7.91667,7.91592l0,79.16815c0,2.1825 -0.88602,4.16136 -2.3185,5.59467l-0.00027,-0.00056z\"/>\n</svg>\n"
},
"$:/core/images/locked-padlock": {
"title": "$:/core/images/locked-padlock",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-locked-padlock tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M96.4723753,64 L105,64 L105,96.0097716 C105,113.673909 90.6736461,128 73.001193,128 L55.998807,128 C38.3179793,128 24,113.677487 24,96.0097716 L24,64 L32.0000269,64 C32.0028554,48.2766389 32.3030338,16.2688026 64.1594984,16.2688041 C95.9543927,16.2688056 96.4648869,48.325931 96.4723753,64 Z M80.5749059,64 L48.4413579,64 C48.4426205,47.71306 48.5829272,31.9999996 64.1595001,31.9999996 C79.8437473,31.9999996 81.1369461,48.1359182 80.5749059,64 Z M67.7315279,92.3641717 C70.8232551,91.0923621 73,88.0503841 73,84.5 C73,79.8055796 69.1944204,76 64.5,76 C59.8055796,76 56,79.8055796 56,84.5 C56,87.947435 58.0523387,90.9155206 61.0018621,92.2491029 L55.9067479,115.020857 L72.8008958,115.020857 L67.7315279,92.3641717 L67.7315279,92.3641717 Z\"></path>\n </g>\n</svg>"
},
"$:/core/images/mail": {
"title": "$:/core/images/mail",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-mail tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M122.826782,104.894066 C121.945525,105.22777 120.990324,105.41043 119.993027,105.41043 L8.00697327,105.41043 C7.19458381,105.41043 6.41045219,105.289614 5.67161357,105.064967 L5.67161357,105.064967 L39.8346483,70.9019325 L60.6765759,91.7438601 C61.6118278,92.679112 62.8865166,93.0560851 64.0946097,92.8783815 C65.2975108,93.0473238 66.5641085,92.6696979 67.4899463,91.7438601 L88.5941459,70.6396605 C88.6693095,70.7292352 88.7490098,70.8162939 88.8332479,70.9005321 L122.826782,104.894066 Z M127.903244,98.6568194 C127.966933,98.2506602 128,97.8343714 128,97.4103789 L128,33.410481 C128,32.7414504 127.917877,32.0916738 127.763157,31.4706493 L94.2292399,65.0045665 C94.3188145,65.0797417 94.4058701,65.1594458 94.4901021,65.2436778 L127.903244,98.6568194 Z M0.205060636,99.2178117 C0.0709009529,98.6370366 0,98.0320192 0,97.4103789 L0,33.410481 C0,32.694007 0.0944223363,31.9995312 0.27147538,31.3387595 L0.27147538,31.3387595 L34.1777941,65.2450783 L0.205060636,99.2178117 L0.205060636,99.2178117 Z M5.92934613,25.6829218 C6.59211333,25.5051988 7.28862283,25.4104299 8.00697327,25.4104299 L119.993027,25.4104299 C120.759109,25.4104299 121.500064,25.5178649 122.201605,25.7184927 L122.201605,25.7184927 L64.0832611,83.8368368 L5.92934613,25.6829218 L5.92934613,25.6829218 Z\"></path>\n </g>\n</svg>"
},
"$:/core/images/menu-button": {
"title": "$:/core/images/menu-button",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-menu-button tc-image-button\" viewBox=\"0 0 128 128\" width=\"22pt\" height=\"22pt\">\n <rect x=\"0\" y=\"16\" width=\"128\" height=\"16\" rx=\"8\"></rect>\n <rect x=\"0\" y=\"56\" width=\"128\" height=\"16\" rx=\"8\"></rect>\n <rect x=\"0\" y=\"96\" width=\"128\" height=\"16\" rx=\"8\"></rect>\n</svg>"
},
"$:/core/images/new-button": {
"title": "$:/core/images/new-button",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-new-button tc-image-button\" viewBox=\"0 0 128 128\" width=\"22pt\" height=\"22pt\">\n <g fill-rule=\"evenodd\">\n <path d=\"M56,72 L8.00697327,72 C3.59075293,72 0,68.418278 0,64 C0,59.5907123 3.58484404,56 8.00697327,56 L56,56 L56,8.00697327 C56,3.59075293 59.581722,0 64,0 C68.4092877,0 72,3.58484404 72,8.00697327 L72,56 L119.993027,56 C124.409247,56 128,59.581722 128,64 C128,68.4092877 124.415156,72 119.993027,72 L72,72 L72,119.993027 C72,124.409247 68.418278,128 64,128 C59.5907123,128 56,124.415156 56,119.993027 L56,72 L56,72 Z\"></path>\n </g>\n</svg>"
},
"$:/core/images/new-here-button": {
"title": "$:/core/images/new-here-button",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-new-here-button tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n \t<g transform=\"translate(52.233611, 64.389922) rotate(75.000000) translate(-52.233611, -64.389922) translate(-7.734417, 3.702450)\">\n\t <path d=\"M18.9270186,45.959338 L18.9080585,49.6521741 C18.8884833,53.4648378 21.0574548,58.7482162 23.7526408,61.4434022 L78.5671839,116.257945 C81.2617332,118.952495 85.6348701,118.950391 88.3334363,116.251825 L115.863237,88.7220241 C118.555265,86.0299959 118.564544,81.6509578 115.869358,78.9557717 L61.0548144,24.1412286 C58.3602652,21.4466794 53.0787224,19.2788426 49.2595808,19.3006519 L25.9781737,19.4336012 C22.1633003,19.4553862 19.0471195,22.5673232 19.0275223,26.3842526 L18.9871663,34.2443819 C19.0818862,34.255617 19.1779758,34.2665345 19.2754441,34.2771502 C22.6891275,34.6489512 27.0485594,34.2348566 31.513244,33.2285542 C31.7789418,32.8671684 32.075337,32.5211298 32.4024112,32.1940556 C34.8567584,29.7397084 38.3789778,29.0128681 41.4406288,30.0213822 C41.5958829,29.9543375 41.7503946,29.8866669 41.9041198,29.8183808 L42.1110981,30.2733467 C43.1114373,30.6972371 44.0473796,31.3160521 44.8614145,32.1300869 C48.2842088,35.5528813 48.2555691,41.130967 44.7974459,44.5890903 C41.4339531,47.952583 36.0649346,48.0717177 32.6241879,44.9262969 C27.8170558,45.8919233 23.0726921,46.2881596 18.9270186,45.959338 Z\"></path>\n\t <path d=\"M45.4903462,38.8768094 C36.7300141,42.6833154 26.099618,44.7997354 18.1909048,43.9383587 C7.2512621,42.7468685 1.50150083,35.8404432 4.66865776,24.7010202 C7.51507386,14.6896965 15.4908218,6.92103848 24.3842626,4.38423012 C34.1310219,1.60401701 42.4070208,6.15882777 42.4070209,16.3101169 L34.5379395,16.310117 C34.5379394,11.9285862 31.728784,10.3825286 26.5666962,11.8549876 C20.2597508,13.6540114 14.3453742,19.4148216 12.2444303,26.8041943 C10.4963869,32.9523565 12.6250796,35.5092726 19.0530263,36.2093718 C25.5557042,36.9176104 35.0513021,34.9907189 42.7038419,31.5913902 L42.7421786,31.6756595 C44.3874154,31.5384763 47.8846101,37.3706354 45.9274416,38.6772897 L45.9302799,38.6835285 C45.9166992,38.6895612 45.9031139,38.6955897 45.8895238,38.7016142 C45.8389288,38.7327898 45.7849056,38.7611034 45.7273406,38.7863919 C45.6506459,38.8200841 45.571574,38.8501593 45.4903462,38.8768094 Z\"></path>\n </g>\n <rect x=\"96\" y=\"80\" width=\"16\" height=\"48\" rx=\"8\"></rect>\n <rect x=\"80\" y=\"96\" width=\"48\" height=\"16\" rx=\"8\"></rect>\n </g>\n </g>\n</svg>"
},
"$:/core/images/new-journal-button": {
"title": "$:/core/images/new-journal-button",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-new-journal-button tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M102.545455,112.818182 L102.545455,124.636364 L102.545455,124.636364 L102.545455,124.636364 C102.545455,125.941761 103.630828,127 104.969697,127 L111.030303,127 C112.369172,127 113.454545,125.941761 113.454545,124.636364 L113.454545,112.818182 L125.575758,112.818182 C126.914626,112.818182 128,111.759982 128,110.454545 L128,104.545455 C128,103.240018 126.914626,102.181818 125.575758,102.181818 L113.454545,102.181818 L113.454545,90.3636364 C113.454545,89.0582 112.369172,88 111.030303,88 L104.969697,88 L104.969697,88 C103.630828,88 102.545455,89.0582 102.545455,90.3636364 L102.545455,102.181818 L90.4242424,102.181818 L90.4242424,102.181818 C89.0853705,102.181818 88,103.240018 88,104.545455 L88,110.454545 L88,110.454545 L88,110.454545 C88,111.759982 89.0853705,112.818182 90.4242424,112.818182 L102.545455,112.818182 Z\"></path>\n <g transform=\"translate(59.816987, 64.316987) rotate(30.000000) translate(-59.816987, -64.316987) translate(20.316987, 12.816987)\">\n <g transform=\"translate(0.000000, 0.000000)\">\n <path d=\"M9.99631148,0 C4.4755011,0 -2.27373675e-13,4.48070044 -2.27373675e-13,9.99759461 L-2.27373675e-13,91.6128884 C-2.27373675e-13,97.1344074 4.46966773,101.610483 9.99631148,101.610483 L68.9318917,101.610483 C74.4527021,101.610483 78.9282032,97.1297826 78.9282032,91.6128884 L78.9282032,9.99759461 C78.9282032,4.47607557 74.4585355,0 68.9318917,0 L9.99631148,0 Z M20.8885263,26 C24.2022348,26 26.8885263,23.3137085 26.8885263,20 C26.8885263,16.6862915 24.2022348,14 20.8885263,14 C17.5748178,14 14.8885263,16.6862915 14.8885263,20 C14.8885263,23.3137085 17.5748178,26 20.8885263,26 Z M57.3033321,25.6783342 C60.6170406,25.6783342 63.3033321,22.9920427 63.3033321,19.6783342 C63.3033321,16.3646258 60.6170406,13.6783342 57.3033321,13.6783342 C53.9896236,13.6783342 51.3033321,16.3646258 51.3033321,19.6783342 C51.3033321,22.9920427 53.9896236,25.6783342 57.3033321,25.6783342 Z\"></path>\n <text font-family=\"Helvetica\" font-size=\"47.1724138\" font-weight=\"bold\" fill=\"#FFFFFF\">\n <tspan x=\"42\" y=\"77.4847912\" text-anchor=\"middle\"><<now \"DD\">></tspan>\n </text>\n </g>\n </g>\n </g>\n</svg>"
},
"$:/core/images/open-window": {
"title": "$:/core/images/open-window",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-open-window tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M16,112 L104.993898,112 C108.863261,112 112,115.590712 112,120 C112,124.418278 108.858091,128 104.993898,128 L7.00610161,128 C3.13673853,128 0,124.409288 0,120 C0,119.998364 4.30952878e-07,119.996727 1.29273572e-06,119.995091 C4.89579306e-07,119.993456 0,119.99182 0,119.990183 L0,24.0098166 C0,19.586117 3.59071231,16 8,16 C12.418278,16 16,19.5838751 16,24.0098166 L16,112 Z\"></path>\n <path d=\"M96,43.1959595 L96,56 C96,60.418278 99.581722,64 104,64 C108.418278,64 112,60.418278 112,56 L112,24 C112,19.5907123 108.415101,16 103.992903,16 L72.0070969,16 C67.5881712,16 64,19.581722 64,24 C64,28.4092877 67.5848994,32 72.0070969,32 L84.5685425,32 L48.2698369,68.2987056 C45.1421332,71.4264093 45.1434327,76.4904296 48.267627,79.614624 C51.3854642,82.7324612 56.4581306,82.7378289 59.5835454,79.6124141 L96,43.1959595 Z M32,7.9992458 C32,3.58138434 35.5881049,0 39.9992458,0 L120.000754,0 C124.418616,0 128,3.5881049 128,7.9992458 L128,88.0007542 C128,92.4186157 124.411895,96 120.000754,96 L39.9992458,96 C35.5813843,96 32,92.4118951 32,88.0007542 L32,7.9992458 Z\"></path>\n </g>\n</svg>"
},
"$:/core/images/options-button": {
"title": "$:/core/images/options-button",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-options-button tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M110.48779,76.0002544 C109.354214,80.4045063 107.611262,84.5641217 105.354171,88.3838625 L105.354171,88.3838625 L112.07833,95.1080219 C115.20107,98.2307613 115.210098,103.299824 112.089164,106.420759 L106.420504,112.089418 C103.301049,115.208874 98.2346851,115.205502 95.1077675,112.078585 L88.3836082,105.354425 C84.5638673,107.611516 80.4042519,109.354468 76,110.488045 L76,110.488045 L76,119.993281 C76,124.409501 72.4220153,128.000254 68.0083475,128.000254 L59.9916525,128.000254 C55.5800761,128.000254 52,124.41541 52,119.993281 L52,110.488045 C47.5957481,109.354468 43.4361327,107.611516 39.6163918,105.354425 L32.8922325,112.078585 C29.7694931,115.201324 24.7004301,115.210353 21.5794957,112.089418 L15.9108363,106.420759 C12.7913807,103.301303 12.7947522,98.2349395 15.9216697,95.1080219 L22.6458291,88.3838625 C20.3887383,84.5641217 18.6457859,80.4045063 17.5122098,76.0002544 L8.00697327,76.0002544 C3.59075293,76.0002544 2.19088375e-16,72.4222697 4.89347582e-16,68.0086019 L9.80228577e-16,59.9919069 C1.25035972e-15,55.5803305 3.58484404,52.0002544 8.00697327,52.0002544 L17.5122098,52.0002544 C18.6457859,47.5960025 20.3887383,43.4363871 22.6458291,39.6166462 L15.9216697,32.8924868 C12.7989304,29.7697475 12.7899019,24.7006845 15.9108363,21.5797501 L21.5794957,15.9110907 C24.6989513,12.7916351 29.7653149,12.7950065 32.8922325,15.9219241 L39.6163918,22.6460835 C43.4361327,20.3889927 47.5957481,18.6460403 52,17.5124642 L52,8.00722764 C52,3.5910073 55.5779847,0.000254375069 59.9916525,0.000254375069 L68.0083475,0.000254375069 C72.4199239,0.000254375069 76,3.58509841 76,8.00722764 L76,17.5124642 C80.4042519,18.6460403 84.5638673,20.3889927 88.3836082,22.6460835 L95.1077675,15.9219241 C98.2305069,12.7991848 103.29957,12.7901562 106.420504,15.9110907 L112.089164,21.5797501 C115.208619,24.6992057 115.205248,29.7655693 112.07833,32.8924868 L105.354171,39.6166462 L105.354171,39.6166462 C107.611262,43.4363871 109.354214,47.5960025 110.48779,52.0002544 L119.993027,52.0002544 C124.409247,52.0002544 128,55.5782391 128,59.9919069 L128,68.0086019 C128,72.4201783 124.415156,76.0002544 119.993027,76.0002544 L110.48779,76.0002544 L110.48779,76.0002544 Z M64,96.0002544 C81.673112,96.0002544 96,81.6733664 96,64.0002544 C96,46.3271424 81.673112,32.0002544 64,32.0002544 C46.326888,32.0002544 32,46.3271424 32,64.0002544 C32,81.6733664 46.326888,96.0002544 64,96.0002544 Z\"></path>\n </g>\n</svg>"
},
"$:/core/images/palette": {
"title": "$:/core/images/palette",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-palette tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M80.2470434,39.1821571 C75.0645698,38.2680897 69.6261555,37.7814854 64.0193999,37.7814854 C28.6624616,37.7814854 0,57.1324214 0,81.0030106 C0,90.644534 4.67604329,99.5487133 12.5805659,106.738252 C23.5031767,91.1899067 26.3405471,72.3946229 36.8885698,63.5622337 C52.0716764,50.8486559 63.4268694,55.7343343 63.4268694,55.7343343 L80.2470434,39.1821571 Z M106.781666,48.8370714 C119.830962,56.749628 128.0388,68.229191 128.0388,81.0030106 C128.0388,90.3534932 128.557501,98.4142085 116.165191,106.082518 C105.367708,112.763955 112.341384,99.546808 104.321443,95.1851533 C96.3015017,90.8234987 84.3749007,96.492742 86.1084305,103.091059 C89.3087234,115.272303 105.529892,114.54645 92.4224435,119.748569 C79.3149955,124.950687 74.2201582,124.224536 64.0193999,124.224536 C56.1979176,124.224536 48.7040365,123.277578 41.7755684,121.544216 C51.620343,117.347916 69.6563669,109.006202 75.129737,102.088562 C82.7876655,92.4099199 87.3713218,80.0000002 83.3235694,72.4837191 C83.1303943,72.1250117 94.5392656,60.81569 106.781666,48.8370714 Z M1.13430476,123.866563 C0.914084026,123.867944 0.693884185,123.868637 0.473712455,123.868637 C33.9526848,108.928928 22.6351223,59.642592 59.2924543,59.6425917 C59.6085574,61.0606542 59.9358353,62.5865065 60.3541977,64.1372318 C34.4465025,59.9707319 36.7873124,112.168427 1.13429588,123.866563 L1.13430476,123.866563 Z M1.84669213,123.859694 C40.7185279,123.354338 79.9985412,101.513051 79.9985401,79.0466836 C70.7284906,79.0466835 65.9257264,75.5670082 63.1833375,71.1051511 C46.585768,64.1019718 32.81846,116.819636 1.84665952,123.859695 L1.84669213,123.859694 Z M67.1980193,59.8524981 C62.748213,63.9666823 72.0838429,76.2846822 78.5155805,71.1700593 C89.8331416,59.8524993 112.468264,37.2173758 123.785825,25.8998146 C135.103386,14.5822535 123.785825,3.26469247 112.468264,14.5822535 C101.150703,25.8998144 78.9500931,48.9868127 67.1980193,59.8524981 Z\"></path>\n </g>\n</svg>"
},
"$:/core/images/permalink-button": {
"title": "$:/core/images/permalink-button",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-permalink-button tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M80.4834582,48 L73.0956761,80 L73.0956761,80 L47.5165418,80 L54.9043239,48 L80.4834582,48 Z M84.1773493,32 L89.8007299,7.64246248 C90.7941633,3.33942958 95.0918297,0.64641956 99.3968675,1.64031585 C103.693145,2.63218977 106.385414,6.93288901 105.390651,11.2416793 L100.598215,32 L104.000754,32 C108.411895,32 112,35.581722 112,40 C112,44.4092877 108.418616,48 104.000754,48 L96.9043239,48 L89.5165418,80 L104.000754,80 C108.411895,80 112,83.581722 112,88 C112,92.4092877 108.418616,96 104.000754,96 L85.8226507,96 L80.1992701,120.357538 C79.2058367,124.66057 74.9081703,127.35358 70.6031325,126.359684 C66.3068546,125.36781 63.6145865,121.067111 64.6093491,116.758321 L69.401785,96 L43.8226507,96 L38.1992701,120.357538 C37.2058367,124.66057 32.9081703,127.35358 28.6031325,126.359684 C24.3068546,125.36781 21.6145865,121.067111 22.6093491,116.758321 L27.401785,96 L23.9992458,96 C19.5881049,96 16,92.418278 16,88 C16,83.5907123 19.5813843,80 23.9992458,80 L31.0956761,80 L38.4834582,48 L23.9992458,48 C19.5881049,48 16,44.418278 16,40 C16,35.5907123 19.5813843,32 23.9992458,32 L42.1773493,32 L47.8007299,7.64246248 C48.7941633,3.33942958 53.0918297,0.64641956 57.3968675,1.64031585 C61.6931454,2.63218977 64.3854135,6.93288901 63.3906509,11.2416793 L58.598215,32 L84.1773493,32 Z\"></path>\n </g>\n</svg>"
},
"$:/core/images/permaview-button": {
"title": "$:/core/images/permaview-button",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-permaview-button tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M81.4834582,48 L79.6365127,56 L79.6365127,56 L74.0573784,56 L75.9043239,48 L81.4834582,48 Z M85.1773493,32 L90.8007299,7.64246248 C91.7941633,3.33942958 96.0918297,0.64641956 100.396867,1.64031585 C104.693145,2.63218977 107.385414,6.93288901 106.390651,11.2416793 L101.598215,32 L104.000754,32 C108.411895,32 112,35.581722 112,40 C112,44.4092877 108.418616,48 104.000754,48 L97.9043239,48 L96.0573784,56 L104.000754,56 C108.411895,56 112,59.581722 112,64 C112,68.4092877 108.418616,72 104.000754,72 L92.3634873,72 L90.5165418,80 L104.000754,80 C108.411895,80 112,83.581722 112,88 C112,92.4092877 108.418616,96 104.000754,96 L86.8226507,96 L81.1992701,120.357538 C80.2058367,124.66057 75.9081703,127.35358 71.6031325,126.359684 C67.3068546,125.36781 64.6145865,121.067111 65.6093491,116.758321 L70.401785,96 L64.8226507,96 L59.1992701,120.357538 C58.2058367,124.66057 53.9081703,127.35358 49.6031325,126.359684 C45.3068546,125.36781 42.6145865,121.067111 43.6093491,116.758321 L48.401785,96 L42.8226507,96 L37.1992701,120.357538 C36.2058367,124.66057 31.9081703,127.35358 27.6031325,126.359684 C23.3068546,125.36781 20.6145865,121.067111 21.6093491,116.758321 L26.401785,96 L23.9992458,96 C19.5881049,96 16,92.418278 16,88 C16,83.5907123 19.5813843,80 23.9992458,80 L30.0956761,80 L31.9426216,72 L23.9992458,72 C19.5881049,72 16,68.418278 16,64 C16,59.5907123 19.5813843,56 23.9992458,56 L35.6365127,56 L37.4834582,48 L23.9992458,48 C19.5881049,48 16,44.418278 16,40 C16,35.5907123 19.5813843,32 23.9992458,32 L41.1773493,32 L46.8007299,7.64246248 C47.7941633,3.33942958 52.0918297,0.64641956 56.3968675,1.64031585 C60.6931454,2.63218977 63.3854135,6.93288901 62.3906509,11.2416793 L57.598215,32 L63.1773493,32 L68.8007299,7.64246248 C69.7941633,3.33942958 74.0918297,0.64641956 78.3968675,1.64031585 C82.6931454,2.63218977 85.3854135,6.93288901 84.3906509,11.2416793 L79.598215,32 L85.1773493,32 Z M53.9043239,48 L52.0573784,56 L57.6365127,56 L59.4834582,48 L53.9043239,48 Z M75.9426216,72 L74.0956761,80 L74.0956761,80 L68.5165418,80 L70.3634873,72 L75.9426216,72 L75.9426216,72 Z M48.3634873,72 L46.5165418,80 L52.0956761,80 L53.9426216,72 L48.3634873,72 L48.3634873,72 Z\"></path>\n </g>\n</svg>"
},
"$:/core/images/plugin-generic-language": {
"title": "$:/core/images/plugin-generic-language",
"tags": "$:/tags/Image",
"text": "<svg width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M61.2072232,68.1369825 C56.8829239,70.9319564 54.2082892,74.793177 54.2082892,79.0581634 C54.2082892,86.9638335 63.3980995,93.4821994 75.2498076,94.3940006 C77.412197,98.2964184 83.8475284,101.178858 91.5684735,101.403106 C86.4420125,100.27851 82.4506393,97.6624107 80.9477167,94.3948272 C92.8046245,93.4861461 102,86.9662269 102,79.0581634 C102,70.5281905 91.3014611,63.6132813 78.1041446,63.6132813 C71.5054863,63.6132813 65.5315225,65.3420086 61.2072232,68.1369825 Z M74.001066,53.9793443 C69.6767667,56.7743182 63.7028029,58.5030456 57.1041446,58.5030456 C54.4851745,58.5030456 51.9646095,58.2307276 49.6065315,57.7275105 C46.2945155,59.9778212 41.2235699,61.4171743 35.5395922,61.4171743 C35.4545771,61.4171743 35.3696991,61.4168523 35.2849622,61.4162104 C39.404008,60.5235193 42.7961717,58.6691298 44.7630507,56.286533 C37.8379411,53.5817651 33.2082892,48.669413 33.2082892,43.0581634 C33.2082892,34.5281905 43.9068281,27.6132812 57.1041446,27.6132812 C70.3014611,27.6132812 81,34.5281905 81,43.0581634 C81,47.3231498 78.3253653,51.1843704 74.001066,53.9793443 Z M64,0 L118.5596,32 L118.5596,96 L64,128 L9.44039956,96 L9.44039956,32 L64,0 Z\"></path>\n </g>\n</svg>"
},
"$:/core/images/plugin-generic-plugin": {
"title": "$:/core/images/plugin-generic-plugin",
"tags": "$:/tags/Image",
"text": "<svg width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M40.3972881,76.4456988 L40.3972881,95.3404069 L54.5170166,95.3404069 L54.5170166,95.3404069 C54.5165526,95.3385183 54.516089,95.3366295 54.515626,95.3347404 C54.6093153,95.3385061 54.7034848,95.3404069 54.7980982,95.3404069 C58.6157051,95.3404069 61.710487,92.245625 61.710487,88.4280181 C61.710487,86.6197822 61.01617,84.9737128 59.8795929,83.7418666 L59.8795929,83.7418666 C59.8949905,83.7341665 59.9104102,83.7265043 59.925852,83.7188798 C58.8840576,82.5086663 58.2542926,80.9336277 58.2542926,79.2114996 C58.2542926,75.3938927 61.3490745,72.2991108 65.1666814,72.2991108 C68.9842884,72.2991108 72.0790703,75.3938927 72.0790703,79.2114996 C72.0790703,81.1954221 71.2432806,82.9841354 69.9045961,84.2447446 L69.9045961,84.2447446 C69.9333407,84.2629251 69.9619885,84.281245 69.9905383,84.2997032 L69.9905383,84.2997032 C69.1314315,85.4516923 68.6228758,86.8804654 68.6228758,88.4280181 C68.6228758,91.8584969 71.1218232,94.7053153 74.3986526,95.2474079 C74.3913315,95.2784624 74.3838688,95.3094624 74.3762652,95.3404069 L95.6963988,95.3404069 L95.6963988,75.5678578 L95.6963988,75.5678578 C95.6466539,75.5808558 95.5967614,75.5934886 95.5467242,75.6057531 C95.5504899,75.5120637 95.5523907,75.4178943 95.5523907,75.3232809 C95.5523907,71.505674 92.4576088,68.4108921 88.6400019,68.4108921 C86.831766,68.4108921 85.1856966,69.105209 83.9538504,70.2417862 L83.9538504,70.2417862 C83.9461503,70.2263886 83.938488,70.2109688 83.9308636,70.1955271 C82.7206501,71.2373215 81.1456115,71.8670865 79.4234834,71.8670865 C75.6058765,71.8670865 72.5110946,68.7723046 72.5110946,64.9546976 C72.5110946,61.1370907 75.6058765,58.0423088 79.4234834,58.0423088 C81.4074059,58.0423088 83.1961192,58.8780985 84.4567284,60.2167829 L84.4567284,60.2167829 C84.4749089,60.1880383 84.4932288,60.1593906 84.511687,60.1308407 L84.511687,60.1308407 C85.6636761,60.9899475 87.0924492,61.4985032 88.6400019,61.4985032 C92.0704807,61.4985032 94.9172991,58.9995558 95.4593917,55.7227265 C95.538755,55.7414363 95.6177614,55.761071 95.6963988,55.7816184 L95.6963988,40.0412962 L74.3762652,40.0412962 L74.3762652,40.0412962 C74.3838688,40.0103516 74.3913315,39.9793517 74.3986526,39.9482971 L74.3986526,39.9482971 C71.1218232,39.4062046 68.6228758,36.5593862 68.6228758,33.1289073 C68.6228758,31.5813547 69.1314315,30.1525815 69.9905383,29.0005925 C69.9619885,28.9821342 69.9333407,28.9638143 69.9045961,28.9456339 C71.2432806,27.6850247 72.0790703,25.8963113 72.0790703,23.9123888 C72.0790703,20.0947819 68.9842884,17 65.1666814,17 C61.3490745,17 58.2542926,20.0947819 58.2542926,23.9123888 C58.2542926,25.6345169 58.8840576,27.2095556 59.925852,28.419769 L59.925852,28.419769 C59.9104102,28.4273935 59.8949905,28.4350558 59.8795929,28.4427558 C61.01617,29.674602 61.710487,31.3206715 61.710487,33.1289073 C61.710487,36.9465143 58.6157051,40.0412962 54.7980982,40.0412962 C54.7034848,40.0412962 54.6093153,40.0393953 54.515626,40.0356296 L54.515626,40.0356296 C54.516089,40.0375187 54.5165526,40.0394075 54.5170166,40.0412962 L40.3972881,40.0412962 L40.3972881,52.887664 L40.3972881,52.887664 C40.4916889,53.3430132 40.5412962,53.8147625 40.5412962,54.2980982 C40.5412962,58.1157051 37.4465143,61.210487 33.6289073,61.210487 C32.0813547,61.210487 30.6525815,60.7019313 29.5005925,59.8428245 C29.4821342,59.8713744 29.4638143,59.9000221 29.4456339,59.9287667 C28.1850247,58.5900823 26.3963113,57.7542926 24.4123888,57.7542926 C20.5947819,57.7542926 17.5,60.8490745 17.5,64.6666814 C17.5,68.4842884 20.5947819,71.5790703 24.4123888,71.5790703 C26.134517,71.5790703 27.7095556,70.9493053 28.919769,69.9075109 L28.919769,69.9075109 C28.9273935,69.9229526 28.9350558,69.9383724 28.9427558,69.95377 C30.174602,68.8171928 31.8206715,68.1228758 33.6289073,68.1228758 C37.4465143,68.1228758 40.5412962,71.2176578 40.5412962,75.0352647 C40.5412962,75.5186004 40.4916889,75.9903496 40.3972881,76.4456988 Z M64,0 L118.5596,32 L118.5596,96 L64,128 L9.44039956,96 L9.44039956,32 L64,0 Z\"></path>\n </g>\n</svg>"
},
"$:/core/images/plugin-generic-theme": {
"title": "$:/core/images/plugin-generic-theme",
"tags": "$:/tags/Image",
"text": "<svg width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M29.4078519,91.4716406 L51.4693474,69.4101451 L51.4646675,69.4054652 C50.5969502,68.5377479 50.5929779,67.1348725 51.4693474,66.2585029 C52.3396494,65.3882009 53.7499654,65.3874786 54.6163097,66.2538229 L64.0805963,75.7181095 C64.9483136,76.5858268 64.9522859,77.9887022 64.0759163,78.8650718 C63.2056143,79.7353737 61.7952984,79.736096 60.9289541,78.8697517 L60.9242741,78.8650718 L60.9242741,78.8650718 L38.8627786,100.926567 C36.2518727,103.537473 32.0187578,103.537473 29.4078519,100.926567 C26.796946,98.3156614 26.796946,94.0825465 29.4078519,91.4716406 Z M60.8017407,66.3810363 C58.3659178,63.6765806 56.3370667,61.2899536 54.9851735,59.5123615 C48.1295381,50.4979488 44.671561,55.2444054 40.7586738,59.5123614 C36.8457866,63.7803174 41.789473,67.2384487 38.0759896,70.2532832 C34.3625062,73.2681177 34.5917646,74.3131575 28.3243876,68.7977024 C22.0570105,63.2822473 21.6235306,61.7636888 24.5005999,58.6166112 C27.3776691,55.4695337 29.7823103,60.4247912 35.6595047,54.8320442 C41.5366991,49.2392972 36.5996215,44.2825646 36.5996215,44.2825646 C36.5996215,44.2825646 48.8365511,19.267683 65.1880231,21.1152173 C81.5394952,22.9627517 59.0022276,18.7228947 53.3962199,38.3410355 C50.9960082,46.7405407 53.8429162,44.7613399 58.3941742,48.3090467 C59.7875202,49.3951602 64.4244828,52.7100463 70.1884353,56.9943417 L90.8648751,36.3179019 L92.4795866,31.5515482 L100.319802,26.8629752 L103.471444,30.0146174 L98.782871,37.8548326 L94.0165173,39.4695441 L73.7934912,59.6925702 C86.4558549,69.2403631 102.104532,81.8392557 102.104532,86.4016913 C102.104533,93.6189834 99.0337832,97.9277545 92.5695848,95.5655717 C87.8765989,93.8506351 73.8015497,80.3744087 63.8173444,69.668717 L60.9242741,72.5617873 L57.7726319,69.4101451 L60.8017407,66.3810363 L60.8017407,66.3810363 Z M63.9533761,1.42108547e-13 L118.512977,32 L118.512977,96 L63.9533761,128 L9.39377563,96 L9.39377563,32 L63.9533761,1.42108547e-13 Z\"></path>\n </g>\n</svg>"
},
"$:/core/images/refresh-button": {
"title": "$:/core/images/refresh-button",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-refresh-button tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M106.369002,39.4325143 C116.529932,60.3119371 112.939592,86.1974934 95.5979797,103.539105 C73.7286194,125.408466 38.2713806,125.408466 16.4020203,103.539105 C-5.46734008,81.6697449 -5.46734008,46.2125061 16.4020203,24.3431458 C19.5262146,21.2189514 24.5915344,21.2189514 27.7157288,24.3431458 C30.8399231,27.4673401 30.8399231,32.5326599 27.7157288,35.6568542 C12.0947571,51.2778259 12.0947571,76.6044251 27.7157288,92.2253967 C43.3367004,107.846368 68.6632996,107.846368 84.2842712,92.2253967 C97.71993,78.7897379 99.5995262,58.1740623 89.9230597,42.729491 L83.4844861,54.9932839 C81.4307001,58.9052072 76.5945372,60.4115251 72.682614,58.3577391 C68.7706907,56.3039532 67.2643728,51.4677903 69.3181587,47.555867 L84.4354914,18.7613158 C86.4966389,14.8353707 91.3577499,13.3347805 95.273202,15.415792 L124.145886,30.7612457 C128.047354,32.8348248 129.52915,37.6785572 127.455571,41.5800249 C125.381992,45.4814927 120.53826,46.9632892 116.636792,44.8897102 L106.369002,39.4325143 Z M98.1470904,27.0648707 C97.9798954,26.8741582 97.811187,26.6843098 97.6409651,26.4953413 L98.6018187,26.1987327 L98.1470904,27.0648707 Z\"></path>\n </g>\n</svg>"
},
"$:/core/images/right-arrow": {
"title": "$:/core/images/right-arrow",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-right-arrow tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <path d=\"M80.3563798,109.353315 C78.9238993,110.786918 76.9450203,111.675144 74.7592239,111.675144 L-4.40893546,111.675144 C-8.77412698,111.675144 -12.3248558,108.130732 -12.3248558,103.758478 C-12.3248558,99.3951199 -8.78077754,95.8418109 -4.40893546,95.8418109 L66.8418109,95.8418109 L66.8418109,24.5910645 C66.8418109,20.225873 70.3862233,16.6751442 74.7584775,16.6751442 C79.1218352,16.6751442 82.6751442,20.2192225 82.6751442,24.5910645 L82.6751442,103.759224 C82.6751442,105.941695 81.7891419,107.920575 80.3566508,109.353886 Z\" transform=\"translate(35.175144, 64.175144) rotate(-45.000000) translate(-35.175144, -64.175144) \"></path>\n</svg>"
},
"$:/core/images/save-button": {
"title": "$:/core/images/save-button",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-save-button tc-image-button\" viewBox=\"0 0 128 128\" width=\"22pt\" height=\"22pt\">\n <g fill-rule=\"evenodd\">\n <path d=\"M120.78304,34.329058 C125.424287,43.1924006 128.049406,53.2778608 128.049406,63.9764502 C128.049406,99.3226742 99.3956295,127.97645 64.0494055,127.97645 C28.7031816,127.97645 0.0494055385,99.3226742 0.0494055385,63.9764502 C0.0494055385,28.6302262 28.7031816,-0.0235498012 64.0494055,-0.0235498012 C82.8568763,-0.0235498012 99.769563,8.08898558 111.479045,21.0056358 L114.159581,18.3250998 C117.289194,15.1954866 122.356036,15.1939641 125.480231,18.3181584 C128.598068,21.4359957 128.601317,26.5107804 125.473289,29.6388083 L120.78304,34.329058 Z M108.72451,46.3875877 C110.870571,51.8341374 112.049406,57.767628 112.049406,63.9764502 C112.049406,90.4861182 90.5590735,111.97645 64.0494055,111.97645 C37.5397375,111.97645 16.0494055,90.4861182 16.0494055,63.9764502 C16.0494055,37.4667822 37.5397375,15.9764502 64.0494055,15.9764502 C78.438886,15.9764502 91.3495036,22.308215 100.147097,32.3375836 L58.9411255,73.5435552 L41.975581,56.5780107 C38.8486152,53.4510448 33.7746915,53.4551552 30.6568542,56.5729924 C27.5326599,59.6971868 27.5372202,64.7670668 30.6618725,67.8917192 L53.279253,90.5090997 C54.8435723,92.073419 56.8951519,92.8541315 58.9380216,92.8558261 C60.987971,92.8559239 63.0389578,92.0731398 64.6049211,90.5071765 L108.72451,46.3875877 Z\"></path>\n </g>\n</svg>"
},
"$:/core/images/star-filled": {
"title": "$:/core/images/star-filled",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-star-filled tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"nonzero\">\n <path d=\"M61.8361286,96.8228569 L99.1627704,124.110219 C101.883827,126.099427 105.541968,123.420868 104.505636,120.198072 L90.2895569,75.9887263 L89.0292911,79.8977279 L126.314504,52.5528988 C129.032541,50.5595011 127.635256,46.2255025 124.273711,46.2229134 L78.1610486,46.1873965 L81.4604673,48.6032923 L67.1773543,4.41589688 C66.1361365,1.19470104 61.6144265,1.19470104 60.5732087,4.41589688 L46.2900957,48.6032923 L49.5895144,46.1873965 L3.47685231,46.2229134 C0.115307373,46.2255025 -1.28197785,50.5595011 1.43605908,52.5528988 L38.7212719,79.8977279 L37.4610061,75.9887263 L23.2449266,120.198072 C22.2085954,123.420868 25.8667356,126.099427 28.5877926,124.110219 L65.9144344,96.8228569 L61.8361286,96.8228569 Z\"></path>\n </g>\n</svg>"
},
"$:/core/images/storyview-classic": {
"title": "$:/core/images/storyview-classic",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-storyview-classic tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M8.00697327,0 C3.58484404,0 0,3.59075293 0,8.00697327 L0,119.993027 C0,124.415156 3.59075293,128 8.00697327,128 L119.993027,128 C124.415156,128 128,124.409247 128,119.993027 L128,8.00697327 C128,3.58484404 124.409247,0 119.993027,0 L8.00697327,0 L8.00697327,0 Z M23.9992458,16 C19.5813843,16 16,19.5776607 16,23.9924054 L16,40.0075946 C16,44.4216782 19.5881049,48 23.9992458,48 L104.000754,48 C108.418616,48 112,44.4223393 112,40.0075946 L112,23.9924054 C112,19.5783218 108.411895,16 104.000754,16 L23.9992458,16 L23.9992458,16 Z M23.9992458,64 C19.5813843,64 16,67.5907123 16,72 C16,76.418278 19.5881049,80 23.9992458,80 L104.000754,80 C108.418616,80 112,76.4092877 112,72 C112,67.581722 108.411895,64 104.000754,64 L23.9992458,64 L23.9992458,64 Z M23.9992458,96 C19.5813843,96 16,99.5907123 16,104 C16,108.418278 19.5881049,112 23.9992458,112 L104.000754,112 C108.418616,112 112,108.409288 112,104 C112,99.581722 108.411895,96 104.000754,96 L23.9992458,96 L23.9992458,96 Z\"></path>\n </g>\n</svg>"
},
"$:/core/images/storyview-pop": {
"title": "$:/core/images/storyview-pop",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-storyview-pop tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M8.00697327,0 C3.58484404,0 0,3.59075293 0,8.00697327 L0,119.993027 C0,124.415156 3.59075293,128 8.00697327,128 L119.993027,128 C124.415156,128 128,124.409247 128,119.993027 L128,8.00697327 C128,3.58484404 124.409247,0 119.993027,0 L8.00697327,0 L8.00697327,0 Z M23.9992458,16 C19.5813843,16 16,19.5776607 16,23.9924054 L16,40.0075946 C16,44.4216782 19.5881049,48 23.9992458,48 L104.000754,48 C108.418616,48 112,44.4223393 112,40.0075946 L112,23.9924054 C112,19.5783218 108.411895,16 104.000754,16 L23.9992458,16 L23.9992458,16 Z M16.0098166,56 C11.586117,56 8,59.5776607 8,63.9924054 L8,80.0075946 C8,84.4216782 11.5838751,88 16.0098166,88 L111.990183,88 C116.413883,88 120,84.4223393 120,80.0075946 L120,63.9924054 C120,59.5783218 116.416125,56 111.990183,56 L16.0098166,56 L16.0098166,56 Z M23.9992458,96 C19.5813843,96 16,99.5907123 16,104 C16,108.418278 19.5881049,112 23.9992458,112 L104.000754,112 C108.418616,112 112,108.409288 112,104 C112,99.581722 108.411895,96 104.000754,96 L23.9992458,96 L23.9992458,96 Z M23.9992458,64 C19.5813843,64 16,67.5907123 16,72 C16,76.418278 19.5881049,80 23.9992458,80 L104.000754,80 C108.418616,80 112,76.4092877 112,72 C112,67.581722 108.411895,64 104.000754,64 L23.9992458,64 L23.9992458,64 Z\"></path>\n </g>\n</svg>"
},
"$:/core/images/storyview-zoomin": {
"title": "$:/core/images/storyview-zoomin",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-storyview-zoomin tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M8.00697327,0 C3.58484404,0 0,3.59075293 0,8.00697327 L0,119.993027 C0,124.415156 3.59075293,128 8.00697327,128 L119.993027,128 C124.415156,128 128,124.409247 128,119.993027 L128,8.00697327 C128,3.58484404 124.409247,0 119.993027,0 L8.00697327,0 L8.00697327,0 Z M23.9992458,16 C19.5813843,16 16,19.578055 16,24.0085154 L16,71.9914846 C16,76.4144655 19.5881049,80 23.9992458,80 L104.000754,80 C108.418616,80 112,76.421945 112,71.9914846 L112,24.0085154 C112,19.5855345 108.411895,16 104.000754,16 L23.9992458,16 L23.9992458,16 Z\"></path>\n </g>\n</svg>"
},
"$:/core/images/tag-button": {
"title": "$:/core/images/tag-button",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-tag-button tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M18.1643182,47.6600756 L18.1677196,51.7651887 C18.1708869,55.5878829 20.3581578,60.8623899 23.0531352,63.5573673 L84.9021823,125.406414 C87.5996731,128.103905 91.971139,128.096834 94.6717387,125.396234 L125.766905,94.3010679 C128.473612,91.5943612 128.472063,87.2264889 125.777085,84.5315115 L63.9280381,22.6824644 C61.2305472,19.9849735 55.9517395,17.801995 52.1318769,17.8010313 L25.0560441,17.7942007 C21.2311475,17.7932358 18.1421354,20.8872832 18.1452985,24.7049463 L18.1535504,34.6641936 C18.2481119,34.6754562 18.3439134,34.6864294 18.4409623,34.6971263 C22.1702157,35.1081705 26.9295004,34.6530132 31.806204,33.5444844 C32.1342781,33.0700515 32.5094815,32.6184036 32.9318197,32.1960654 C35.6385117,29.4893734 39.5490441,28.718649 42.94592,29.8824694 C43.0432142,29.8394357 43.1402334,29.7961748 43.2369683,29.7526887 L43.3646982,30.0368244 C44.566601,30.5115916 45.6933052,31.2351533 46.6655958,32.2074439 C50.4612154,36.0030635 50.4663097,42.1518845 46.6769742,45.94122 C43.0594074,49.5587868 37.2914155,49.7181264 33.4734256,46.422636 C28.1082519,47.5454734 22.7987486,48.0186448 18.1643182,47.6600756 Z\"></path>\n <path d=\"M47.6333528,39.5324628 L47.6562932,39.5834939 C37.9670934,43.9391617 26.0718874,46.3819521 17.260095,45.4107025 C5.27267473,44.0894301 -1.02778744,36.4307276 2.44271359,24.0779512 C5.56175386,12.9761516 14.3014034,4.36129832 24.0466405,1.54817001 C34.7269254,-1.53487574 43.7955833,3.51606438 43.7955834,14.7730751 L35.1728168,14.7730752 C35.1728167,9.91428944 32.0946059,8.19982862 26.4381034,9.83267419 C19.5270911,11.8276553 13.046247,18.2159574 10.7440788,26.4102121 C8.82861123,33.2280582 11.161186,36.0634845 18.2047888,36.8398415 C25.3302805,37.6252244 35.7353482,35.4884477 44.1208333,31.7188498 L44.1475077,31.7781871 C44.159701,31.7725635 44.1718402,31.7671479 44.1839238,31.7619434 C45.9448098,31.0035157 50.4503245,38.3109156 47.7081571,39.5012767 C47.6834429,39.512005 47.6585061,39.5223987 47.6333528,39.5324628 Z\"></path>\n </g>\n</svg>"
},
"$:/core/images/theme-button": {
"title": "$:/core/images/theme-button",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-theme-button tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M55.854113,66.9453198 C54.3299482,65.1432292 53.0133883,63.518995 51.9542746,62.1263761 C40.8899947,47.578055 35.3091807,55.2383404 28.9941893,62.1263758 C22.6791979,69.0144112 30.6577916,74.5954741 24.6646171,79.4611023 C18.6714426,84.3267304 19.0414417,86.0133155 8.92654943,77.1119468 C-1.18834284,68.2105781 -1.88793412,65.7597832 2.7553553,60.6807286 C7.39864472,55.601674 11.2794845,63.5989423 20.7646627,54.5728325 C30.2498409,45.5467226 22.2819131,37.5470737 22.2819131,37.5470737 C22.2819131,37.5470737 42.0310399,-2.82433362 68.4206088,0.157393922 C94.8101776,3.13912147 58.4373806,-3.70356506 49.3898693,27.958066 C45.5161782,41.5139906 50.1107906,38.3197672 57.4560458,44.0453955 C59.1625767,45.3756367 63.8839488,48.777453 70.127165,53.3625321 C63.9980513,59.2416709 58.9704753,64.0315459 55.854113,66.9453198 Z M67.4952439,79.8919946 C83.5082212,96.9282402 105.237121,117.617674 112.611591,120.312493 C123.044132,124.12481 128.000001,117.170903 128,105.522947 C127.999999,98.3705516 104.170675,78.980486 84.0760493,63.7529565 C76.6683337,70.9090328 70.7000957,76.7055226 67.4952439,79.8919946 Z\"></path>\n <path d=\"M58.2852966,138.232794 L58.2852966,88.3943645 C56.318874,88.3923153 54.7254089,86.7952906 54.7254089,84.8344788 C54.7254089,82.8684071 56.3175932,81.2745911 58.2890859,81.2745911 L79.6408336,81.2745911 C81.608998,81.2745911 83.2045105,82.8724076 83.2045105,84.8344788 C83.2045105,86.7992907 81.614366,88.3923238 79.6446228,88.3943645 L79.6446228,88.3943646 L79.6446228,138.232794 C79.6446228,144.131009 74.8631748,148.912457 68.9649597,148.912457 C63.0667446,148.912457 58.2852966,144.131009 58.2852966,138.232794 Z M65.405072,-14.8423767 L72.5248474,-14.8423767 L76.0847351,-0.690681892 L72.5248474,6.51694947 L72.5248474,81.2745911 L65.405072,81.2745911 L65.405072,6.51694947 L61.8451843,-0.690681892 L65.405072,-14.8423767 Z\" transform=\"translate(68.964960, 67.035040) rotate(45.000000) translate(-68.964960, -67.035040) \"></path>\n </g>\n</svg>"
},
"$:/core/images/tip": {
"title": "$:/core/images/tip",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-tip tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M64,128.241818 C99.346224,128.241818 128,99.5880417 128,64.2418177 C128,28.8955937 99.346224,0.241817675 64,0.241817675 C28.653776,0.241817675 0,28.8955937 0,64.2418177 C0,99.5880417 28.653776,128.241818 64,128.241818 Z M75.9358659,91.4531941 C75.3115438,95.581915 70.2059206,98.8016748 64,98.8016748 C57.7940794,98.8016748 52.6884562,95.581915 52.0641341,91.4531941 C54.3299053,94.0502127 58.8248941,95.8192805 64,95.8192805 C69.1751059,95.8192805 73.6700947,94.0502127 75.9358659,91.4531941 L75.9358659,91.4531941 Z M75.9358659,95.9453413 C75.3115438,100.074062 70.2059206,103.293822 64,103.293822 C57.7940794,103.293822 52.6884562,100.074062 52.0641341,95.9453413 C54.3299053,98.5423599 58.8248941,100.311428 64,100.311428 C69.1751059,100.311428 73.6700947,98.5423599 75.9358659,95.9453413 L75.9358659,95.9453413 Z M75.9358659,100.40119 C75.3115438,104.529911 70.2059206,107.74967 64,107.74967 C57.7940794,107.74967 52.6884562,104.529911 52.0641341,100.40119 C54.3299053,102.998208 58.8248941,104.767276 64,104.767276 C69.1751059,104.767276 73.6700947,102.998208 75.9358659,100.40119 L75.9358659,100.40119 Z M75.9358659,104.893337 C75.3115438,109.022058 70.2059206,112.241818 64,112.241818 C57.7940794,112.241818 52.6884562,109.022058 52.0641341,104.893337 C54.3299053,107.490356 58.8248941,109.259423 64,109.259423 C69.1751059,109.259423 73.6700947,107.490356 75.9358659,104.893337 L75.9358659,104.893337 Z M64.3010456,24.2418177 C75.9193117,24.2418188 88.0000013,32.0619847 88,48.4419659 C87.9999987,64.8219472 75.9193018,71.7540963 75.9193021,83.5755932 C75.9193022,89.4486648 70.0521957,92.8368862 63.9999994,92.8368862 C57.947803,92.8368862 51.9731007,89.8295115 51.9731007,83.5755932 C51.9731007,71.1469799 39.9999998,65.4700602 40,48.4419647 C40.0000002,31.4138691 52.6827796,24.2418166 64.3010456,24.2418177 Z\"></path>\n </g>\n</svg>"
},
"$:/core/images/twitter": {
"title": "$:/core/images/twitter",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-twitter tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M41.6263422,115.803477 C27.0279663,115.803477 13.4398394,111.540813 1.99987456,104.234833 C4.02221627,104.472643 6.08004574,104.594302 8.16644978,104.594302 C20.277456,104.594302 31.4238403,100.47763 40.270894,93.5715185 C28.9590538,93.3635501 19.4123842,85.9189246 16.1230832,75.6885328 C17.7011365,75.9892376 19.320669,76.1503787 20.9862896,76.1503787 C23.344152,76.1503787 25.6278127,75.8359011 27.7971751,75.247346 C15.9709927,72.8821073 7.06079851,62.4745062 7.06079851,49.9982394 C7.06079851,49.8898938 7.06079851,49.7820074 7.06264203,49.67458 C10.5482779,51.6032228 14.5339687,52.7615103 18.7717609,52.8951059 C11.8355159,48.277565 7.2714207,40.3958845 7.2714207,31.4624258 C7.2714207,26.7434257 8.54621495,22.3200804 10.7713439,18.5169676 C23.5211299,34.0957738 42.568842,44.3472839 64.0532269,45.4210985 C63.6126256,43.5365285 63.3835682,41.5711584 63.3835682,39.5529928 C63.3835682,25.3326379 74.95811,13.8034766 89.2347917,13.8034766 C96.6697089,13.8034766 103.387958,16.930807 108.103682,21.9353619 C113.991886,20.780288 119.52429,18.6372496 124.518847,15.6866694 C122.588682,21.6993889 118.490075,26.7457211 113.152623,29.9327334 C118.381769,29.3102055 123.363882,27.926045 127.999875,25.8780385 C124.534056,31.0418981 120.151087,35.5772616 115.100763,39.2077561 C115.150538,40.3118708 115.175426,41.4224128 115.175426,42.538923 C115.175426,76.5663154 89.1744164,115.803477 41.6263422,115.803477\"></path>\n </g>\n</svg>\n"
},
"$:/core/images/unlocked-padlock": {
"title": "$:/core/images/unlocked-padlock",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-unlocked-padlock tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M48.6266053,64 L105,64 L105,96.0097716 C105,113.673909 90.6736461,128 73.001193,128 L55.998807,128 C38.3179793,128 24,113.677487 24,96.0097716 L24,64 L30.136303,64 C19.6806213,51.3490406 2.77158986,28.2115132 25.8366966,8.85759246 C50.4723026,-11.8141335 71.6711028,13.2108337 81.613302,25.0594855 C91.5555012,36.9081373 78.9368488,47.4964439 69.1559674,34.9513593 C59.375086,22.4062748 47.9893192,10.8049522 35.9485154,20.9083862 C23.9077117,31.0118202 34.192312,43.2685325 44.7624679,55.8655518 C47.229397,58.805523 48.403443,61.5979188 48.6266053,64 Z M67.7315279,92.3641717 C70.8232551,91.0923621 73,88.0503841 73,84.5 C73,79.8055796 69.1944204,76 64.5,76 C59.8055796,76 56,79.8055796 56,84.5 C56,87.947435 58.0523387,90.9155206 61.0018621,92.2491029 L55.9067479,115.020857 L72.8008958,115.020857 L67.7315279,92.3641717 L67.7315279,92.3641717 Z\"></path>\n </g>\n</svg>"
},
"$:/core/images/up-arrow": {
"created": "20150316000544368",
"modified": "20150316000831867",
"tags": "$:/tags/Image",
"title": "$:/core/images/up-arrow",
"text": "<svg class=\"tc-image-up-arrow tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n<path transform=\"rotate(-135, 63.8945, 64.1752)\" d=\"m109.07576,109.35336c-1.43248,1.43361 -3.41136,2.32182 -5.59717,2.32182l-79.16816,0c-4.36519,0 -7.91592,-3.5444 -7.91592,-7.91666c0,-4.36337 3.54408,-7.91667 7.91592,-7.91667l71.25075,0l0,-71.25074c0,-4.3652 3.54442,-7.91592 7.91667,-7.91592c4.36336,0 7.91667,3.54408 7.91667,7.91592l0,79.16815c0,2.1825 -0.88602,4.16136 -2.3185,5.59467l-0.00027,-0.00056l0.00001,-0.00001z\" />\n</svg>\n \n"
},
"$:/core/images/video": {
"title": "$:/core/images/video",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-video tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M64,12 C29.0909091,12 8.72727273,14.9166667 5.81818182,17.8333333 C2.90909091,20.75 1.93784382e-15,41.1666667 0,64.5 C1.93784382e-15,87.8333333 2.90909091,108.25 5.81818182,111.166667 C8.72727273,114.083333 29.0909091,117 64,117 C98.9090909,117 119.272727,114.083333 122.181818,111.166667 C125.090909,108.25 128,87.8333333 128,64.5 C128,41.1666667 125.090909,20.75 122.181818,17.8333333 C119.272727,14.9166667 98.9090909,12 64,12 Z M54.9161194,44.6182253 C51.102648,42.0759111 48.0112186,43.7391738 48.0112186,48.3159447 L48.0112186,79.6840553 C48.0112186,84.2685636 51.109784,85.9193316 54.9161194,83.3817747 L77.0838806,68.6032672 C80.897352,66.0609529 80.890216,61.9342897 77.0838806,59.3967328 L54.9161194,44.6182253 Z\"></path>\n </g>\n</svg>"
},
"$:/core/images/warning": {
"title": "$:/core/images/warning",
"tags": "$:/tags/Image",
"text": "<svg class=\"tc-image-warning tc-image-button\" width=\"22pt\" height=\"22pt\" viewBox=\"0 0 128 128\">\n <g fill-rule=\"evenodd\">\n <path d=\"M57.0717968,11 C60.1509982,5.66666667 67.8490018,5.66666667 70.9282032,11 L126.353829,107 C129.433031,112.333333 125.584029,119 119.425626,119 L8.57437416,119 C2.41597129,119 -1.43303051,112.333333 1.64617093,107 L57.0717968,11 Z M64,37 C59.581722,37 56,40.5820489 56,44.9935776 L56,73.0064224 C56,77.4211534 59.5907123,81 64,81 C68.418278,81 72,77.4179511 72,73.0064224 L72,44.9935776 C72,40.5788466 68.4092877,37 64,37 Z M64,104 C68.418278,104 72,100.418278 72,96 C72,91.581722 68.418278,88 64,88 C59.581722,88 56,91.581722 56,96 C56,100.418278 59.581722,104 64,104 Z\"></path>\n </g>\n</svg>"
},
"$:/language/Buttons/AdvancedSearch/Caption": {
"title": "$:/language/Buttons/AdvancedSearch/Caption",
"text": "advanced search"
},
"$:/language/Buttons/AdvancedSearch/Hint": {
"title": "$:/language/Buttons/AdvancedSearch/Hint",
"text": "Advanced search"
},
"$:/language/Buttons/Cancel/Caption": {
"title": "$:/language/Buttons/Cancel/Caption",
"text": "cancel"
},
"$:/language/Buttons/Cancel/Hint": {
"title": "$:/language/Buttons/Cancel/Hint",
"text": "Discard changes to this tiddler"
},
"$:/language/Buttons/Clone/Caption": {
"title": "$:/language/Buttons/Clone/Caption",
"text": "clone"
},
"$:/language/Buttons/Clone/Hint": {
"title": "$:/language/Buttons/Clone/Hint",
"text": "Clone this tiddler"
},
"$:/language/Buttons/Close/Caption": {
"title": "$:/language/Buttons/Close/Caption",
"text": "close"
},
"$:/language/Buttons/Close/Hint": {
"title": "$:/language/Buttons/Close/Hint",
"text": "Close this tiddler"
},
"$:/language/Buttons/CloseAll/Caption": {
"title": "$:/language/Buttons/CloseAll/Caption",
"text": "close all"
},
"$:/language/Buttons/CloseAll/Hint": {
"title": "$:/language/Buttons/CloseAll/Hint",
"text": "Close all tiddlers"
},
"$:/language/Buttons/CloseOthers/Caption": {
"title": "$:/language/Buttons/CloseOthers/Caption",
"text": "close others"
},
"$:/language/Buttons/CloseOthers/Hint": {
"title": "$:/language/Buttons/CloseOthers/Hint",
"text": "Close other tiddlers"
},
"$:/language/Buttons/ControlPanel/Caption": {
"title": "$:/language/Buttons/ControlPanel/Caption",
"text": "control panel"
},
"$:/language/Buttons/ControlPanel/Hint": {
"title": "$:/language/Buttons/ControlPanel/Hint",
"text": "Open control panel"
},
"$:/language/Buttons/Delete/Caption": {
"title": "$:/language/Buttons/Delete/Caption",
"text": "delete"
},
"$:/language/Buttons/Delete/Hint": {
"title": "$:/language/Buttons/Delete/Hint",
"text": "Delete this tiddler"
},
"$:/language/Buttons/Edit/Caption": {
"title": "$:/language/Buttons/Edit/Caption",
"text": "edit"
},
"$:/language/Buttons/Edit/Hint": {
"title": "$:/language/Buttons/Edit/Hint",
"text": "Edit this tiddler"
},
"$:/language/Buttons/Encryption/Caption": {
"title": "$:/language/Buttons/Encryption/Caption",
"text": "encryption"
},
"$:/language/Buttons/Encryption/Hint": {
"title": "$:/language/Buttons/Encryption/Hint",
"text": "Set or clear a password for saving this wiki"
},
"$:/language/Buttons/Encryption/ClearPassword/Caption": {
"title": "$:/language/Buttons/Encryption/ClearPassword/Caption",
"text": "clear password"
},
"$:/language/Buttons/Encryption/ClearPassword/Hint": {
"title": "$:/language/Buttons/Encryption/ClearPassword/Hint",
"text": "Clear the password and save this wiki without encryption"
},
"$:/language/Buttons/Encryption/SetPassword/Caption": {
"title": "$:/language/Buttons/Encryption/SetPassword/Caption",
"text": "set password"
},
"$:/language/Buttons/Encryption/SetPassword/Hint": {
"title": "$:/language/Buttons/Encryption/SetPassword/Hint",
"text": "Set a password for saving this wiki with encryption"
},
"$:/language/Buttons/ExportPage/Caption": {
"title": "$:/language/Buttons/ExportPage/Caption",
"text": "export all"
},
"$:/language/Buttons/ExportPage/Hint": {
"title": "$:/language/Buttons/ExportPage/Hint",
"text": "Export all tiddlers"
},
"$:/language/Buttons/ExportTiddler/Caption": {
"title": "$:/language/Buttons/ExportTiddler/Caption",
"text": "export tiddler"
},
"$:/language/Buttons/ExportTiddler/Hint": {
"title": "$:/language/Buttons/ExportTiddler/Hint",
"text": "Export tiddler"
},
"$:/language/Buttons/ExportTiddlers/Caption": {
"title": "$:/language/Buttons/ExportTiddlers/Caption",
"text": "export tiddlers"
},
"$:/language/Buttons/ExportTiddlers/Hint": {
"title": "$:/language/Buttons/ExportTiddlers/Hint",
"text": "Export tiddlers"
},
"$:/language/Buttons/FullScreen/Caption": {
"title": "$:/language/Buttons/FullScreen/Caption",
"text": "full-screen"
},
"$:/language/Buttons/FullScreen/Hint": {
"title": "$:/language/Buttons/FullScreen/Hint",
"text": "Enter or leave full-screen mode"
},
"$:/language/Buttons/Help/Caption": {
"title": "$:/language/Buttons/Help/Caption",
"text": "help"
},
"$:/language/Buttons/Help/Hint": {
"title": "$:/language/Buttons/Help/Hint",
"text": "Show help panel"
},
"$:/language/Buttons/Import/Caption": {
"title": "$:/language/Buttons/Import/Caption",
"text": "import"
},
"$:/language/Buttons/Import/Hint": {
"title": "$:/language/Buttons/Import/Hint",
"text": "Import files"
},
"$:/language/Buttons/Info/Caption": {
"title": "$:/language/Buttons/Info/Caption",
"text": "info"
},
"$:/language/Buttons/Info/Hint": {
"title": "$:/language/Buttons/Info/Hint",
"text": "Show information for this tiddler"
},
"$:/language/Buttons/Home/Caption": {
"title": "$:/language/Buttons/Home/Caption",
"text": "home"
},
"$:/language/Buttons/Home/Hint": {
"title": "$:/language/Buttons/Home/Hint",
"text": "Open the default tiddlers"
},
"$:/language/Buttons/Language/Caption": {
"title": "$:/language/Buttons/Language/Caption",
"text": "language"
},
"$:/language/Buttons/Language/Hint": {
"title": "$:/language/Buttons/Language/Hint",
"text": "Choose the user interface language"
},
"$:/language/Buttons/More/Caption": {
"title": "$:/language/Buttons/More/Caption",
"text": "more"
},
"$:/language/Buttons/More/Hint": {
"title": "$:/language/Buttons/More/Hint",
"text": "More actions"
},
"$:/language/Buttons/NewHere/Caption": {
"title": "$:/language/Buttons/NewHere/Caption",
"text": "new here"
},
"$:/language/Buttons/NewHere/Hint": {
"title": "$:/language/Buttons/NewHere/Hint",
"text": "Create a new tiddler tagged with this one"
},
"$:/language/Buttons/NewJournal/Caption": {
"title": "$:/language/Buttons/NewJournal/Caption",
"text": "new journal"
},
"$:/language/Buttons/NewJournal/Hint": {
"title": "$:/language/Buttons/NewJournal/Hint",
"text": "Create a new journal tiddler"
},
"$:/language/Buttons/NewJournalHere/Caption": {
"title": "$:/language/Buttons/NewJournalHere/Caption",
"text": "new journal here"
},
"$:/language/Buttons/NewJournalHere/Hint": {
"title": "$:/language/Buttons/NewJournalHere/Hint",
"text": "Create a new journal tiddler tagged with this one"
},
"$:/language/Buttons/NewTiddler/Caption": {
"title": "$:/language/Buttons/NewTiddler/Caption",
"text": "new tiddler"
},
"$:/language/Buttons/NewTiddler/Hint": {
"title": "$:/language/Buttons/NewTiddler/Hint",
"text": "Create a new tiddler"
},
"$:/language/Buttons/OpenWindow/Caption": {
"title": "$:/language/Buttons/OpenWindow/Caption",
"text": "open in new window"
},
"$:/language/Buttons/OpenWindow/Hint": {
"title": "$:/language/Buttons/OpenWindow/Hint",
"text": "Open tiddler in new window"
},
"$:/language/Buttons/Palette/Caption": {
"title": "$:/language/Buttons/Palette/Caption",
"text": "palette"
},
"$:/language/Buttons/Palette/Hint": {
"title": "$:/language/Buttons/Palette/Hint",
"text": "Choose the colour palette"
},
"$:/language/Buttons/Permalink/Caption": {
"title": "$:/language/Buttons/Permalink/Caption",
"text": "permalink"
},
"$:/language/Buttons/Permalink/Hint": {
"title": "$:/language/Buttons/Permalink/Hint",
"text": "Set browser address bar to a direct link to this tiddler"
},
"$:/language/Buttons/Permaview/Caption": {
"title": "$:/language/Buttons/Permaview/Caption",
"text": "permaview"
},
"$:/language/Buttons/Permaview/Hint": {
"title": "$:/language/Buttons/Permaview/Hint",
"text": "Set browser address bar to a direct link to all the tiddlers in this story"
},
"$:/language/Buttons/Refresh/Caption": {
"title": "$:/language/Buttons/Refresh/Caption",
"text": "refresh"
},
"$:/language/Buttons/Refresh/Hint": {
"title": "$:/language/Buttons/Refresh/Hint",
"text": "Perform a full refresh of the wiki"
},
"$:/language/Buttons/Save/Caption": {
"title": "$:/language/Buttons/Save/Caption",
"text": "ok"
},
"$:/language/Buttons/Save/Hint": {
"title": "$:/language/Buttons/Save/Hint",
"text": "Confirm changes to this tiddler"
},
"$:/language/Buttons/SaveWiki/Caption": {
"title": "$:/language/Buttons/SaveWiki/Caption",
"text": "save changes"
},
"$:/language/Buttons/SaveWiki/Hint": {
"title": "$:/language/Buttons/SaveWiki/Hint",
"text": "Save changes"
},
"$:/language/Buttons/StoryView/Caption": {
"title": "$:/language/Buttons/StoryView/Caption",
"text": "storyview"
},
"$:/language/Buttons/StoryView/Hint": {
"title": "$:/language/Buttons/StoryView/Hint",
"text": "Choose the story visualisation"
},
"$:/language/Buttons/HideSideBar/Caption": {
"title": "$:/language/Buttons/HideSideBar/Caption",
"text": "hide sidebar"
},
"$:/language/Buttons/HideSideBar/Hint": {
"title": "$:/language/Buttons/HideSideBar/Hint",
"text": "Hide sidebar"
},
"$:/language/Buttons/ShowSideBar/Caption": {
"title": "$:/language/Buttons/ShowSideBar/Caption",
"text": "show sidebar"
},
"$:/language/Buttons/ShowSideBar/Hint": {
"title": "$:/language/Buttons/ShowSideBar/Hint",
"text": "Show sidebar"
},
"$:/language/Buttons/TagManager/Caption": {
"title": "$:/language/Buttons/TagManager/Caption",
"text": "tag manager"
},
"$:/language/Buttons/TagManager/Hint": {
"title": "$:/language/Buttons/TagManager/Hint",
"text": "Open tag manager"
},
"$:/language/Buttons/Theme/Caption": {
"title": "$:/language/Buttons/Theme/Caption",
"text": "theme"
},
"$:/language/Buttons/Theme/Hint": {
"title": "$:/language/Buttons/Theme/Hint",
"text": "Choose the display theme"
},
"$:/language/ControlPanel/Advanced/Caption": {
"title": "$:/language/ControlPanel/Advanced/Caption",
"text": "Advanced"
},
"$:/language/ControlPanel/Advanced/Hint": {
"title": "$:/language/ControlPanel/Advanced/Hint",
"text": "Internal information about this TiddlyWiki"
},
"$:/language/ControlPanel/Appearance/Caption": {
"title": "$:/language/ControlPanel/Appearance/Caption",
"text": "Appearance"
},
"$:/language/ControlPanel/Appearance/Hint": {
"title": "$:/language/ControlPanel/Appearance/Hint",
"text": "Ways to customise the appearance of your TiddlyWiki."
},
"$:/language/ControlPanel/Basics/AnimDuration/Prompt": {
"title": "$:/language/ControlPanel/Basics/AnimDuration/Prompt",
"text": "Animation duration:"
},
"$:/language/ControlPanel/Basics/Caption": {
"title": "$:/language/ControlPanel/Basics/Caption",
"text": "Basics"
},
"$:/language/ControlPanel/Basics/DefaultTiddlers/BottomHint": {
"title": "$:/language/ControlPanel/Basics/DefaultTiddlers/BottomHint",
"text": "Use [[double square brackets]] for titles with spaces. Or you can choose to <$button set=\"$:/DefaultTiddlers\" setTo=\"[list[$:/StoryList]]\">retain story ordering</$button>"
},
"$:/language/ControlPanel/Basics/DefaultTiddlers/Prompt": {
"title": "$:/language/ControlPanel/Basics/DefaultTiddlers/Prompt",
"text": "Default tiddlers:"
},
"$:/language/ControlPanel/Basics/DefaultTiddlers/TopHint": {
"title": "$:/language/ControlPanel/Basics/DefaultTiddlers/TopHint",
"text": "Choose which tiddlers are displayed at startup:"
},
"$:/language/ControlPanel/Basics/Language/Prompt": {
"title": "$:/language/ControlPanel/Basics/Language/Prompt",
"text": "Hello! Current language:"
},
"$:/language/ControlPanel/Basics/NewJournal/Title/Prompt": {
"title": "$:/language/ControlPanel/Basics/NewJournal/Title/Prompt",
"text": "Title of new journal tiddlers"
},
"$:/language/ControlPanel/Basics/NewJournal/Tags/Prompt": {
"title": "$:/language/ControlPanel/Basics/NewJournal/Tags/Prompt",
"text": "Tags for new journal tiddlers"
},
"$:/language/ControlPanel/Basics/OverriddenShadowTiddlers/Prompt": {
"title": "$:/language/ControlPanel/Basics/OverriddenShadowTiddlers/Prompt",
"text": "Number of overridden shadow tiddlers:"
},
"$:/language/ControlPanel/Basics/ShadowTiddlers/Prompt": {
"title": "$:/language/ControlPanel/Basics/ShadowTiddlers/Prompt",
"text": "Number of shadow tiddlers:"
},
"$:/language/ControlPanel/Basics/Subtitle/Prompt": {
"title": "$:/language/ControlPanel/Basics/Subtitle/Prompt",
"text": "Subtitle:"
},
"$:/language/ControlPanel/Basics/SystemTiddlers/Prompt": {
"title": "$:/language/ControlPanel/Basics/SystemTiddlers/Prompt",
"text": "Number of system tiddlers:"
},
"$:/language/ControlPanel/Basics/Tags/Prompt": {
"title": "$:/language/ControlPanel/Basics/Tags/Prompt",
"text": "Number of tags:"
},
"$:/language/ControlPanel/Basics/Tiddlers/Prompt": {
"title": "$:/language/ControlPanel/Basics/Tiddlers/Prompt",
"text": "Number of tiddlers:"
},
"$:/language/ControlPanel/Basics/Title/Prompt": {
"title": "$:/language/ControlPanel/Basics/Title/Prompt",
"text": "Title of this ~TiddlyWiki:"
},
"$:/language/ControlPanel/Basics/Username/Prompt": {
"title": "$:/language/ControlPanel/Basics/Username/Prompt",
"text": "Username for signing edits:"
},
"$:/language/ControlPanel/Basics/Version/Prompt": {
"title": "$:/language/ControlPanel/Basics/Version/Prompt",
"text": "~TiddlyWiki version:"
},
"$:/language/ControlPanel/EditorTypes/Caption": {
"title": "$:/language/ControlPanel/EditorTypes/Caption",
"text": "Editor Types"
},
"$:/language/ControlPanel/EditorTypes/Editor/Caption": {
"title": "$:/language/ControlPanel/EditorTypes/Editor/Caption",
"text": "Editor"
},
"$:/language/ControlPanel/EditorTypes/Hint": {
"title": "$:/language/ControlPanel/EditorTypes/Hint",
"text": "These tiddlers determine which editor is used to edit specific tiddler types."
},
"$:/language/ControlPanel/EditorTypes/Type/Caption": {
"title": "$:/language/ControlPanel/EditorTypes/Type/Caption",
"text": "Type"
},
"$:/language/ControlPanel/Info/Caption": {
"title": "$:/language/ControlPanel/Info/Caption",
"text": "Info"
},
"$:/language/ControlPanel/Info/Hint": {
"title": "$:/language/ControlPanel/Info/Hint",
"text": "Information about this TiddlyWiki"
},
"$:/language/ControlPanel/LoadedModules/Caption": {
"title": "$:/language/ControlPanel/LoadedModules/Caption",
"text": "Loaded Modules"
},
"$:/language/ControlPanel/LoadedModules/Hint": {
"title": "$:/language/ControlPanel/LoadedModules/Hint",
"text": "These are the currently loaded tiddler modules linked to their source tiddlers. Any italicised modules lack a source tiddler, typically because they were setup during the boot process."
},
"$:/language/ControlPanel/Palette/Caption": {
"title": "$:/language/ControlPanel/Palette/Caption",
"text": "Palette"
},
"$:/language/ControlPanel/Palette/Editor/Clone/Caption": {
"title": "$:/language/ControlPanel/Palette/Editor/Clone/Caption",
"text": "clone"
},
"$:/language/ControlPanel/Palette/Editor/Clone/Prompt": {
"title": "$:/language/ControlPanel/Palette/Editor/Clone/Prompt",
"text": "It is recommended that you clone this shadow palette before editing it"
},
"$:/language/ControlPanel/Palette/Editor/Prompt/Modified": {
"title": "$:/language/ControlPanel/Palette/Editor/Prompt/Modified",
"text": "This shadow palette has been modified"
},
"$:/language/ControlPanel/Palette/Editor/Prompt": {
"title": "$:/language/ControlPanel/Palette/Editor/Prompt",
"text": "Editing"
},
"$:/language/ControlPanel/Palette/Editor/Reset/Caption": {
"title": "$:/language/ControlPanel/Palette/Editor/Reset/Caption",
"text": "reset"
},
"$:/language/ControlPanel/Palette/HideEditor/Caption": {
"title": "$:/language/ControlPanel/Palette/HideEditor/Caption",
"text": "hide editor"
},
"$:/language/ControlPanel/Palette/Prompt": {
"title": "$:/language/ControlPanel/Palette/Prompt",
"text": "Current palette:"
},
"$:/language/ControlPanel/Palette/ShowEditor/Caption": {
"title": "$:/language/ControlPanel/Palette/ShowEditor/Caption",
"text": "show editor"
},
"$:/language/ControlPanel/Plugins/Add/Hint": {
"title": "$:/language/ControlPanel/Plugins/Add/Hint",
"text": "Install plugins from the official library"
},
"$:/language/ControlPanel/Plugins/Add/Caption": {
"title": "$:/language/ControlPanel/Plugins/Add/Caption",
"text": "Get more plugins"
},
"$:/language/ControlPanel/Plugins/Caption": {
"title": "$:/language/ControlPanel/Plugins/Caption",
"text": "Plugins"
},
"$:/language/ControlPanel/Plugins/Disable/Caption": {
"title": "$:/language/ControlPanel/Plugins/Disable/Caption",
"text": "disable"
},
"$:/language/ControlPanel/Plugins/Disable/Hint": {
"title": "$:/language/ControlPanel/Plugins/Disable/Hint",
"text": "Disable this plugin when reloading page"
},
"$:/language/ControlPanel/Plugins/Disabled/Status": {
"title": "$:/language/ControlPanel/Plugins/Disabled/Status",
"text": "(disabled)"
},
"$:/language/ControlPanel/Plugins/Empty/Hint": {
"title": "$:/language/ControlPanel/Plugins/Empty/Hint",
"text": "None"
},
"$:/language/ControlPanel/Plugins/Enable/Caption": {
"title": "$:/language/ControlPanel/Plugins/Enable/Caption",
"text": "enable"
},
"$:/language/ControlPanel/Plugins/Enable/Hint": {
"title": "$:/language/ControlPanel/Plugins/Enable/Hint",
"text": "Enable this plugin when reloading page"
},
"$:/language/ControlPanel/Plugins/Installed/Hint": {
"title": "$:/language/ControlPanel/Plugins/Installed/Hint",
"text": "Currently installed plugins:"
},
"$:/language/ControlPanel/Plugins/Languages/Caption": {
"title": "$:/language/ControlPanel/Plugins/Languages/Caption",
"text": "Languages"
},
"$:/language/ControlPanel/Plugins/Languages/Hint": {
"title": "$:/language/ControlPanel/Plugins/Languages/Hint",
"text": "Language pack plugins"
},
"$:/language/ControlPanel/Plugins/Plugins/Caption": {
"title": "$:/language/ControlPanel/Plugins/Plugins/Caption",
"text": "Plugins"
},
"$:/language/ControlPanel/Plugins/Plugins/Hint": {
"title": "$:/language/ControlPanel/Plugins/Plugins/Hint",
"text": "Plugins"
},
"$:/language/ControlPanel/Plugins/Themes/Caption": {
"title": "$:/language/ControlPanel/Plugins/Themes/Caption",
"text": "Themes"
},
"$:/language/ControlPanel/Plugins/Themes/Hint": {
"title": "$:/language/ControlPanel/Plugins/Themes/Hint",
"text": "Theme plugins"
},
"$:/language/ControlPanel/Saving/Caption": {
"title": "$:/language/ControlPanel/Saving/Caption",
"text": "Saving"
},
"$:/language/ControlPanel/Saving/Heading": {
"title": "$:/language/ControlPanel/Saving/Heading",
"text": "Saving"
},
"$:/language/ControlPanel/Saving/TiddlySpot/Advanced/Heading": {
"title": "$:/language/ControlPanel/Saving/TiddlySpot/Advanced/Heading",
"text": "Advanced Settings"
},
"$:/language/ControlPanel/Saving/TiddlySpot/BackupDir": {
"title": "$:/language/ControlPanel/Saving/TiddlySpot/BackupDir",
"text": "Backup Directory"
},
"$:/language/ControlPanel/Saving/TiddlySpot/Backups": {
"title": "$:/language/ControlPanel/Saving/TiddlySpot/Backups",
"text": "Backups"
},
"$:/language/ControlPanel/Saving/TiddlySpot/Description": {
"title": "$:/language/ControlPanel/Saving/TiddlySpot/Description",
"text": "These settings are only used when saving to http://tiddlyspot.com or a compatible remote server"
},
"$:/language/ControlPanel/Saving/TiddlySpot/Filename": {
"title": "$:/language/ControlPanel/Saving/TiddlySpot/Filename",
"text": "Upload Filename"
},
"$:/language/ControlPanel/Saving/TiddlySpot/Heading": {
"title": "$:/language/ControlPanel/Saving/TiddlySpot/Heading",
"text": "~TiddlySpot"
},
"$:/language/ControlPanel/Saving/TiddlySpot/Hint": {
"title": "$:/language/ControlPanel/Saving/TiddlySpot/Hint",
"text": "//The server URL defaults to `http://<wikiname>.tiddlyspot.com/store.cgi` and can be changed to use a custom server address, e.g. `http://example.com/store.php`.//"
},
"$:/language/ControlPanel/Saving/TiddlySpot/Password": {
"title": "$:/language/ControlPanel/Saving/TiddlySpot/Password",
"text": "Password"
},
"$:/language/ControlPanel/Saving/TiddlySpot/ServerURL": {
"title": "$:/language/ControlPanel/Saving/TiddlySpot/ServerURL",
"text": "Server URL"
},
"$:/language/ControlPanel/Saving/TiddlySpot/UploadDir": {
"title": "$:/language/ControlPanel/Saving/TiddlySpot/UploadDir",
"text": "Upload Directory"
},
"$:/language/ControlPanel/Saving/TiddlySpot/UserName": {
"title": "$:/language/ControlPanel/Saving/TiddlySpot/UserName",
"text": "Wiki Name"
},
"$:/language/ControlPanel/Settings/AutoSave/Caption": {
"title": "$:/language/ControlPanel/Settings/AutoSave/Caption",
"text": "Autosave"
},
"$:/language/ControlPanel/Settings/AutoSave/Disabled/Description": {
"title": "$:/language/ControlPanel/Settings/AutoSave/Disabled/Description",
"text": "Do not save changes automatically"
},
"$:/language/ControlPanel/Settings/AutoSave/Enabled/Description": {
"title": "$:/language/ControlPanel/Settings/AutoSave/Enabled/Description",
"text": "Save changes automatically"
},
"$:/language/ControlPanel/Settings/AutoSave/Hint": {
"title": "$:/language/ControlPanel/Settings/AutoSave/Hint",
"text": "Automatically save changes during editing"
},
"$:/language/ControlPanel/Settings/Caption": {
"title": "$:/language/ControlPanel/Settings/Caption",
"text": "Settings"
},
"$:/language/ControlPanel/Settings/Hint": {
"title": "$:/language/ControlPanel/Settings/Hint",
"text": "These settings let you customise the behaviour of TiddlyWiki."
},
"$:/language/ControlPanel/Settings/NavigationAddressBar/Caption": {
"title": "$:/language/ControlPanel/Settings/NavigationAddressBar/Caption",
"text": "Navigation Address Bar"
},
"$:/language/ControlPanel/Settings/NavigationAddressBar/Hint": {
"title": "$:/language/ControlPanel/Settings/NavigationAddressBar/Hint",
"text": "Behaviour of the browser address bar when navigating to a tiddler:"
},
"$:/language/ControlPanel/Settings/NavigationAddressBar/No/Description": {
"title": "$:/language/ControlPanel/Settings/NavigationAddressBar/No/Description",
"text": "Do not update the address bar"
},
"$:/language/ControlPanel/Settings/NavigationAddressBar/Permalink/Description": {
"title": "$:/language/ControlPanel/Settings/NavigationAddressBar/Permalink/Description",
"text": "Include the target tiddler"
},
"$:/language/ControlPanel/Settings/NavigationAddressBar/Permaview/Description": {
"title": "$:/language/ControlPanel/Settings/NavigationAddressBar/Permaview/Description",
"text": "Include the target tiddler and the current story sequence"
},
"$:/language/ControlPanel/Settings/NavigationHistory/Caption": {
"title": "$:/language/ControlPanel/Settings/NavigationHistory/Caption",
"text": "Navigation History"
},
"$:/language/ControlPanel/Settings/NavigationHistory/Hint": {
"title": "$:/language/ControlPanel/Settings/NavigationHistory/Hint",
"text": "Update browser history when navigating to a tiddler:"
},
"$:/language/ControlPanel/Settings/NavigationHistory/No/Description": {
"title": "$:/language/ControlPanel/Settings/NavigationHistory/No/Description",
"text": "Do not update history"
},
"$:/language/ControlPanel/Settings/NavigationHistory/Yes/Description": {
"title": "$:/language/ControlPanel/Settings/NavigationHistory/Yes/Description",
"text": "Update history"
},
"$:/language/ControlPanel/Settings/ToolbarButtonStyle/Caption": {
"title": "$:/language/ControlPanel/Settings/ToolbarButtonStyle/Caption",
"text": "Toolbar Button Style"
},
"$:/language/ControlPanel/Settings/ToolbarButtonStyle/Hint": {
"title": "$:/language/ControlPanel/Settings/ToolbarButtonStyle/Hint",
"text": "Choose the style for toolbar buttons:"
},
"$:/language/ControlPanel/Settings/ToolbarButtonStyle/Styles/Borderless": {
"title": "$:/language/ControlPanel/Settings/ToolbarButtonStyle/Styles/Borderless",
"text": "Borderless"
},
"$:/language/ControlPanel/Settings/ToolbarButtonStyle/Styles/Boxed": {
"title": "$:/language/ControlPanel/Settings/ToolbarButtonStyle/Styles/Boxed",
"text": "Boxed"
},
"$:/language/ControlPanel/Settings/ToolbarButtonStyle/Styles/Rounded": {
"title": "$:/language/ControlPanel/Settings/ToolbarButtonStyle/Styles/Rounded",
"text": "Rounded"
},
"$:/language/ControlPanel/Settings/ToolbarButtons/Caption": {
"title": "$:/language/ControlPanel/Settings/ToolbarButtons/Caption",
"text": "Toolbar Buttons"
},
"$:/language/ControlPanel/Settings/ToolbarButtons/Hint": {
"title": "$:/language/ControlPanel/Settings/ToolbarButtons/Hint",
"text": "Default toolbar button appearance:"
},
"$:/language/ControlPanel/Settings/ToolbarButtons/Icons/Description": {
"title": "$:/language/ControlPanel/Settings/ToolbarButtons/Icons/Description",
"text": "Include icon"
},
"$:/language/ControlPanel/Settings/ToolbarButtons/Text/Description": {
"title": "$:/language/ControlPanel/Settings/ToolbarButtons/Text/Description",
"text": "Include text"
},
"$:/language/ControlPanel/Settings/DefaultSidebarTab/Caption": {
"title": "$:/language/ControlPanel/Settings/DefaultSidebarTab/Caption",
"text": "Default Sidebar Tab"
},
"$:/language/ControlPanel/Settings/DefaultSidebarTab/Hint": {
"title": "$:/language/ControlPanel/Settings/DefaultSidebarTab/Hint",
"text": "Specify which sidebar tab is displayed by default"
},
"$:/language/ControlPanel/Settings/LinkToBehaviour/Caption": {
"title": "$:/language/ControlPanel/Settings/LinkToBehaviour/Caption",
"text": "Tiddler Opening Behaviour"
},
"$:/language/ControlPanel/Settings/LinkToBehaviour/InsideRiver/Hint": {
"title": "$:/language/ControlPanel/Settings/LinkToBehaviour/InsideRiver/Hint",
"text": "Navigation from //within// the story river"
},
"$:/language/ControlPanel/Settings/LinkToBehaviour/OutsideRiver/Hint": {
"title": "$:/language/ControlPanel/Settings/LinkToBehaviour/OutsideRiver/Hint",
"text": "Navigation from //outside// the story river"
},
"$:/language/ControlPanel/Settings/LinkToBehaviour/OpenAbove": {
"title": "$:/language/ControlPanel/Settings/LinkToBehaviour/OpenAbove",
"text": "Open above the current tiddler"
},
"$:/language/ControlPanel/Settings/LinkToBehaviour/OpenBelow": {
"title": "$:/language/ControlPanel/Settings/LinkToBehaviour/OpenBelow",
"text": "Open below the current tiddler"
},
"$:/language/ControlPanel/Settings/LinkToBehaviour/OpenAtTop": {
"title": "$:/language/ControlPanel/Settings/LinkToBehaviour/OpenAtTop",
"text": "Open at the top of the story river"
},
"$:/language/ControlPanel/Settings/LinkToBehaviour/OpenAtBottom": {
"title": "$:/language/ControlPanel/Settings/LinkToBehaviour/OpenAtBottom",
"text": "Open at the bottom of the story river"
},
"$:/language/ControlPanel/Settings/TitleLinks/Caption": {
"title": "$:/language/ControlPanel/Settings/TitleLinks/Caption",
"text": "Tiddler Titles"
},
"$:/language/ControlPanel/Settings/TitleLinks/Hint": {
"title": "$:/language/ControlPanel/Settings/TitleLinks/Hint",
"text": "Optionally display tiddler titles as links"
},
"$:/language/ControlPanel/Settings/TitleLinks/No/Description": {
"title": "$:/language/ControlPanel/Settings/TitleLinks/No/Description",
"text": "Do not display tiddler titles as links"
},
"$:/language/ControlPanel/Settings/TitleLinks/Yes/Description": {
"title": "$:/language/ControlPanel/Settings/TitleLinks/Yes/Description",
"text": "Display tiddler titles as links"
},
"$:/language/ControlPanel/StoryView/Caption": {
"title": "$:/language/ControlPanel/StoryView/Caption",
"text": "Story View"
},
"$:/language/ControlPanel/StoryView/Prompt": {
"title": "$:/language/ControlPanel/StoryView/Prompt",
"text": "Current view:"
},
"$:/language/ControlPanel/Theme/Caption": {
"title": "$:/language/ControlPanel/Theme/Caption",
"text": "Theme"
},
"$:/language/ControlPanel/Theme/Prompt": {
"title": "$:/language/ControlPanel/Theme/Prompt",
"text": "Current theme:"
},
"$:/language/ControlPanel/TiddlerFields/Caption": {
"title": "$:/language/ControlPanel/TiddlerFields/Caption",
"text": "Tiddler Fields"
},
"$:/language/ControlPanel/TiddlerFields/Hint": {
"title": "$:/language/ControlPanel/TiddlerFields/Hint",
"text": "This is the full set of TiddlerFields in use in this wiki (including system tiddlers but excluding shadow tiddlers)."
},
"$:/language/ControlPanel/Toolbars/Caption": {
"title": "$:/language/ControlPanel/Toolbars/Caption",
"text": "Toolbars"
},
"$:/language/ControlPanel/Toolbars/EditToolbar/Caption": {
"title": "$:/language/ControlPanel/Toolbars/EditToolbar/Caption",
"text": "Edit Toolbar"
},
"$:/language/ControlPanel/Toolbars/EditToolbar/Hint": {
"title": "$:/language/ControlPanel/Toolbars/EditToolbar/Hint",
"text": "Choose which buttons are displayed for tiddlers in edit mode"
},
"$:/language/ControlPanel/Toolbars/Hint": {
"title": "$:/language/ControlPanel/Toolbars/Hint",
"text": "Select which toolbar buttons are displayed"
},
"$:/language/ControlPanel/Toolbars/PageControls/Caption": {
"title": "$:/language/ControlPanel/Toolbars/PageControls/Caption",
"text": "Page Toolbar"
},
"$:/language/ControlPanel/Toolbars/PageControls/Hint": {
"title": "$:/language/ControlPanel/Toolbars/PageControls/Hint",
"text": "Choose which buttons are displayed on the main page toolbar "
},
"$:/language/ControlPanel/Toolbars/ViewToolbar/Caption": {
"title": "$:/language/ControlPanel/Toolbars/ViewToolbar/Caption",
"text": "View Toolbar"
},
"$:/language/ControlPanel/Toolbars/ViewToolbar/Hint": {
"title": "$:/language/ControlPanel/Toolbars/ViewToolbar/Hint",
"text": "Choose which buttons are displayed for tiddlers in view mode"
},
"$:/language/ControlPanel/Tools/Download/Full/Caption": {
"title": "$:/language/ControlPanel/Tools/Download/Full/Caption",
"text": "Download full wiki"
},
"$:/language/Date/DaySuffix/1": {
"title": "$:/language/Date/DaySuffix/1",
"text": "st"
},
"$:/language/Date/DaySuffix/2": {
"title": "$:/language/Date/DaySuffix/2",
"text": "nd"
},
"$:/language/Date/DaySuffix/3": {
"title": "$:/language/Date/DaySuffix/3",
"text": "rd"
},
"$:/language/Date/DaySuffix/4": {
"title": "$:/language/Date/DaySuffix/4",
"text": "th"
},
"$:/language/Date/DaySuffix/5": {
"title": "$:/language/Date/DaySuffix/5",
"text": "th"
},
"$:/language/Date/DaySuffix/6": {
"title": "$:/language/Date/DaySuffix/6",
"text": "th"
},
"$:/language/Date/DaySuffix/7": {
"title": "$:/language/Date/DaySuffix/7",
"text": "th"
},
"$:/language/Date/DaySuffix/8": {
"title": "$:/language/Date/DaySuffix/8",
"text": "th"
},
"$:/language/Date/DaySuffix/9": {
"title": "$:/language/Date/DaySuffix/9",
"text": "th"
},
"$:/language/Date/DaySuffix/10": {
"title": "$:/language/Date/DaySuffix/10",
"text": "th"
},
"$:/language/Date/DaySuffix/11": {
"title": "$:/language/Date/DaySuffix/11",
"text": "th"
},
"$:/language/Date/DaySuffix/12": {
"title": "$:/language/Date/DaySuffix/12",
"text": "th"
},
"$:/language/Date/DaySuffix/13": {
"title": "$:/language/Date/DaySuffix/13",
"text": "th"
},
"$:/language/Date/DaySuffix/14": {
"title": "$:/language/Date/DaySuffix/14",
"text": "th"
},
"$:/language/Date/DaySuffix/15": {
"title": "$:/language/Date/DaySuffix/15",
"text": "th"
},
"$:/language/Date/DaySuffix/16": {
"title": "$:/language/Date/DaySuffix/16",
"text": "th"
},
"$:/language/Date/DaySuffix/17": {
"title": "$:/language/Date/DaySuffix/17",
"text": "th"
},
"$:/language/Date/DaySuffix/18": {
"title": "$:/language/Date/DaySuffix/18",
"text": "th"
},
"$:/language/Date/DaySuffix/19": {
"title": "$:/language/Date/DaySuffix/19",
"text": "th"
},
"$:/language/Date/DaySuffix/20": {
"title": "$:/language/Date/DaySuffix/20",
"text": "th"
},
"$:/language/Date/DaySuffix/21": {
"title": "$:/language/Date/DaySuffix/21",
"text": "st"
},
"$:/language/Date/DaySuffix/22": {
"title": "$:/language/Date/DaySuffix/22",
"text": "nd"
},
"$:/language/Date/DaySuffix/23": {
"title": "$:/language/Date/DaySuffix/23",
"text": "rd"
},
"$:/language/Date/DaySuffix/24": {
"title": "$:/language/Date/DaySuffix/24",
"text": "th"
},
"$:/language/Date/DaySuffix/25": {
"title": "$:/language/Date/DaySuffix/25",
"text": "th"
},
"$:/language/Date/DaySuffix/26": {
"title": "$:/language/Date/DaySuffix/26",
"text": "th"
},
"$:/language/Date/DaySuffix/27": {
"title": "$:/language/Date/DaySuffix/27",
"text": "th"
},
"$:/language/Date/DaySuffix/28": {
"title": "$:/language/Date/DaySuffix/28",
"text": "th"
},
"$:/language/Date/DaySuffix/29": {
"title": "$:/language/Date/DaySuffix/29",
"text": "th"
},
"$:/language/Date/DaySuffix/30": {
"title": "$:/language/Date/DaySuffix/30",
"text": "th"
},
"$:/language/Date/DaySuffix/31": {
"title": "$:/language/Date/DaySuffix/31",
"text": "st"
},
"$:/language/Date/Long/Day/0": {
"title": "$:/language/Date/Long/Day/0",
"text": "Sunday"
},
"$:/language/Date/Long/Day/1": {
"title": "$:/language/Date/Long/Day/1",
"text": "Monday"
},
"$:/language/Date/Long/Day/2": {
"title": "$:/language/Date/Long/Day/2",
"text": "Tuesday"
},
"$:/language/Date/Long/Day/3": {
"title": "$:/language/Date/Long/Day/3",
"text": "Wednesday"
},
"$:/language/Date/Long/Day/4": {
"title": "$:/language/Date/Long/Day/4",
"text": "Thursday"
},
"$:/language/Date/Long/Day/5": {
"title": "$:/language/Date/Long/Day/5",
"text": "Friday"
},
"$:/language/Date/Long/Day/6": {
"title": "$:/language/Date/Long/Day/6",
"text": "Saturday"
},
"$:/language/Date/Long/Month/1": {
"title": "$:/language/Date/Long/Month/1",
"text": "January"
},
"$:/language/Date/Long/Month/2": {
"title": "$:/language/Date/Long/Month/2",
"text": "February"
},
"$:/language/Date/Long/Month/3": {
"title": "$:/language/Date/Long/Month/3",
"text": "March"
},
"$:/language/Date/Long/Month/4": {
"title": "$:/language/Date/Long/Month/4",
"text": "April"
},
"$:/language/Date/Long/Month/5": {
"title": "$:/language/Date/Long/Month/5",
"text": "May"
},
"$:/language/Date/Long/Month/6": {
"title": "$:/language/Date/Long/Month/6",
"text": "June"
},
"$:/language/Date/Long/Month/7": {
"title": "$:/language/Date/Long/Month/7",
"text": "July"
},
"$:/language/Date/Long/Month/8": {
"title": "$:/language/Date/Long/Month/8",
"text": "August"
},
"$:/language/Date/Long/Month/9": {
"title": "$:/language/Date/Long/Month/9",
"text": "September"
},
"$:/language/Date/Long/Month/10": {
"title": "$:/language/Date/Long/Month/10",
"text": "October"
},
"$:/language/Date/Long/Month/11": {
"title": "$:/language/Date/Long/Month/11",
"text": "November"
},
"$:/language/Date/Long/Month/12": {
"title": "$:/language/Date/Long/Month/12",
"text": "December"
},
"$:/language/Date/Period/am": {
"title": "$:/language/Date/Period/am",
"text": "am"
},
"$:/language/Date/Period/pm": {
"title": "$:/language/Date/Period/pm",
"text": "pm"
},
"$:/language/Date/Short/Day/0": {
"title": "$:/language/Date/Short/Day/0",
"text": "Sun"
},
"$:/language/Date/Short/Day/1": {
"title": "$:/language/Date/Short/Day/1",
"text": "Mon"
},
"$:/language/Date/Short/Day/2": {
"title": "$:/language/Date/Short/Day/2",
"text": "Tue"
},
"$:/language/Date/Short/Day/3": {
"title": "$:/language/Date/Short/Day/3",
"text": "Wed"
},
"$:/language/Date/Short/Day/4": {
"title": "$:/language/Date/Short/Day/4",
"text": "Thu"
},
"$:/language/Date/Short/Day/5": {
"title": "$:/language/Date/Short/Day/5",
"text": "Fri"
},
"$:/language/Date/Short/Day/6": {
"title": "$:/language/Date/Short/Day/6",
"text": "Sat"
},
"$:/language/Date/Short/Month/1": {
"title": "$:/language/Date/Short/Month/1",
"text": "Jan"
},
"$:/language/Date/Short/Month/2": {
"title": "$:/language/Date/Short/Month/2",
"text": "Feb"
},
"$:/language/Date/Short/Month/3": {
"title": "$:/language/Date/Short/Month/3",
"text": "Mar"
},
"$:/language/Date/Short/Month/4": {
"title": "$:/language/Date/Short/Month/4",
"text": "Apr"
},
"$:/language/Date/Short/Month/5": {
"title": "$:/language/Date/Short/Month/5",
"text": "May"
},
"$:/language/Date/Short/Month/6": {
"title": "$:/language/Date/Short/Month/6",
"text": "Jun"
},
"$:/language/Date/Short/Month/7": {
"title": "$:/language/Date/Short/Month/7",
"text": "Jul"
},
"$:/language/Date/Short/Month/8": {
"title": "$:/language/Date/Short/Month/8",
"text": "Aug"
},
"$:/language/Date/Short/Month/9": {
"title": "$:/language/Date/Short/Month/9",
"text": "Sep"
},
"$:/language/Date/Short/Month/10": {
"title": "$:/language/Date/Short/Month/10",
"text": "Oct"
},
"$:/language/Date/Short/Month/11": {
"title": "$:/language/Date/Short/Month/11",
"text": "Nov"
},
"$:/language/Date/Short/Month/12": {
"title": "$:/language/Date/Short/Month/12",
"text": "Dec"
},
"$:/language/RelativeDate/Future/Days": {
"title": "$:/language/RelativeDate/Future/Days",
"text": "<<period>> days from now"
},
"$:/language/RelativeDate/Future/Hours": {
"title": "$:/language/RelativeDate/Future/Hours",
"text": "<<period>> hours from now"
},
"$:/language/RelativeDate/Future/Minutes": {
"title": "$:/language/RelativeDate/Future/Minutes",
"text": "<<period>> minutes from now"
},
"$:/language/RelativeDate/Future/Months": {
"title": "$:/language/RelativeDate/Future/Months",
"text": "<<period>> months from now"
},
"$:/language/RelativeDate/Future/Second": {
"title": "$:/language/RelativeDate/Future/Second",
"text": "1 second from now"
},
"$:/language/RelativeDate/Future/Seconds": {
"title": "$:/language/RelativeDate/Future/Seconds",
"text": "<<period>> seconds from now"
},
"$:/language/RelativeDate/Future/Years": {
"title": "$:/language/RelativeDate/Future/Years",
"text": "<<period>> years from now"
},
"$:/language/RelativeDate/Past/Days": {
"title": "$:/language/RelativeDate/Past/Days",
"text": "<<period>> days ago"
},
"$:/language/RelativeDate/Past/Hours": {
"title": "$:/language/RelativeDate/Past/Hours",
"text": "<<period>> hours ago"
},
"$:/language/RelativeDate/Past/Minutes": {
"title": "$:/language/RelativeDate/Past/Minutes",
"text": "<<period>> minutes ago"
},
"$:/language/RelativeDate/Past/Months": {
"title": "$:/language/RelativeDate/Past/Months",
"text": "<<period>> months ago"
},
"$:/language/RelativeDate/Past/Second": {
"title": "$:/language/RelativeDate/Past/Second",
"text": "1 second ago"
},
"$:/language/RelativeDate/Past/Seconds": {
"title": "$:/language/RelativeDate/Past/Seconds",
"text": "<<period>> seconds ago"
},
"$:/language/RelativeDate/Past/Years": {
"title": "$:/language/RelativeDate/Past/Years",
"text": "<<period>> years ago"
},
"$:/language/Docs/ModuleTypes/animation": {
"title": "$:/language/Docs/ModuleTypes/animation",
"text": "Animations that may be used with the RevealWidget."
},
"$:/language/Docs/ModuleTypes/command": {
"title": "$:/language/Docs/ModuleTypes/command",
"text": "Commands that can be executed under Node.js."
},
"$:/language/Docs/ModuleTypes/config": {
"title": "$:/language/Docs/ModuleTypes/config",
"text": "Data to be inserted into `$tw.config`."
},
"$:/language/Docs/ModuleTypes/filteroperator": {
"title": "$:/language/Docs/ModuleTypes/filteroperator",
"text": "Individual filter operator methods."
},
"$:/language/Docs/ModuleTypes/global": {
"title": "$:/language/Docs/ModuleTypes/global",
"text": "Global data to be inserted into `$tw`."
},
"$:/language/Docs/ModuleTypes/isfilteroperator": {
"title": "$:/language/Docs/ModuleTypes/isfilteroperator",
"text": "Operands for the ''is'' filter operator."
},
"$:/language/Docs/ModuleTypes/macro": {
"title": "$:/language/Docs/ModuleTypes/macro",
"text": "JavaScript macro definitions."
},
"$:/language/Docs/ModuleTypes/parser": {
"title": "$:/language/Docs/ModuleTypes/parser",
"text": "Parsers for different content types."
},
"$:/language/Docs/ModuleTypes/saver": {
"title": "$:/language/Docs/ModuleTypes/saver",
"text": "Savers handle different methods for saving files from the browser."
},
"$:/language/Docs/ModuleTypes/startup": {
"title": "$:/language/Docs/ModuleTypes/startup",
"text": "Startup functions."
},
"$:/language/Docs/ModuleTypes/storyview": {
"title": "$:/language/Docs/ModuleTypes/storyview",
"text": "Story views customise the animation and behaviour of list widgets."
},
"$:/language/Docs/ModuleTypes/tiddlerdeserializer": {
"title": "$:/language/Docs/ModuleTypes/tiddlerdeserializer",
"text": "Converts different content types into tiddlers."
},
"$:/language/Docs/ModuleTypes/tiddlerfield": {
"title": "$:/language/Docs/ModuleTypes/tiddlerfield",
"text": "Defines the behaviour of an individual tiddler field."
},
"$:/language/Docs/ModuleTypes/tiddlermethod": {
"title": "$:/language/Docs/ModuleTypes/tiddlermethod",
"text": "Adds methods to the `$tw.Tiddler` prototype."
},
"$:/language/Docs/ModuleTypes/upgrader": {
"title": "$:/language/Docs/ModuleTypes/upgrader",
"text": "Applies upgrade processing to tiddlers during an upgrade/import."
},
"$:/language/Docs/ModuleTypes/utils": {
"title": "$:/language/Docs/ModuleTypes/utils",
"text": "Adds methods to `$tw.utils`."
},
"$:/language/Docs/ModuleTypes/utils-node": {
"title": "$:/language/Docs/ModuleTypes/utils-node",
"text": "Adds Node.js-specific methods to `$tw.utils`."
},
"$:/language/Docs/ModuleTypes/widget": {
"title": "$:/language/Docs/ModuleTypes/widget",
"text": "Widgets encapsulate DOM rendering and refreshing."
},
"$:/language/Docs/ModuleTypes/wikimethod": {
"title": "$:/language/Docs/ModuleTypes/wikimethod",
"text": "Adds methods to `$tw.Wiki`."
},
"$:/language/Docs/ModuleTypes/wikirule": {
"title": "$:/language/Docs/ModuleTypes/wikirule",
"text": "Individual parser rules for the main WikiText parser."
},
"$:/language/Docs/PaletteColours/alert-background": {
"title": "$:/language/Docs/PaletteColours/alert-background",
"text": "Alert background"
},
"$:/language/Docs/PaletteColours/alert-border": {
"title": "$:/language/Docs/PaletteColours/alert-border",
"text": "Alert border"
},
"$:/language/Docs/PaletteColours/alert-highlight": {
"title": "$:/language/Docs/PaletteColours/alert-highlight",
"text": "Alert highlight"
},
"$:/language/Docs/PaletteColours/alert-muted-foreground": {
"title": "$:/language/Docs/PaletteColours/alert-muted-foreground",
"text": "Alert muted foreground"
},
"$:/language/Docs/PaletteColours/background": {
"title": "$:/language/Docs/PaletteColours/background",
"text": "General background"
},
"$:/language/Docs/PaletteColours/blockquote-bar": {
"title": "$:/language/Docs/PaletteColours/blockquote-bar",
"text": "Blockquote bar"
},
"$:/language/Docs/PaletteColours/button-background": {
"title": "$:/language/Docs/PaletteColours/button-background",
"text": "Default button background"
},
"$:/language/Docs/PaletteColours/button-border": {
"title": "$:/language/Docs/PaletteColours/button-border",
"text": "Default button border"
},
"$:/language/Docs/PaletteColours/button-foreground": {
"title": "$:/language/Docs/PaletteColours/button-foreground",
"text": "Default button foreground"
},
"$:/language/Docs/PaletteColours/dirty-indicator": {
"title": "$:/language/Docs/PaletteColours/dirty-indicator",
"text": "Unsaved changes indicator"
},
"$:/language/Docs/PaletteColours/code-background": {
"title": "$:/language/Docs/PaletteColours/code-background",
"text": "Code background"
},
"$:/language/Docs/PaletteColours/code-border": {
"title": "$:/language/Docs/PaletteColours/code-border",
"text": "Code border"
},
"$:/language/Docs/PaletteColours/code-foreground": {
"title": "$:/language/Docs/PaletteColours/code-foreground",
"text": "Code foreground"
},
"$:/language/Docs/PaletteColours/download-background": {
"title": "$:/language/Docs/PaletteColours/download-background",
"text": "Download button background"
},
"$:/language/Docs/PaletteColours/download-foreground": {
"title": "$:/language/Docs/PaletteColours/download-foreground",
"text": "Download button foreground"
},
"$:/language/Docs/PaletteColours/dragger-background": {
"title": "$:/language/Docs/PaletteColours/dragger-background",
"text": "Dragger background"
},
"$:/language/Docs/PaletteColours/dragger-foreground": {
"title": "$:/language/Docs/PaletteColours/dragger-foreground",
"text": "Dragger foreground"
},
"$:/language/Docs/PaletteColours/dropdown-background": {
"title": "$:/language/Docs/PaletteColours/dropdown-background",
"text": "Dropdown background"
},
"$:/language/Docs/PaletteColours/dropdown-border": {
"title": "$:/language/Docs/PaletteColours/dropdown-border",
"text": "Dropdown border"
},
"$:/language/Docs/PaletteColours/dropdown-tab-background-selected": {
"title": "$:/language/Docs/PaletteColours/dropdown-tab-background-selected",
"text": "Dropdown tab background for selected tabs"
},
"$:/language/Docs/PaletteColours/dropdown-tab-background": {
"title": "$:/language/Docs/PaletteColours/dropdown-tab-background",
"text": "Dropdown tab background"
},
"$:/language/Docs/PaletteColours/dropzone-background": {
"title": "$:/language/Docs/PaletteColours/dropzone-background",
"text": "Dropzone background"
},
"$:/language/Docs/PaletteColours/external-link-background-hover": {
"title": "$:/language/Docs/PaletteColours/external-link-background-hover",
"text": "External link background hover"
},
"$:/language/Docs/PaletteColours/external-link-background-visited": {
"title": "$:/language/Docs/PaletteColours/external-link-background-visited",
"text": "External link background visited"
},
"$:/language/Docs/PaletteColours/external-link-background": {
"title": "$:/language/Docs/PaletteColours/external-link-background",
"text": "External link background"
},
"$:/language/Docs/PaletteColours/external-link-foreground-hover": {
"title": "$:/language/Docs/PaletteColours/external-link-foreground-hover",
"text": "External link foreground hover"
},
"$:/language/Docs/PaletteColours/external-link-foreground-visited": {
"title": "$:/language/Docs/PaletteColours/external-link-foreground-visited",
"text": "External link foreground visited"
},
"$:/language/Docs/PaletteColours/external-link-foreground": {
"title": "$:/language/Docs/PaletteColours/external-link-foreground",
"text": "External link foreground"
},
"$:/language/Docs/PaletteColours/foreground": {
"title": "$:/language/Docs/PaletteColours/foreground",
"text": "General foreground"
},
"$:/language/Docs/PaletteColours/message-background": {
"title": "$:/language/Docs/PaletteColours/message-background",
"text": "Message box background"
},
"$:/language/Docs/PaletteColours/message-border": {
"title": "$:/language/Docs/PaletteColours/message-border",
"text": "Message box border"
},
"$:/language/Docs/PaletteColours/message-foreground": {
"title": "$:/language/Docs/PaletteColours/message-foreground",
"text": "Message box foreground"
},
"$:/language/Docs/PaletteColours/modal-backdrop": {
"title": "$:/language/Docs/PaletteColours/modal-backdrop",
"text": "Modal backdrop"
},
"$:/language/Docs/PaletteColours/modal-background": {
"title": "$:/language/Docs/PaletteColours/modal-background",
"text": "Modal background"
},
"$:/language/Docs/PaletteColours/modal-border": {
"title": "$:/language/Docs/PaletteColours/modal-border",
"text": "Modal border"
},
"$:/language/Docs/PaletteColours/modal-footer-background": {
"title": "$:/language/Docs/PaletteColours/modal-footer-background",
"text": "Modal footer background"
},
"$:/language/Docs/PaletteColours/modal-footer-border": {
"title": "$:/language/Docs/PaletteColours/modal-footer-border",
"text": "Modal footer border"
},
"$:/language/Docs/PaletteColours/modal-header-border": {
"title": "$:/language/Docs/PaletteColours/modal-header-border",
"text": "Modal header border"
},
"$:/language/Docs/PaletteColours/muted-foreground": {
"title": "$:/language/Docs/PaletteColours/muted-foreground",
"text": "General muted foreground"
},
"$:/language/Docs/PaletteColours/notification-background": {
"title": "$:/language/Docs/PaletteColours/notification-background",
"text": "Notification background"
},
"$:/language/Docs/PaletteColours/notification-border": {
"title": "$:/language/Docs/PaletteColours/notification-border",
"text": "Notification border"
},
"$:/language/Docs/PaletteColours/page-background": {
"title": "$:/language/Docs/PaletteColours/page-background",
"text": "Page background"
},
"$:/language/Docs/PaletteColours/pre-background": {
"title": "$:/language/Docs/PaletteColours/pre-background",
"text": "Preformatted code background"
},
"$:/language/Docs/PaletteColours/pre-border": {
"title": "$:/language/Docs/PaletteColours/pre-border",
"text": "Preformatted code border"
},
"$:/language/Docs/PaletteColours/primary": {
"title": "$:/language/Docs/PaletteColours/primary",
"text": "General primary"
},
"$:/language/Docs/PaletteColours/sidebar-button-foreground": {
"title": "$:/language/Docs/PaletteColours/sidebar-button-foreground",
"text": "Sidebar button foreground"
},
"$:/language/Docs/PaletteColours/sidebar-controls-foreground-hover": {
"title": "$:/language/Docs/PaletteColours/sidebar-controls-foreground-hover",
"text": "Sidebar controls foreground hover"
},
"$:/language/Docs/PaletteColours/sidebar-controls-foreground": {
"title": "$:/language/Docs/PaletteColours/sidebar-controls-foreground",
"text": "Sidebar controls foreground"
},
"$:/language/Docs/PaletteColours/sidebar-foreground-shadow": {
"title": "$:/language/Docs/PaletteColours/sidebar-foreground-shadow",
"text": "Sidebar foreground shadow"
},
"$:/language/Docs/PaletteColours/sidebar-foreground": {
"title": "$:/language/Docs/PaletteColours/sidebar-foreground",
"text": "Sidebar foreground"
},
"$:/language/Docs/PaletteColours/sidebar-muted-foreground-hover": {
"title": "$:/language/Docs/PaletteColours/sidebar-muted-foreground-hover",
"text": "Sidebar muted foreground hover"
},
"$:/language/Docs/PaletteColours/sidebar-muted-foreground": {
"title": "$:/language/Docs/PaletteColours/sidebar-muted-foreground",
"text": "Sidebar muted foreground"
},
"$:/language/Docs/PaletteColours/sidebar-tab-background-selected": {
"title": "$:/language/Docs/PaletteColours/sidebar-tab-background-selected",
"text": "Sidebar tab background for selected tabs"
},
"$:/language/Docs/PaletteColours/sidebar-tab-background": {
"title": "$:/language/Docs/PaletteColours/sidebar-tab-background",
"text": "Sidebar tab background"
},
"$:/language/Docs/PaletteColours/sidebar-tab-border-selected": {
"title": "$:/language/Docs/PaletteColours/sidebar-tab-border-selected",
"text": "Sidebar tab border for selected tabs"
},
"$:/language/Docs/PaletteColours/sidebar-tab-border": {
"title": "$:/language/Docs/PaletteColours/sidebar-tab-border",
"text": "Sidebar tab border"
},
"$:/language/Docs/PaletteColours/sidebar-tab-divider": {
"title": "$:/language/Docs/PaletteColours/sidebar-tab-divider",
"text": "Sidebar tab divider"
},
"$:/language/Docs/PaletteColours/sidebar-tab-foreground-selected": {
"title": "$:/language/Docs/PaletteColours/sidebar-tab-foreground-selected",
"text": "Sidebar tab foreground for selected tabs"
},
"$:/language/Docs/PaletteColours/sidebar-tab-foreground": {
"title": "$:/language/Docs/PaletteColours/sidebar-tab-foreground",
"text": "Sidebar tab foreground"
},
"$:/language/Docs/PaletteColours/sidebar-tiddler-link-foreground-hover": {
"title": "$:/language/Docs/PaletteColours/sidebar-tiddler-link-foreground-hover",
"text": "Sidebar tiddler link foreground hover"
},
"$:/language/Docs/PaletteColours/sidebar-tiddler-link-foreground": {
"title": "$:/language/Docs/PaletteColours/sidebar-tiddler-link-foreground",
"text": "Sidebar tiddler link foreground"
},
"$:/language/Docs/PaletteColours/site-title-foreground": {
"title": "$:/language/Docs/PaletteColours/site-title-foreground",
"text": "Site title foreground"
},
"$:/language/Docs/PaletteColours/static-alert-foreground": {
"title": "$:/language/Docs/PaletteColours/static-alert-foreground",
"text": "Static alert foreground"
},
"$:/language/Docs/PaletteColours/tab-background-selected": {
"title": "$:/language/Docs/PaletteColours/tab-background-selected",
"text": "Tab background for selected tabs"
},
"$:/language/Docs/PaletteColours/tab-background": {
"title": "$:/language/Docs/PaletteColours/tab-background",
"text": "Tab background"
},
"$:/language/Docs/PaletteColours/tab-border-selected": {
"title": "$:/language/Docs/PaletteColours/tab-border-selected",
"text": "Tab border for selected tabs"
},
"$:/language/Docs/PaletteColours/tab-border": {
"title": "$:/language/Docs/PaletteColours/tab-border",
"text": "Tab border"
},
"$:/language/Docs/PaletteColours/tab-divider": {
"title": "$:/language/Docs/PaletteColours/tab-divider",
"text": "Tab divider"
},
"$:/language/Docs/PaletteColours/tab-foreground-selected": {
"title": "$:/language/Docs/PaletteColours/tab-foreground-selected",
"text": "Tab foreground for selected tabs"
},
"$:/language/Docs/PaletteColours/tab-foreground": {
"title": "$:/language/Docs/PaletteColours/tab-foreground",
"text": "Tab foreground"
},
"$:/language/Docs/PaletteColours/table-border": {
"title": "$:/language/Docs/PaletteColours/table-border",
"text": "Table border"
},
"$:/language/Docs/PaletteColours/table-footer-background": {
"title": "$:/language/Docs/PaletteColours/table-footer-background",
"text": "Table footer background"
},
"$:/language/Docs/PaletteColours/table-header-background": {
"title": "$:/language/Docs/PaletteColours/table-header-background",
"text": "Table header background"
},
"$:/language/Docs/PaletteColours/tag-background": {
"title": "$:/language/Docs/PaletteColours/tag-background",
"text": "Tag background"
},
"$:/language/Docs/PaletteColours/tag-foreground": {
"title": "$:/language/Docs/PaletteColours/tag-foreground",
"text": "Tag foreground"
},
"$:/language/Docs/PaletteColours/tiddler-background": {
"title": "$:/language/Docs/PaletteColours/tiddler-background",
"text": "Tiddler background"
},
"$:/language/Docs/PaletteColours/tiddler-border": {
"title": "$:/language/Docs/PaletteColours/tiddler-border",
"text": "Tiddler border"
},
"$:/language/Docs/PaletteColours/tiddler-controls-foreground-hover": {
"title": "$:/language/Docs/PaletteColours/tiddler-controls-foreground-hover",
"text": "Tiddler controls foreground hover"
},
"$:/language/Docs/PaletteColours/tiddler-controls-foreground-selected": {
"title": "$:/language/Docs/PaletteColours/tiddler-controls-foreground-selected",
"text": "Tiddler controls foreground for selected controls"
},
"$:/language/Docs/PaletteColours/tiddler-controls-foreground": {
"title": "$:/language/Docs/PaletteColours/tiddler-controls-foreground",
"text": "Tiddler controls foreground"
},
"$:/language/Docs/PaletteColours/tiddler-editor-background": {
"title": "$:/language/Docs/PaletteColours/tiddler-editor-background",
"text": "Tiddler editor background"
},
"$:/language/Docs/PaletteColours/tiddler-editor-border-image": {
"title": "$:/language/Docs/PaletteColours/tiddler-editor-border-image",
"text": "Tiddler editor border image"
},
"$:/language/Docs/PaletteColours/tiddler-editor-border": {
"title": "$:/language/Docs/PaletteColours/tiddler-editor-border",
"text": "Tiddler editor border"
},
"$:/language/Docs/PaletteColours/tiddler-editor-fields-even": {
"title": "$:/language/Docs/PaletteColours/tiddler-editor-fields-even",
"text": "Tiddler editor background for even fields"
},
"$:/language/Docs/PaletteColours/tiddler-editor-fields-odd": {
"title": "$:/language/Docs/PaletteColours/tiddler-editor-fields-odd",
"text": "Tiddler editor background for odd fields"
},
"$:/language/Docs/PaletteColours/tiddler-info-background": {
"title": "$:/language/Docs/PaletteColours/tiddler-info-background",
"text": "Tiddler info panel background"
},
"$:/language/Docs/PaletteColours/tiddler-info-border": {
"title": "$:/language/Docs/PaletteColours/tiddler-info-border",
"text": "Tiddler info panel border"
},
"$:/language/Docs/PaletteColours/tiddler-info-tab-background": {
"title": "$:/language/Docs/PaletteColours/tiddler-info-tab-background",
"text": "Tiddler info panel tab background"
},
"$:/language/Docs/PaletteColours/tiddler-link-background": {
"title": "$:/language/Docs/PaletteColours/tiddler-link-background",
"text": "Tiddler link background"
},
"$:/language/Docs/PaletteColours/tiddler-link-foreground": {
"title": "$:/language/Docs/PaletteColours/tiddler-link-foreground",
"text": "Tiddler link foreground"
},
"$:/language/Docs/PaletteColours/tiddler-subtitle-foreground": {
"title": "$:/language/Docs/PaletteColours/tiddler-subtitle-foreground",
"text": "Tiddler subtitle foreground"
},
"$:/language/Docs/PaletteColours/tiddler-title-foreground": {
"title": "$:/language/Docs/PaletteColours/tiddler-title-foreground",
"text": "Tiddler title foreground"
},
"$:/language/Docs/PaletteColours/toolbar-new-button": {
"title": "$:/language/Docs/PaletteColours/toolbar-new-button",
"text": "Toolbar 'new tiddler' button foreground"
},
"$:/language/Docs/PaletteColours/toolbar-options-button": {
"title": "$:/language/Docs/PaletteColours/toolbar-options-button",
"text": "Toolbar 'options' button foreground"
},
"$:/language/Docs/PaletteColours/toolbar-save-button": {
"title": "$:/language/Docs/PaletteColours/toolbar-save-button",
"text": "Toolbar 'save' button foreground"
},
"$:/language/Docs/PaletteColours/toolbar-info-button": {
"title": "$:/language/Docs/PaletteColours/toolbar-info-button",
"text": "Toolbar 'info' button foreground"
},
"$:/language/Docs/PaletteColours/toolbar-edit-button": {
"title": "$:/language/Docs/PaletteColours/toolbar-edit-button",
"text": "Toolbar 'edit' button foreground"
},
"$:/language/Docs/PaletteColours/toolbar-close-button": {
"title": "$:/language/Docs/PaletteColours/toolbar-close-button",
"text": "Toolbar 'close' button foreground"
},
"$:/language/Docs/PaletteColours/toolbar-delete-button": {
"title": "$:/language/Docs/PaletteColours/toolbar-delete-button",
"text": "Toolbar 'delete' button foreground"
},
"$:/language/Docs/PaletteColours/toolbar-cancel-button": {
"title": "$:/language/Docs/PaletteColours/toolbar-cancel-button",
"text": "Toolbar 'cancel' button foreground"
},
"$:/language/Docs/PaletteColours/toolbar-done-button": {
"title": "$:/language/Docs/PaletteColours/toolbar-done-button",
"text": "Toolbar 'done' button foreground"
},
"$:/language/Docs/PaletteColours/untagged-background": {
"title": "$:/language/Docs/PaletteColours/untagged-background",
"text": "Untagged pill background"
},
"$:/language/Docs/PaletteColours/very-muted-foreground": {
"title": "$:/language/Docs/PaletteColours/very-muted-foreground",
"text": "Very muted foreground"
},
"$:/language/EditTemplate/Body/External/Hint": {
"title": "$:/language/EditTemplate/Body/External/Hint",
"text": "This is an external tiddler stored outside of the main TiddlyWiki file. You can edit the tags and fields but cannot directly edit the content itself"
},
"$:/language/EditTemplate/Body/Hint": {
"title": "$:/language/EditTemplate/Body/Hint",
"text": "Use [[wiki text|http://tiddlywiki.com/static/WikiText.html]] to add formatting, images, and dynamic features"
},
"$:/language/EditTemplate/Body/Placeholder": {
"title": "$:/language/EditTemplate/Body/Placeholder",
"text": "Type the text for this tiddler"
},
"$:/language/EditTemplate/Body/Preview/Button/Hide": {
"title": "$:/language/EditTemplate/Body/Preview/Button/Hide",
"text": "hide preview"
},
"$:/language/EditTemplate/Body/Preview/Button/Show": {
"title": "$:/language/EditTemplate/Body/Preview/Button/Show",
"text": "show preview"
},
"$:/language/EditTemplate/Field/Remove/Caption": {
"title": "$:/language/EditTemplate/Field/Remove/Caption",
"text": "remove field"
},
"$:/language/EditTemplate/Field/Remove/Hint": {
"title": "$:/language/EditTemplate/Field/Remove/Hint",
"text": "Remove field"
},
"$:/language/EditTemplate/Fields/Add/Button": {
"title": "$:/language/EditTemplate/Fields/Add/Button",
"text": "add"
},
"$:/language/EditTemplate/Fields/Add/Name/Placeholder": {
"title": "$:/language/EditTemplate/Fields/Add/Name/Placeholder",
"text": "field name"
},
"$:/language/EditTemplate/Fields/Add/Prompt": {
"title": "$:/language/EditTemplate/Fields/Add/Prompt",
"text": "Add a new field:"
},
"$:/language/EditTemplate/Fields/Add/Value/Placeholder": {
"title": "$:/language/EditTemplate/Fields/Add/Value/Placeholder",
"text": "field value"
},
"$:/language/EditTemplate/Fields/Add/Dropdown/System": {
"title": "$:/language/EditTemplate/Fields/Add/Dropdown/System",
"text": "System fields"
},
"$:/language/EditTemplate/Fields/Add/Dropdown/User": {
"title": "$:/language/EditTemplate/Fields/Add/Dropdown/User",
"text": "User fields"
},
"$:/language/EditTemplate/Shadow/Warning": {
"title": "$:/language/EditTemplate/Shadow/Warning",
"text": "This is a shadow tiddler. Any changes will override the default version"
},
"$:/language/EditTemplate/Shadow/OverriddenWarning": {
"title": "$:/language/EditTemplate/Shadow/OverriddenWarning",
"text": "This is a modified shadow tiddler. You can revert to the default version by deleting this tiddler"
},
"$:/language/EditTemplate/Tags/Add/Button": {
"title": "$:/language/EditTemplate/Tags/Add/Button",
"text": "add"
},
"$:/language/EditTemplate/Tags/Add/Placeholder": {
"title": "$:/language/EditTemplate/Tags/Add/Placeholder",
"text": "tag name"
},
"$:/language/EditTemplate/Tags/Dropdown/Caption": {
"title": "$:/language/EditTemplate/Tags/Dropdown/Caption",
"text": "tag list"
},
"$:/language/EditTemplate/Tags/Dropdown/Hint": {
"title": "$:/language/EditTemplate/Tags/Dropdown/Hint",
"text": "Show tag list"
},
"$:/language/EditTemplate/Type/Dropdown/Caption": {
"title": "$:/language/EditTemplate/Type/Dropdown/Caption",
"text": "content type list"
},
"$:/language/EditTemplate/Type/Dropdown/Hint": {
"title": "$:/language/EditTemplate/Type/Dropdown/Hint",
"text": "Show content type list"
},
"$:/language/EditTemplate/Type/Delete/Caption": {
"title": "$:/language/EditTemplate/Type/Delete/Caption",
"text": "delete content type"
},
"$:/language/EditTemplate/Type/Delete/Hint": {
"title": "$:/language/EditTemplate/Type/Delete/Hint",
"text": "Delete content type"
},
"$:/language/EditTemplate/Type/Placeholder": {
"title": "$:/language/EditTemplate/Type/Placeholder",
"text": "content type"
},
"$:/language/EditTemplate/Type/Prompt": {
"title": "$:/language/EditTemplate/Type/Prompt",
"text": "Type:"
},
"$:/language/Exporters/StaticRiver": {
"title": "$:/language/Exporters/StaticRiver",
"text": "Static HTML"
},
"$:/language/Exporters/JsonFile": {
"title": "$:/language/Exporters/JsonFile",
"text": "JSON file"
},
"$:/language/Exporters/CsvFile": {
"title": "$:/language/Exporters/CsvFile",
"text": "CSV file"
},
"$:/language/Exporters/TidFile": {
"title": "$:/language/Exporters/TidFile",
"text": "\".tid\" file"
},
"$:/language/Docs/Fields/_canonical_uri": {
"title": "$:/language/Docs/Fields/_canonical_uri",
"text": "The full URI of an external image tiddler"
},
"$:/language/Docs/Fields/bag": {
"title": "$:/language/Docs/Fields/bag",
"text": "The name of the bag from which a tiddler came"
},
"$:/language/Docs/Fields/caption": {
"title": "$:/language/Docs/Fields/caption",
"text": "The text to be displayed on a tab or button"
},
"$:/language/Docs/Fields/color": {
"title": "$:/language/Docs/Fields/color",
"text": "The CSS color value associated with a tiddler"
},
"$:/language/Docs/Fields/component": {
"title": "$:/language/Docs/Fields/component",
"text": "The name of the component responsible for an [[alert tiddler|AlertMechanism]]"
},
"$:/language/Docs/Fields/current-tiddler": {
"title": "$:/language/Docs/Fields/current-tiddler",
"text": "Used to cache the top tiddler in a [[history list|HistoryMechanism]]"
},
"$:/language/Docs/Fields/created": {
"title": "$:/language/Docs/Fields/created",
"text": "The date a tiddler was created"
},
"$:/language/Docs/Fields/creator": {
"title": "$:/language/Docs/Fields/creator",
"text": "The name of the person who created a tiddler"
},
"$:/language/Docs/Fields/dependents": {
"title": "$:/language/Docs/Fields/dependents",
"text": "For a plugin, lists the dependent plugin titles"
},
"$:/language/Docs/Fields/description": {
"title": "$:/language/Docs/Fields/description",
"text": "The descriptive text for a plugin, or a modal dialogue"
},
"$:/language/Docs/Fields/draft.of": {
"title": "$:/language/Docs/Fields/draft.of",
"text": "For draft tiddlers, contains the title of the tiddler of which this is a draft"
},
"$:/language/Docs/Fields/draft.title": {
"title": "$:/language/Docs/Fields/draft.title",
"text": "For draft tiddlers, contains the proposed new title of the tiddler"
},
"$:/language/Docs/Fields/footer": {
"title": "$:/language/Docs/Fields/footer",
"text": "The footer text for a wizard"
},
"$:/language/Docs/Fields/hack-to-give-us-something-to-compare-against": {
"title": "$:/language/Docs/Fields/hack-to-give-us-something-to-compare-against",
"text": "A temporary storage field used in [[$:/core/templates/static.content]]"
},
"$:/language/Docs/Fields/icon": {
"title": "$:/language/Docs/Fields/icon",
"text": "The title of the tiddler containing the icon associated with a tiddler"
},
"$:/language/Docs/Fields/library": {
"title": "$:/language/Docs/Fields/library",
"text": "If set to \"yes\" indicates that a tiddler should be saved as a JavaScript library"
},
"$:/language/Docs/Fields/list": {
"title": "$:/language/Docs/Fields/list",
"text": "An ordered list of tiddler titles associated with a tiddler"
},
"$:/language/Docs/Fields/list-before": {
"title": "$:/language/Docs/Fields/list-before",
"text": "If set, the title of a tiddler before which this tiddler should be added to the ordered list of tiddler titles, or at the start of the list if this field is present but empty"
},
"$:/language/Docs/Fields/list-after": {
"title": "$:/language/Docs/Fields/list-after",
"text": "If set, the title of the tiddler after which this tiddler should be added to the ordered list of tiddler titles"
},
"$:/language/Docs/Fields/modified": {
"title": "$:/language/Docs/Fields/modified",
"text": "The date and time at which a tiddler was last modified"
},
"$:/language/Docs/Fields/modifier": {
"title": "$:/language/Docs/Fields/modifier",
"text": "The tiddler title associated with the person who last modified a tiddler"
},
"$:/language/Docs/Fields/name": {
"title": "$:/language/Docs/Fields/name",
"text": "The human readable name associated with a plugin tiddler"
},
"$:/language/Docs/Fields/plugin-priority": {
"title": "$:/language/Docs/Fields/plugin-priority",
"text": "A numerical value indicating the priority of a plugin tiddler"
},
"$:/language/Docs/Fields/plugin-type": {
"title": "$:/language/Docs/Fields/plugin-type",
"text": "The type of plugin in a plugin tiddler"
},
"$:/language/Docs/Fields/revision": {
"title": "$:/language/Docs/Fields/revision",
"text": "The revision of the tiddler held at the server"
},
"$:/language/Docs/Fields/released": {
"title": "$:/language/Docs/Fields/released",
"text": "Date of a TiddlyWiki release"
},
"$:/language/Docs/Fields/source": {
"title": "$:/language/Docs/Fields/source",
"text": "The source URL associated with a tiddler"
},
"$:/language/Docs/Fields/subtitle": {
"title": "$:/language/Docs/Fields/subtitle",
"text": "The subtitle text for a wizard"
},
"$:/language/Docs/Fields/tags": {
"title": "$:/language/Docs/Fields/tags",
"text": "A list of tags associated with a tiddler"
},
"$:/language/Docs/Fields/text": {
"title": "$:/language/Docs/Fields/text",
"text": "The body text of a tiddler"
},
"$:/language/Docs/Fields/title": {
"title": "$:/language/Docs/Fields/title",
"text": "The unique name of a tiddler"
},
"$:/language/Docs/Fields/type": {
"title": "$:/language/Docs/Fields/type",
"text": "The content type of a tiddler"
},
"$:/language/Docs/Fields/version": {
"title": "$:/language/Docs/Fields/version",
"text": "Version information for a plugin"
},
"$:/language/Filters/AllTiddlers": {
"title": "$:/language/Filters/AllTiddlers",
"text": "All tiddlers except system tiddlers"
},
"$:/language/Filters/RecentSystemTiddlers": {
"title": "$:/language/Filters/RecentSystemTiddlers",
"text": "Recently modified tiddlers, including system tiddlers"
},
"$:/language/Filters/RecentTiddlers": {
"title": "$:/language/Filters/RecentTiddlers",
"text": "Recently modified tiddlers"
},
"$:/language/Filters/AllTags": {
"title": "$:/language/Filters/AllTags",
"text": "All tags except system tags"
},
"$:/language/Filters/Missing": {
"title": "$:/language/Filters/Missing",
"text": "Missing tiddlers"
},
"$:/language/Filters/Drafts": {
"title": "$:/language/Filters/Drafts",
"text": "Draft tiddlers"
},
"$:/language/Filters/Orphans": {
"title": "$:/language/Filters/Orphans",
"text": "Orphan tiddlers"
},
"$:/language/Filters/SystemTiddlers": {
"title": "$:/language/Filters/SystemTiddlers",
"text": "System tiddlers"
},
"$:/language/Filters/ShadowTiddlers": {
"title": "$:/language/Filters/ShadowTiddlers",
"text": "Shadow tiddlers"
},
"$:/language/Filters/OverriddenShadowTiddlers": {
"title": "$:/language/Filters/OverriddenShadowTiddlers",
"text": "Overridden shadow tiddlers"
},
"$:/language/Filters/SystemTags": {
"title": "$:/language/Filters/SystemTags",
"text": "System tags"
},
"$:/language/Filters/TypedTiddlers": {
"title": "$:/language/Filters/TypedTiddlers",
"text": "Non wiki-text tiddlers"
},
"GettingStarted": {
"title": "GettingStarted",
"text": "\\define lingo-base() $:/language/ControlPanel/Basics/\nWelcome to ~TiddlyWiki and the ~TiddlyWiki community\n\nBefore you start storing important information in ~TiddlyWiki it is important to make sure that you can reliably save changes. See http://tiddlywiki.com/#GettingStarted for details\n\n!! Set up this ~TiddlyWiki\n\n<div class=\"tc-control-panel\">\n\n|<$link to=\"$:/SiteTitle\"><<lingo Title/Prompt>></$link> |<$edit-text tiddler=\"$:/SiteTitle\" default=\"\" tag=\"input\"/> |\n|<$link to=\"$:/SiteSubtitle\"><<lingo Subtitle/Prompt>></$link> |<$edit-text tiddler=\"$:/SiteSubtitle\" default=\"\" tag=\"input\"/> |\n|<$link to=\"$:/DefaultTiddlers\"><<lingo DefaultTiddlers/Prompt>></$link> |<<lingo DefaultTiddlers/TopHint>><br> <$edit-text tag=\"textarea\" tiddler=\"$:/DefaultTiddlers\"/><br>//<<lingo DefaultTiddlers/BottomHint>>// |\n</div>\n\nSee the [[control panel|$:/ControlPanel]] for more options.\n"
},
"$:/language/Help/build": {
"title": "$:/language/Help/build",
"description": "Automatically run configured commands",
"text": "Build the specified build targets for the current wiki. If no build targets are specified then all available targets will be built.\n\n```\n--build <target> [<target> ...]\n```\n\nBuild targets are defined in the `tiddlywiki.info` file of a wiki folder.\n\n"
},
"$:/language/Help/clearpassword": {
"title": "$:/language/Help/clearpassword",
"description": "Clear a password for subsequent crypto operations",
"text": "Clear the password for subsequent crypto operations\n\n```\n--clearpassword\n```\n"
},
"$:/language/Help/default": {
"title": "$:/language/Help/default",
"text": "\\define commandTitle()\n$:/language/Help/$(command)$\n\\end\n```\nusage: tiddlywiki [<wikifolder>] [--<command> [<args>...]...]\n```\n\nAvailable commands:\n\n<ul>\n<$list filter=\"[commands[]sort[title]]\" variable=\"command\">\n<li><$link to=<<commandTitle>>><$macrocall $name=\"command\" $type=\"text/plain\" $output=\"text/plain\"/></$link>: <$transclude tiddler=<<commandTitle>> field=\"description\"/></li>\n</$list>\n</ul>\n\nTo get detailed help on a command:\n\n```\ntiddlywiki --help <command>\n```\n"
},
"$:/language/Help/editions": {
"title": "$:/language/Help/editions",
"description": "Lists the available editions of TiddlyWiki",
"text": "Lists the names and descriptions of the available editions. You can create a new wiki of a specified edition with the `--init` command.\n\n```\n--editions\n```\n"
},
"$:/language/Help/help": {
"title": "$:/language/Help/help",
"description": "Display help for TiddlyWiki commands",
"text": "Displays help text for a command:\n\n```\n--help [<command>]\n```\n\nIf the command name is omitted then a list of available commands is displayed.\n"
},
"$:/language/Help/init": {
"title": "$:/language/Help/init",
"description": "Initialise a new wiki folder",
"text": "Initialise an empty [[WikiFolder|WikiFolders]] with a copy of the specified edition.\n\n```\n--init <edition> [<edition> ...]\n```\n\nFor example:\n\n```\ntiddlywiki ./MyWikiFolder --init empty\n```\n\nNote:\n\n* The wiki folder directory will be created if necessary\n* The \"edition\" defaults to ''empty''\n* The init command will fail if the wiki folder is not empty\n* The init command removes any `includeWikis` definitions in the edition's `tiddlywiki.info` file\n* When multiple editions are specified, editions initialised later will overwrite any files shared with earlier editions (so, the final `tiddlywiki.info` file will be copied from the last edition)\n* `--editions` returns a list of available editions\n"
},
"$:/language/Help/load": {
"title": "$:/language/Help/load",
"description": "Load tiddlers from a file",
"text": "Load tiddlers from 2.x.x TiddlyWiki files (`.html`), `.tiddler`, `.tid`, `.json` or other files \n\n```\n--load <filepath>\n```\n\nTo load tiddlers from an encrypted TiddlyWiki file you should first specify the password with the PasswordCommand. For example:\n\n```\ntiddlywiki ./MyWiki --password pa55w0rd --load my_encrypted_wiki.html\n```\n\nNote that TiddlyWiki will not load an older version of an already loaded plugin.\n"
},
"$:/language/Help/makelibrary": {
"title": "$:/language/Help/makelibrary",
"description": "Construct library plugin required by upgrade process",
"text": "Constructs the `$:/UpgradeLibrary` tiddler for the upgrade process.\n\nThe upgrade library is formatted as an ordinary plugin tiddler with the plugin type `library`. It contains a copy of each of the plugins, themes and language packs available within the TiddlyWiki5 repository.\n\nThis command is intended for internal use; it is only relevant to users constructing a custom upgrade procedure.\n\n```\n--makelibrary <title>\n```\n\nThe title argument defaults to `$:/UpgradeLibrary`.\n"
},
"$:/language/Help/notfound": {
"title": "$:/language/Help/notfound",
"text": "No such help item"
},
"$:/language/Help/output": {
"title": "$:/language/Help/output",
"description": "Set the base output directory for subsequent commands",
"text": "Sets the base output directory for subsequent commands. The default output directory is the `output` subdirectory of the edition directory.\n\n```\n--output <pathname>\n```\n\nIf the specified pathname is relative then it is resolved relative to the current working directory. For example `--output .` sets the output directory to the current working directory.\n\n"
},
"$:/language/Help/password": {
"title": "$:/language/Help/password",
"description": "Set a password for subsequent crypto operations",
"text": "Set a password for subsequent crypto operations\n\n```\n--password <password>\n```\n\n"
},
"$:/language/Help/rendertiddler": {
"title": "$:/language/Help/rendertiddler",
"description": "Render an individual tiddler as a specified ContentType",
"text": "Render an individual tiddler as a specified ContentType, defaults to `text/html` and save it to the specified filename:\n\n```\n--rendertiddler <title> <filename> [<type>]\n```\n\nBy default, the filename is resolved relative to the `output` subdirectory of the edition directory. The `--output` command can be used to direct output to a different directory.\n\nAny missing directories in the path to the filename are automatically created.\n"
},
"$:/language/Help/rendertiddlers": {
"title": "$:/language/Help/rendertiddlers",
"description": "Render tiddlers matching a filter to a specified ContentType",
"text": "Render a set of tiddlers matching a filter to separate files of a specified ContentType (defaults to `text/html`) and extension (defaults to `.html`).\n\n```\n--rendertiddlers <filter> <template> <pathname> [<type>] [<extension>] [\"noclean\"]\n```\n\nFor example:\n\n```\n--rendertiddlers [!is[system]] $:/core/templates/static.tiddler.html ./static text/plain\n```\n\nBy default, the pathname is resolved relative to the `output` subdirectory of the edition directory. The `--output` command can be used to direct output to a different directory.\n\nAny files in the target directory are deleted unless the \"noclean\" parameter is specified. The target directory is recursively created if it is missing.\n"
},
"$:/language/Help/savetiddler": {
"title": "$:/language/Help/savetiddler",
"description": "Saves a raw tiddler to a file",
"text": "Saves an individual tiddler in its raw text or binary format to the specified filename. \n\n```\n--savetiddler <title> <filename>\n```\n\nBy default, the filename is resolved relative to the `output` subdirectory of the edition directory. The `--output` command can be used to direct output to a different directory.\n\nAny missing directories in the path to the filename are automatically created.\n"
},
"$:/language/Help/savetiddlers": {
"title": "$:/language/Help/savetiddlers",
"description": "Saves a group of raw tiddlers to a directory",
"text": "Saves a group of tiddlers in their raw text or binary format to the specified directory. \n\n```\n--savetiddlers <filter> <pathname>\n```\n\nBy default, the pathname is resolved relative to the `output` subdirectory of the edition directory. The `--output` command can be used to direct output to a different directory.\n\nAny missing directories in the pathname are automatically created.\n"
},
"$:/language/Help/server": {
"title": "$:/language/Help/server",
"description": "Provides an HTTP server interface to TiddlyWiki",
"text": "The server built in to TiddlyWiki5 is very simple. Although compatible with TiddlyWeb it doesn't support many of the features needed for robust Internet-facing usage.\n\nAt the root, it serves a rendering of a specified tiddler. Away from the root, it serves individual tiddlers encoded in JSON, and supports the basic HTTP operations for `GET`, `PUT` and `DELETE`.\n\n```\n--server <port> <roottiddler> <rendertype> <servetype> <username> <password> <host> <pathprefix>\n```\n\nThe parameters are:\n\n* ''port'' - port number to serve from (defaults to \"8080\")\n* ''roottiddler'' - the tiddler to serve at the root (defaults to \"$:/core/save/all\") \n* ''rendertype'' - the content type to which the root tiddler should be rendered (defaults to \"text/plain\")\n* ''servetype'' - the content type with which the root tiddler should be served (defaults to \"text/html\")\n* ''username'' - the default username for signing edits\n* ''password'' - optional password for basic authentication\n* ''host'' - optional hostname to serve from (defaults to \"127.0.0.1\" aka \"localhost\")\n* ''pathprefix'' - optional prefix for paths\n\nIf the password parameter is specified then the browser will prompt the user for the username and password. Note that the password is transmitted in plain text so this implementation isn't suitable for general use.\n\nFor example:\n\n```\n--server 8080 $:/core/save/all text/plain text/html MyUserName passw0rd\n```\n\nThe username and password can be specified as empty strings if you need to set the hostname or pathprefix and don't want to require a password:\n\n```\n--server 8080 $:/core/save/all text/plain text/html \"\" \"\" 192.168.0.245\n```\n\nTo run multiple TiddlyWiki servers at the same time you'll need to put each one on a different port.\n"
},
"$:/language/Help/setfield": {
"title": "$:/language/Help/setfield",
"description": "Prepares external tiddlers for use",
"text": "//Note that this command is experimental and may change or be replaced before being finalised//\n\nSets the specified field of a group of tiddlers to the result of wikifying a template tiddler with the `currentTiddler` variable set to the tiddler.\n\n```\n--setfield <filter> <fieldname> <templatetitle> <rendertype>\n```\n\nThe parameters are:\n\n* ''filter'' - filter identifying the tiddlers to be affected\n* ''fieldname'' - the field to modify (defaults to \"text\")\n* ''templatetitle'' - the tiddler to wikify into the specified field. If blank or missing then the specified field is deleted\n* ''type'' - the text type to render (defaults to \"text/plain\"; \"text/html\" can be used to include HTML tags)\n\n"
},
"$:/language/Help/unpackplugin": {
"title": "$:/language/Help/unpackplugin",
"description": "Unpack the payload tiddlers from a plugin",
"text": "Extract the payload tiddlers from a plugin, creating them as ordinary tiddlers:\n\n```\n--unpackplugin <title>\n```\n"
},
"$:/language/Help/verbose": {
"title": "$:/language/Help/verbose",
"description": "Triggers verbose output mode",
"text": "Triggers verbose output, useful for debugging \n\n```\n--verbose\n```\n"
},
"$:/language/Help/version": {
"title": "$:/language/Help/version",
"description": "Displays the version number of TiddlyWiki",
"text": "Displays the version number of TiddlyWiki.\n\n```\n--version\n```\n"
},
"$:/language/Import/Listing/Cancel/Caption": {
"title": "$:/language/Import/Listing/Cancel/Caption",
"text": "Cancel"
},
"$:/language/Import/Listing/Hint": {
"title": "$:/language/Import/Listing/Hint",
"text": "These tiddlers are ready to import:"
},
"$:/language/Import/Listing/Import/Caption": {
"title": "$:/language/Import/Listing/Import/Caption",
"text": "Import"
},
"$:/language/Import/Listing/Select/Caption": {
"title": "$:/language/Import/Listing/Select/Caption",
"text": "Select"
},
"$:/language/Import/Listing/Status/Caption": {
"title": "$:/language/Import/Listing/Status/Caption",
"text": "Status"
},
"$:/language/Import/Listing/Title/Caption": {
"title": "$:/language/Import/Listing/Title/Caption",
"text": "Title"
},
"$:/language/Import/Upgrader/Plugins/Suppressed/Incompatible": {
"title": "$:/language/Import/Upgrader/Plugins/Suppressed/Incompatible",
"text": "Blocked incompatible or obsolete plugin "
},
"$:/language/Import/Upgrader/Plugins/Suppressed/Version": {
"title": "$:/language/Import/Upgrader/Plugins/Suppressed/Version",
"text": "Blocked plugin (due to incoming <<incoming>> being older than existing <<existing>>)"
},
"$:/language/Import/Upgrader/Plugins/Upgraded": {
"title": "$:/language/Import/Upgrader/Plugins/Upgraded",
"text": "Upgraded plugin from <<incoming>> to <<upgraded>>"
},
"$:/language/Import/Upgrader/State/Suppressed": {
"title": "$:/language/Import/Upgrader/State/Suppressed",
"text": "Blocked temporary state tiddler"
},
"$:/language/Import/Upgrader/System/Suppressed": {
"title": "$:/language/Import/Upgrader/System/Suppressed",
"text": "Blocked system tiddler"
},
"$:/language/Import/Upgrader/ThemeTweaks/Created": {
"title": "$:/language/Import/Upgrader/ThemeTweaks/Created",
"text": "Migrated theme tweak from <$text text=<<from>>/>"
},
"$:/language/BinaryWarning/Prompt": {
"title": "$:/language/BinaryWarning/Prompt",
"text": "This tiddler contains binary data"
},
"$:/language/ClassicWarning/Hint": {
"title": "$:/language/ClassicWarning/Hint",
"text": "This tiddler is written in TiddlyWiki Classic wiki text format, which is not fully compatible with TiddlyWiki version 5. See http://tiddlywiki.com/static/Upgrading.html for more details. "
},
"$:/language/ClassicWarning/Upgrade/Caption": {
"title": "$:/language/ClassicWarning/Upgrade/Caption",
"text": "upgrade"
},
"$:/language/CloseAll/Button": {
"title": "$:/language/CloseAll/Button",
"text": "close all"
},
"$:/language/ConfirmCancelTiddler": {
"title": "$:/language/ConfirmCancelTiddler",
"text": "Do you wish to discard changes to the tiddler \"<$text text=<<title>>/>\"?"
},
"$:/language/ConfirmDeleteTiddler": {
"title": "$:/language/ConfirmDeleteTiddler",
"text": "Do you wish to delete the tiddler \"<$text text=<<title>>/>\"?"
},
"$:/language/ConfirmOverwriteTiddler": {
"title": "$:/language/ConfirmOverwriteTiddler",
"text": "Do you wish to overwrite the tiddler \"<$text text=<<title>>/>\"?"
},
"$:/language/ConfirmEditShadowTiddler": {
"title": "$:/language/ConfirmEditShadowTiddler",
"text": "You are about to edit a ShadowTiddler. Any changes will override the default system making future upgrades non-trivial. Are you sure you want to edit \"<$text text=<<title>>/>\"?"
},
"$:/language/DefaultNewTiddlerTitle": {
"title": "$:/language/DefaultNewTiddlerTitle",
"text": "New Tiddler"
},
"$:/language/DropMessage": {
"title": "$:/language/DropMessage",
"text": "Drop here (or use the 'Escape' key to cancel)"
},
"$:/language/Encryption/Cancel": {
"title": "$:/language/Encryption/Cancel",
"text": "Cancel"
},
"$:/language/Encryption/ConfirmClearPassword": {
"title": "$:/language/Encryption/ConfirmClearPassword",
"text": "Do you wish to clear the password? This will remove the encryption applied when saving this wiki"
},
"$:/language/Encryption/PromptSetPassword": {
"title": "$:/language/Encryption/PromptSetPassword",
"text": "Set a new password for this TiddlyWiki"
},
"$:/language/Encryption/Username": {
"title": "$:/language/Encryption/Username",
"text": "Username"
},
"$:/language/Encryption/Password": {
"title": "$:/language/Encryption/Password",
"text": "Password"
},
"$:/language/Encryption/RepeatPassword": {
"title": "$:/language/Encryption/RepeatPassword",
"text": "Repeat password"
},
"$:/language/Encryption/PasswordNoMatch": {
"title": "$:/language/Encryption/PasswordNoMatch",
"text": "Passwords do not match"
},
"$:/language/Encryption/SetPassword": {
"title": "$:/language/Encryption/SetPassword",
"text": "Set password"
},
"$:/language/InvalidFieldName": {
"title": "$:/language/InvalidFieldName",
"text": "Illegal characters in field name \"<$text text=<<fieldName>>/>\". Fields can only contain lowercase letters, digits and the characters underscore (`_`), hyphen (`-`) and period (`.`)"
},
"$:/language/MissingTiddler/Hint": {
"title": "$:/language/MissingTiddler/Hint",
"text": "Missing tiddler \"<$text text=<<currentTiddler>>/>\" - click {{$:/core/images/edit-button}} to create"
},
"$:/language/OfficialPluginLibrary": {
"title": "$:/language/OfficialPluginLibrary",
"text": "Official ~TiddlyWiki Plugin Library"
},
"$:/language/PluginReloadWarning": {
"title": "$:/language/PluginReloadWarning",
"text": "Please save {{$:/core/ui/Buttons/save-wiki}} and reload {{$:/core/ui/Buttons/refresh}} to allow changes to plugins to take effect"
},
"$:/language/RecentChanges/DateFormat": {
"title": "$:/language/RecentChanges/DateFormat",
"text": "DDth MMM YYYY"
},
"$:/language/SystemTiddler/Tooltip": {
"title": "$:/language/SystemTiddler/Tooltip",
"text": "This is a system tiddler"
},
"$:/language/TagManager/Colour/Heading": {
"title": "$:/language/TagManager/Colour/Heading",
"text": "Colour"
},
"$:/language/TagManager/Count/Heading": {
"title": "$:/language/TagManager/Count/Heading",
"text": "Count"
},
"$:/language/TagManager/Icon/Heading": {
"title": "$:/language/TagManager/Icon/Heading",
"text": "Icon"
},
"$:/language/TagManager/Info/Heading": {
"title": "$:/language/TagManager/Info/Heading",
"text": "Info"
},
"$:/language/TagManager/Tag/Heading": {
"title": "$:/language/TagManager/Tag/Heading",
"text": "Tag"
},
"$:/language/UnsavedChangesWarning": {
"title": "$:/language/UnsavedChangesWarning",
"text": "You have unsaved changes in TiddlyWiki"
},
"$:/language/Modals/Download": {
"title": "$:/language/Modals/Download",
"type": "text/vnd.tiddlywiki",
"subtitle": "Download changes",
"footer": "<$button message=\"tm-close-tiddler\">Close</$button>",
"help": "http://tiddlywiki.com/static/DownloadingChanges.html",
"text": "Your browser only supports manual saving.\n\nTo save your modified wiki, right click on the download link below and select \"Download file\" or \"Save file\", and then choose the folder and filename.\n\n//You can marginally speed things up by clicking the link with the control key (Windows) or the options/alt key (Mac OS X). You will not be prompted for the folder or filename, but your browser is likely to give it an unrecognisable name -- you may need to rename the file to include an `.html` extension before you can do anything useful with it.//\n\nOn smartphones that do not allow files to be downloaded you can instead bookmark the link, and then sync your bookmarks to a desktop computer from where the wiki can be saved normally.\n"
},
"$:/language/Modals/SaveInstructions": {
"title": "$:/language/Modals/SaveInstructions",
"type": "text/vnd.tiddlywiki",
"subtitle": "Save your work",
"footer": "<$button message=\"tm-close-tiddler\">Close</$button>",
"help": "http://tiddlywiki.com/static/SavingChanges.html",
"text": "Your changes to this wiki need to be saved as a ~TiddlyWiki HTML file.\n\n!!! Desktop browsers\n\n# Select ''Save As'' from the ''File'' menu\n# Choose a filename and location\n#* Some browsers also require you to explicitly specify the file saving format as ''Webpage, HTML only'' or similar\n# Close this tab\n\n!!! Smartphone browsers\n\n# Create a bookmark to this page\n#* If you've got iCloud or Google Sync set up then the bookmark will automatically sync to your desktop where you can open it and save it as above\n# Close this tab\n\n//If you open the bookmark again in Mobile Safari you will see this message again. If you want to go ahead and use the file, just click the ''close'' button below//\n"
},
"$:/config/NewJournal/Title": {
"title": "$:/config/NewJournal/Title",
"text": "DDth MMM YYYY"
},
"$:/config/NewJournal/Tags": {
"title": "$:/config/NewJournal/Tags",
"text": "Journal"
},
"$:/language/Notifications/Save/Done": {
"title": "$:/language/Notifications/Save/Done",
"text": "Saved wiki"
},
"$:/language/Notifications/Save/Starting": {
"title": "$:/language/Notifications/Save/Starting",
"text": "Starting to save wiki"
},
"$:/language/Search/DefaultResults/Caption": {
"title": "$:/language/Search/DefaultResults/Caption",
"text": "List"
},
"$:/language/Search/Filter/Caption": {
"title": "$:/language/Search/Filter/Caption",
"text": "Filter"
},
"$:/language/Search/Filter/Hint": {
"title": "$:/language/Search/Filter/Hint",
"text": "Search via a [[filter expression|http://tiddlywiki.com/static/Filters.html]]"
},
"$:/language/Search/Filter/Matches": {
"title": "$:/language/Search/Filter/Matches",
"text": "//<small><<resultCount>> matches</small>//"
},
"$:/language/Search/Matches": {
"title": "$:/language/Search/Matches",
"text": "//<small><<resultCount>> matches</small>//"
},
"$:/language/Search/Shadows/Caption": {
"title": "$:/language/Search/Shadows/Caption",
"text": "Shadows"
},
"$:/language/Search/Shadows/Hint": {
"title": "$:/language/Search/Shadows/Hint",
"text": "Search for shadow tiddlers"
},
"$:/language/Search/Shadows/Matches": {
"title": "$:/language/Search/Shadows/Matches",
"text": "//<small><<resultCount>> matches</small>//"
},
"$:/language/Search/Standard/Caption": {
"title": "$:/language/Search/Standard/Caption",
"text": "Standard"
},
"$:/language/Search/Standard/Hint": {
"title": "$:/language/Search/Standard/Hint",
"text": "Search for standard tiddlers"
},
"$:/language/Search/Standard/Matches": {
"title": "$:/language/Search/Standard/Matches",
"text": "//<small><<resultCount>> matches</small>//"
},
"$:/language/Search/System/Caption": {
"title": "$:/language/Search/System/Caption",
"text": "System"
},
"$:/language/Search/System/Hint": {
"title": "$:/language/Search/System/Hint",
"text": "Search for system tiddlers"
},
"$:/language/Search/System/Matches": {
"title": "$:/language/Search/System/Matches",
"text": "//<small><<resultCount>> matches</small>//"
},
"$:/language/SideBar/All/Caption": {
"title": "$:/language/SideBar/All/Caption",
"text": "All"
},
"$:/language/SideBar/Contents/Caption": {
"title": "$:/language/SideBar/Contents/Caption",
"text": "Contents"
},
"$:/language/SideBar/Drafts/Caption": {
"title": "$:/language/SideBar/Drafts/Caption",
"text": "Drafts"
},
"$:/language/SideBar/Missing/Caption": {
"title": "$:/language/SideBar/Missing/Caption",
"text": "Missing"
},
"$:/language/SideBar/More/Caption": {
"title": "$:/language/SideBar/More/Caption",
"text": "More"
},
"$:/language/SideBar/Open/Caption": {
"title": "$:/language/SideBar/Open/Caption",
"text": "Open"
},
"$:/language/SideBar/Orphans/Caption": {
"title": "$:/language/SideBar/Orphans/Caption",
"text": "Orphans"
},
"$:/language/SideBar/Recent/Caption": {
"title": "$:/language/SideBar/Recent/Caption",
"text": "Recent"
},
"$:/language/SideBar/Shadows/Caption": {
"title": "$:/language/SideBar/Shadows/Caption",
"text": "Shadows"
},
"$:/language/SideBar/System/Caption": {
"title": "$:/language/SideBar/System/Caption",
"text": "System"
},
"$:/language/SideBar/Tags/Caption": {
"title": "$:/language/SideBar/Tags/Caption",
"text": "Tags"
},
"$:/language/SideBar/Tags/Untagged/Caption": {
"title": "$:/language/SideBar/Tags/Untagged/Caption",
"text": "untagged"
},
"$:/language/SideBar/Tools/Caption": {
"title": "$:/language/SideBar/Tools/Caption",
"text": "Tools"
},
"$:/language/SideBar/Types/Caption": {
"title": "$:/language/SideBar/Types/Caption",
"text": "Types"
},
"$:/SiteSubtitle": {
"title": "$:/SiteSubtitle",
"text": "a non-linear personal web notebook"
},
"$:/SiteTitle": {
"title": "$:/SiteTitle",
"text": "My ~TiddlyWiki"
},
"$:/language/TiddlerInfo/Advanced/Caption": {
"title": "$:/language/TiddlerInfo/Advanced/Caption",
"text": "Advanced"
},
"$:/language/TiddlerInfo/Advanced/PluginInfo/Empty/Hint": {
"title": "$:/language/TiddlerInfo/Advanced/PluginInfo/Empty/Hint",
"text": "none"
},
"$:/language/TiddlerInfo/Advanced/PluginInfo/Heading": {
"title": "$:/language/TiddlerInfo/Advanced/PluginInfo/Heading",
"text": "Plugin Details"
},
"$:/language/TiddlerInfo/Advanced/PluginInfo/Hint": {
"title": "$:/language/TiddlerInfo/Advanced/PluginInfo/Hint",
"text": "This plugin contains the following shadow tiddlers:"
},
"$:/language/TiddlerInfo/Advanced/ShadowInfo/Heading": {
"title": "$:/language/TiddlerInfo/Advanced/ShadowInfo/Heading",
"text": "Shadow Status"
},
"$:/language/TiddlerInfo/Advanced/ShadowInfo/NotShadow/Hint": {
"title": "$:/language/TiddlerInfo/Advanced/ShadowInfo/NotShadow/Hint",
"text": "The tiddler <$link to=<<infoTiddler>>><$text text=<<infoTiddler>>/></$link> is not a shadow tiddler"
},
"$:/language/TiddlerInfo/Advanced/ShadowInfo/Shadow/Hint": {
"title": "$:/language/TiddlerInfo/Advanced/ShadowInfo/Shadow/Hint",
"text": "The tiddler <$link to=<<infoTiddler>>><$text text=<<infoTiddler>>/></$link> is a shadow tiddler"
},
"$:/language/TiddlerInfo/Advanced/ShadowInfo/Shadow/Source": {
"title": "$:/language/TiddlerInfo/Advanced/ShadowInfo/Shadow/Source",
"text": "It is defined in the plugin <$link to=<<pluginTiddler>>><$text text=<<pluginTiddler>>/></$link>"
},
"$:/language/TiddlerInfo/Advanced/ShadowInfo/OverriddenShadow/Hint": {
"title": "$:/language/TiddlerInfo/Advanced/ShadowInfo/OverriddenShadow/Hint",
"text": "It is overridden by an ordinary tiddler"
},
"$:/language/TiddlerInfo/Fields/Caption": {
"title": "$:/language/TiddlerInfo/Fields/Caption",
"text": "Fields"
},
"$:/language/TiddlerInfo/List/Caption": {
"title": "$:/language/TiddlerInfo/List/Caption",
"text": "List"
},
"$:/language/TiddlerInfo/List/Empty": {
"title": "$:/language/TiddlerInfo/List/Empty",
"text": "This tiddler does not have a list"
},
"$:/language/TiddlerInfo/Listed/Caption": {
"title": "$:/language/TiddlerInfo/Listed/Caption",
"text": "Listed"
},
"$:/language/TiddlerInfo/Listed/Empty": {
"title": "$:/language/TiddlerInfo/Listed/Empty",
"text": "This tiddler is not listed by any others"
},
"$:/language/TiddlerInfo/References/Caption": {
"title": "$:/language/TiddlerInfo/References/Caption",
"text": "References"
},
"$:/language/TiddlerInfo/References/Empty": {
"title": "$:/language/TiddlerInfo/References/Empty",
"text": "No tiddlers link to this one"
},
"$:/language/TiddlerInfo/Tagging/Caption": {
"title": "$:/language/TiddlerInfo/Tagging/Caption",
"text": "Tagging"
},
"$:/language/TiddlerInfo/Tagging/Empty": {
"title": "$:/language/TiddlerInfo/Tagging/Empty",
"text": "No tiddlers are tagged with this one"
},
"$:/language/TiddlerInfo/Tools/Caption": {
"title": "$:/language/TiddlerInfo/Tools/Caption",
"text": "Tools"
},
"$:/language/Docs/Types/application/javascript": {
"title": "$:/language/Docs/Types/application/javascript",
"description": "JavaScript code",
"name": "application/javascript",
"group": "Developer"
},
"$:/language/Docs/Types/application/json": {
"title": "$:/language/Docs/Types/application/json",
"description": "JSON data",
"name": "application/json",
"group": "Developer"
},
"$:/language/Docs/Types/application/x-tiddler-dictionary": {
"title": "$:/language/Docs/Types/application/x-tiddler-dictionary",
"description": "Data dictionary",
"name": "application/x-tiddler-dictionary",
"group": "Developer"
},
"$:/language/Docs/Types/image/gif": {
"title": "$:/language/Docs/Types/image/gif",
"description": "GIF image",
"name": "image/gif",
"group": "Image"
},
"$:/language/Docs/Types/image/jpeg": {
"title": "$:/language/Docs/Types/image/jpeg",
"description": "JPEG image",
"name": "image/jpeg",
"group": "Image"
},
"$:/language/Docs/Types/image/png": {
"title": "$:/language/Docs/Types/image/png",
"description": "PNG image",
"name": "image/png",
"group": "Image"
},
"$:/language/Docs/Types/image/svg+xml": {
"title": "$:/language/Docs/Types/image/svg+xml",
"description": "Structured Vector Graphics image",
"name": "image/svg+xml",
"group": "Image"
},
"$:/language/Docs/Types/image/x-icon": {
"title": "$:/language/Docs/Types/image/x-icon",
"description": "ICO format icon file",
"name": "image/x-icon",
"group": "Image"
},
"$:/language/Docs/Types/text/css": {
"title": "$:/language/Docs/Types/text/css",
"description": "Static stylesheet",
"name": "text/css",
"group": "Developer"
},
"$:/language/Docs/Types/text/html": {
"title": "$:/language/Docs/Types/text/html",
"description": "HTML markup",
"name": "text/html",
"group": "Text"
},
"$:/language/Docs/Types/text/plain": {
"title": "$:/language/Docs/Types/text/plain",
"description": "Plain text",
"name": "text/plain",
"group": "Text"
},
"$:/language/Docs/Types/text/vnd.tiddlywiki": {
"title": "$:/language/Docs/Types/text/vnd.tiddlywiki",
"description": "TiddlyWiki 5",
"name": "text/vnd.tiddlywiki",
"group": "Text"
},
"$:/language/Docs/Types/text/x-tiddlywiki": {
"title": "$:/language/Docs/Types/text/x-tiddlywiki",
"description": "TiddlyWiki Classic",
"name": "text/x-tiddlywiki",
"group": "Text"
},
"$:/languages/en-GB/icon": {
"title": "$:/languages/en-GB/icon",
"type": "image/svg+xml",
"text": "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 60 30\" width=\"1200\" height=\"600\">\n<clipPath id=\"t\">\n\t<path d=\"M30,15 h30 v15 z v15 h-30 z h-30 v-15 z v-15 h30 z\"/>\n</clipPath>\n<path d=\"M0,0 v30 h60 v-30 z\" fill=\"#00247d\"/>\n<path d=\"M0,0 L60,30 M60,0 L0,30\" stroke=\"#fff\" stroke-width=\"6\"/>\n<path d=\"M0,0 L60,30 M60,0 L0,30\" clip-path=\"url(#t)\" stroke=\"#cf142b\" stroke-width=\"4\"/>\n<path d=\"M30,0 v30 M0,15 h60\" stroke=\"#fff\" stroke-width=\"10\"/>\n<path d=\"M30,0 v30 M0,15 h60\" stroke=\"#cf142b\" stroke-width=\"6\"/>\n</svg>\n"
},
"$:/languages/en-GB": {
"title": "$:/languages/en-GB",
"name": "en-GB",
"description": "English (British)",
"author": "JeremyRuston",
"core-version": ">=5.0.0\"",
"text": "Stub pseudo-plugin for the default language"
},
"$:/core/modules/commander.js": {
"text": "/*\\\ntitle: $:/core/modules/commander.js\ntype: application/javascript\nmodule-type: global\n\nThe $tw.Commander class is a command interpreter\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nParse a sequence of commands\n\tcommandTokens: an array of command string tokens\n\twiki: reference to the wiki store object\n\tstreams: {output:, error:}, each of which has a write(string) method\n\tcallback: a callback invoked as callback(err) where err is null if there was no error\n*/\nvar Commander = function(commandTokens,callback,wiki,streams) {\n\tvar path = require(\"path\");\n\tthis.commandTokens = commandTokens;\n\tthis.nextToken = 0;\n\tthis.callback = callback;\n\tthis.wiki = wiki;\n\tthis.streams = streams;\n\tthis.outputPath = path.resolve($tw.boot.wikiPath,$tw.config.wikiOutputSubDir);\n};\n\n/*\nAdd a string of tokens to the command queue\n*/\nCommander.prototype.addCommandTokens = function(commandTokens) {\n\tvar params = commandTokens.slice(0);\n\tparams.unshift(0);\n\tparams.unshift(this.nextToken);\n\tArray.prototype.splice.apply(this.commandTokens,params);\n};\n\n/*\nExecute the sequence of commands and invoke a callback on completion\n*/\nCommander.prototype.execute = function() {\n\tthis.executeNextCommand();\n};\n\n/*\nExecute the next command in the sequence\n*/\nCommander.prototype.executeNextCommand = function() {\n\tvar self = this;\n\t// Invoke the callback if there are no more commands\n\tif(this.nextToken >= this.commandTokens.length) {\n\t\tthis.callback(null);\n\t} else {\n\t\t// Get and check the command token\n\t\tvar commandName = this.commandTokens[this.nextToken++];\n\t\tif(commandName.substr(0,2) !== \"--\") {\n\t\t\tthis.callback(\"Missing command: \" + commandName);\n\t\t} else {\n\t\t\tcommandName = commandName.substr(2); // Trim off the --\n\t\t\t// Accumulate the parameters to the command\n\t\t\tvar params = [];\n\t\t\twhile(this.nextToken < this.commandTokens.length && \n\t\t\t\tthis.commandTokens[this.nextToken].substr(0,2) !== \"--\") {\n\t\t\t\tparams.push(this.commandTokens[this.nextToken++]);\n\t\t\t}\n\t\t\t// Get the command info\n\t\t\tvar command = $tw.commands[commandName],\n\t\t\t\tc,err;\n\t\t\tif(!command) {\n\t\t\t\tthis.callback(\"Unknown command: \" + commandName);\n\t\t\t} else {\n\t\t\t\tif(this.verbose) {\n\t\t\t\t\tthis.streams.output.write(\"Executing command: \" + commandName + \" \" + params.join(\" \") + \"\\n\");\n\t\t\t\t}\n\t\t\t\tif(command.info.synchronous) {\n\t\t\t\t\t// Synchronous command\n\t\t\t\t\tc = new command.Command(params,this);\n\t\t\t\t\terr = c.execute();\n\t\t\t\t\tif(err) {\n\t\t\t\t\t\tthis.callback(err);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.executeNextCommand();\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\t// Asynchronous command\n\t\t\t\t\tc = new command.Command(params,this,function(err) {\n\t\t\t\t\t\tif(err) {\n\t\t\t\t\t\t\tself.callback(err);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tself.executeNextCommand();\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t\terr = c.execute();\n\t\t\t\t\tif(err) {\n\t\t\t\t\t\tthis.callback(err);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n};\n\nCommander.initCommands = function(moduleType) {\n\tmoduleType = moduleType || \"command\";\n\t$tw.commands = {};\n\t$tw.modules.forEachModuleOfType(moduleType,function(title,module) {\n\t\tvar c = $tw.commands[module.info.name] = {};\n\t\t// Add the methods defined by the module\n\t\tfor(var f in module) {\n\t\t\tif($tw.utils.hop(module,f)) {\n\t\t\t\tc[f] = module[f];\n\t\t\t}\n\t\t}\n\t});\n};\n\nexports.Commander = Commander;\n\n})();\n",
"title": "$:/core/modules/commander.js",
"type": "application/javascript",
"module-type": "global"
},
"$:/core/modules/commands/build.js": {
"text": "/*\\\ntitle: $:/core/modules/commands/build.js\ntype: application/javascript\nmodule-type: command\n\nCommand to build a build target\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.info = {\n\tname: \"build\",\n\tsynchronous: true\n};\n\nvar Command = function(params,commander) {\n\tthis.params = params;\n\tthis.commander = commander;\n};\n\nCommand.prototype.execute = function() {\n\t// Get the build targets defined in the wiki\n\tvar buildTargets = $tw.boot.wikiInfo.build;\n\tif(!buildTargets) {\n\t\treturn \"No build targets defined\";\n\t}\n\t// Loop through each of the specified targets\n\tvar targets;\n\tif(this.params.length > 0) {\n\t\ttargets = this.params;\n\t} else {\n\t\ttargets = Object.keys(buildTargets);\n\t}\n\tfor(var targetIndex=0; targetIndex<targets.length; targetIndex++) {\n\t\tvar target = targets[targetIndex],\n\t\t\tcommands = buildTargets[target];\n\t\tif(!commands) {\n\t\t\treturn \"Build target '\" + target + \"' not found\";\n\t\t}\n\t\t// Add the commands to the queue\n\t\tthis.commander.addCommandTokens(commands);\n\t}\n\treturn null;\n};\n\nexports.Command = Command;\n\n})();\n",
"title": "$:/core/modules/commands/build.js",
"type": "application/javascript",
"module-type": "command"
},
"$:/core/modules/commands/clearpassword.js": {
"text": "/*\\\ntitle: $:/core/modules/commands/clearpassword.js\ntype: application/javascript\nmodule-type: command\n\nClear password for crypto operations\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.info = {\n\tname: \"clearpassword\",\n\tsynchronous: true\n};\n\nvar Command = function(params,commander,callback) {\n\tthis.params = params;\n\tthis.commander = commander;\n\tthis.callback = callback;\n};\n\nCommand.prototype.execute = function() {\n\t$tw.crypto.setPassword(null);\n\treturn null;\n};\n\nexports.Command = Command;\n\n})();\n",
"title": "$:/core/modules/commands/clearpassword.js",
"type": "application/javascript",
"module-type": "command"
},
"$:/core/modules/commands/editions.js": {
"text": "/*\\\ntitle: $:/core/modules/commands/editions.js\ntype: application/javascript\nmodule-type: command\n\nCommand to list the available editions\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.info = {\n\tname: \"editions\",\n\tsynchronous: true\n};\n\nvar Command = function(params,commander) {\n\tthis.params = params;\n\tthis.commander = commander;\n};\n\nCommand.prototype.execute = function() {\n\tvar self = this;\n\t// Output the list\n\tthis.commander.streams.output.write(\"Available editions:\\n\\n\");\n\tvar editionInfo = $tw.utils.getEditionInfo();\n\t$tw.utils.each(editionInfo,function(info,name) {\n\t\tself.commander.streams.output.write(\" \" + name + \": \" + info.description + \"\\n\");\n\t});\n\tthis.commander.streams.output.write(\"\\n\");\n\treturn null;\n};\n\nexports.Command = Command;\n\n})();\n",
"title": "$:/core/modules/commands/editions.js",
"type": "application/javascript",
"module-type": "command"
},
"$:/core/modules/commands/help.js": {
"text": "/*\\\ntitle: $:/core/modules/commands/help.js\ntype: application/javascript\nmodule-type: command\n\nHelp command\n\n\\*/\n(function(){\n\n/*jshint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.info = {\n\tname: \"help\",\n\tsynchronous: true\n};\n\nvar Command = function(params,commander) {\n\tthis.params = params;\n\tthis.commander = commander;\n};\n\nCommand.prototype.execute = function() {\n\tvar subhelp = this.params[0] || \"default\",\n\t\thelpBase = \"$:/language/Help/\",\n\t\ttext;\n\tif(!this.commander.wiki.getTiddler(helpBase + subhelp)) {\n\t\tsubhelp = \"notfound\";\n\t}\n\t// Wikify the help as formatted text (ie block elements generate newlines)\n\ttext = this.commander.wiki.renderTiddler(\"text/plain-formatted\",helpBase + subhelp);\n\t// Remove any leading linebreaks\n\ttext = text.replace(/^(\\r?\\n)*/g,\"\");\n\tthis.commander.streams.output.write(text);\n};\n\nexports.Command = Command;\n\n})();\n",
"title": "$:/core/modules/commands/help.js",
"type": "application/javascript",
"module-type": "command"
},
"$:/core/modules/commands/init.js": {
"text": "/*\\\ntitle: $:/core/modules/commands/init.js\ntype: application/javascript\nmodule-type: command\n\nCommand to initialise an empty wiki folder\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.info = {\n\tname: \"init\",\n\tsynchronous: true\n};\n\nvar Command = function(params,commander) {\n\tthis.params = params;\n\tthis.commander = commander;\n};\n\nCommand.prototype.execute = function() {\n\tvar fs = require(\"fs\"),\n\t\tpath = require(\"path\");\n\t// Check that we don't already have a valid wiki folder\n\tif($tw.boot.wikiTiddlersPath || ($tw.utils.isDirectory($tw.boot.wikiPath) && !$tw.utils.isDirectoryEmpty($tw.boot.wikiPath))) {\n\t\treturn \"Wiki folder is not empty\";\n\t}\n\t// Loop through each of the specified editions\n\tvar editions = this.params.length > 0 ? this.params : [\"empty\"];\n\tfor(var editionIndex=0; editionIndex<editions.length; editionIndex++) {\n\t\tvar editionName = editions[editionIndex];\n\t\t// Check the edition exists\n\t\tvar editionPath = $tw.findLibraryItem(editionName,$tw.getLibraryItemSearchPaths($tw.config.editionsPath,$tw.config.editionsEnvVar));\n\t\tif(!$tw.utils.isDirectory(editionPath)) {\n\t\t\treturn \"Edition '\" + editionName + \"' not found\";\n\t\t}\n\t\t// Copy the edition content\n\t\tvar err = $tw.utils.copyDirectory(editionPath,$tw.boot.wikiPath);\n\t\tif(!err) {\n\t\t\tthis.commander.streams.output.write(\"Copied edition '\" + editionName + \"' to \" + $tw.boot.wikiPath + \"\\n\");\n\t\t} else {\n\t\t\treturn err;\n\t\t}\n\t}\n\t// Tweak the tiddlywiki.info to remove any included wikis\n\tvar packagePath = $tw.boot.wikiPath + \"/tiddlywiki.info\",\n\t\tpackageJson = JSON.parse(fs.readFileSync(packagePath));\n\tdelete packageJson.includeWikis;\n\tfs.writeFileSync(packagePath,JSON.stringify(packageJson,null,$tw.config.preferences.jsonSpaces));\n\treturn null;\n};\n\nexports.Command = Command;\n\n})();\n",
"title": "$:/core/modules/commands/init.js",
"type": "application/javascript",
"module-type": "command"
},
"$:/core/modules/commands/load.js": {
"text": "/*\\\ntitle: $:/core/modules/commands/load.js\ntype: application/javascript\nmodule-type: command\n\nCommand to load tiddlers from a file\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.info = {\n\tname: \"load\",\n\tsynchronous: false\n};\n\nvar Command = function(params,commander,callback) {\n\tthis.params = params;\n\tthis.commander = commander;\n\tthis.callback = callback;\n};\n\nCommand.prototype.execute = function() {\n\tvar self = this,\n\t\tfs = require(\"fs\"),\n\t\tpath = require(\"path\");\n\tif(this.params.length < 1) {\n\t\treturn \"Missing filename\";\n\t}\n\tvar ext = path.extname(self.params[0]);\n\tfs.readFile(this.params[0],$tw.utils.getTypeEncoding(ext),function(err,data) {\n\t\tif (err) {\n\t\t\tself.callback(err);\n\t\t} else {\n\t\t\tvar fields = {title: self.params[0]},\n\t\t\t\ttype = path.extname(self.params[0]);\n\t\t\tvar tiddlers = self.commander.wiki.deserializeTiddlers(type,data,fields);\n\t\t\tif(!tiddlers) {\n\t\t\t\tself.callback(\"No tiddlers found in file \\\"\" + self.params[0] + \"\\\"\");\n\t\t\t} else {\n\t\t\t\tfor(var t=0; t<tiddlers.length; t++) {\n\t\t\t\t\tself.commander.wiki.importTiddler(new $tw.Tiddler(tiddlers[t]));\n\t\t\t\t}\n\t\t\t\tself.callback(null);\t\n\t\t\t}\n\t\t}\n\t});\n\treturn null;\n};\n\nexports.Command = Command;\n\n})();\n",
"title": "$:/core/modules/commands/load.js",
"type": "application/javascript",
"module-type": "command"
},
"$:/core/modules/commands/makelibrary.js": {
"text": "/*\\\ntitle: $:/core/modules/commands/makelibrary.js\ntype: application/javascript\nmodule-type: command\n\nCommand to pack all of the plugins in the library into a plugin tiddler of type \"library\"\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.info = {\n\tname: \"makelibrary\",\n\tsynchronous: true\n};\n\nvar UPGRADE_LIBRARY_TITLE = \"$:/UpgradeLibrary\";\n\nvar Command = function(params,commander,callback) {\n\tthis.params = params;\n\tthis.commander = commander;\n\tthis.callback = callback;\n};\n\nCommand.prototype.execute = function() {\n\tvar wiki = this.commander.wiki,\n\t\tfs = require(\"fs\"),\n\t\tpath = require(\"path\"),\n\t\tupgradeLibraryTitle = this.params[0] || UPGRADE_LIBRARY_TITLE,\n\t\ttiddlers = {};\n\t// Collect up the library plugins\n\tvar collectPlugins = function(folder) {\n\t\t\tvar pluginFolders = fs.readdirSync(folder);\n\t\t\tfor(var p=0; p<pluginFolders.length; p++) {\n\t\t\t\tif(!$tw.boot.excludeRegExp.test(pluginFolders[p])) {\n\t\t\t\t\tpluginFields = $tw.loadPluginFolder(path.resolve(folder,\"./\" + pluginFolders[p]));\n\t\t\t\t\tif(pluginFields && pluginFields.title) {\n\t\t\t\t\t\ttiddlers[pluginFields.title] = pluginFields;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tcollectPublisherPlugins = function(folder) {\n\t\t\tvar publisherFolders = fs.readdirSync(folder);\n\t\t\tfor(var t=0; t<publisherFolders.length; t++) {\n\t\t\t\tif(!$tw.boot.excludeRegExp.test(publisherFolders[t])) {\n\t\t\t\t\tcollectPlugins(path.resolve(folder,\"./\" + publisherFolders[t]));\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\tcollectPublisherPlugins(path.resolve($tw.boot.corePath,$tw.config.pluginsPath));\n\tcollectPublisherPlugins(path.resolve($tw.boot.corePath,$tw.config.themesPath));\n\tcollectPlugins(path.resolve($tw.boot.corePath,$tw.config.languagesPath));\n\t// Save the upgrade library tiddler\n\tvar pluginFields = {\n\t\ttitle: upgradeLibraryTitle,\n\t\ttype: \"application/json\",\n\t\t\"plugin-type\": \"library\",\n\t\t\"text\": JSON.stringify({tiddlers: tiddlers},null,$tw.config.preferences.jsonSpaces)\n\t};\n\twiki.addTiddler(new $tw.Tiddler(pluginFields));\n\treturn null;\n};\n\nexports.Command = Command;\n\n})();\n",
"title": "$:/core/modules/commands/makelibrary.js",
"type": "application/javascript",
"module-type": "command"
},
"$:/core/modules/commands/output.js": {
"text": "/*\\\ntitle: $:/core/modules/commands/output.js\ntype: application/javascript\nmodule-type: command\n\nCommand to set the default output location (defaults to current working directory)\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.info = {\n\tname: \"output\",\n\tsynchronous: true\n};\n\nvar Command = function(params,commander,callback) {\n\tthis.params = params;\n\tthis.commander = commander;\n\tthis.callback = callback;\n};\n\nCommand.prototype.execute = function() {\n\tvar fs = require(\"fs\"),\n\t\tpath = require(\"path\");\n\tif(this.params.length < 1) {\n\t\treturn \"Missing output path\";\n\t}\n\tthis.commander.outputPath = path.resolve(process.cwd(),this.params[0]);\n\treturn null;\n};\n\nexports.Command = Command;\n\n})();\n",
"title": "$:/core/modules/commands/output.js",
"type": "application/javascript",
"module-type": "command"
},
"$:/core/modules/commands/password.js": {
"text": "/*\\\ntitle: $:/core/modules/commands/password.js\ntype: application/javascript\nmodule-type: command\n\nSave password for crypto operations\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.info = {\n\tname: \"password\",\n\tsynchronous: true\n};\n\nvar Command = function(params,commander,callback) {\n\tthis.params = params;\n\tthis.commander = commander;\n\tthis.callback = callback;\n};\n\nCommand.prototype.execute = function() {\n\tif(this.params.length < 1) {\n\t\treturn \"Missing password\";\n\t}\n\t$tw.crypto.setPassword(this.params[0]);\n\treturn null;\n};\n\nexports.Command = Command;\n\n})();\n",
"title": "$:/core/modules/commands/password.js",
"type": "application/javascript",
"module-type": "command"
},
"$:/core/modules/commands/rendertiddler.js": {
"text": "/*\\\ntitle: $:/core/modules/commands/rendertiddler.js\ntype: application/javascript\nmodule-type: command\n\nCommand to render a tiddler and save it to a file\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.info = {\n\tname: \"rendertiddler\",\n\tsynchronous: false\n};\n\nvar Command = function(params,commander,callback) {\n\tthis.params = params;\n\tthis.commander = commander;\n\tthis.callback = callback;\n};\n\nCommand.prototype.execute = function() {\n\tif(this.params.length < 2) {\n\t\treturn \"Missing filename\";\n\t}\n\tvar self = this,\n\t\tfs = require(\"fs\"),\n\t\tpath = require(\"path\"),\n\t\ttitle = this.params[0],\n\t\tfilename = path.resolve(this.commander.outputPath,this.params[1]),\n\t\ttype = this.params[2] || \"text/html\";\n\t$tw.utils.createFileDirectories(filename);\n\tfs.writeFile(filename,this.commander.wiki.renderTiddler(type,title),\"utf8\",function(err) {\n\t\tself.callback(err);\n\t});\n\treturn null;\n};\n\nexports.Command = Command;\n\n})();\n",
"title": "$:/core/modules/commands/rendertiddler.js",
"type": "application/javascript",
"module-type": "command"
},
"$:/core/modules/commands/rendertiddlers.js": {
"text": "/*\\\ntitle: $:/core/modules/commands/rendertiddlers.js\ntype: application/javascript\nmodule-type: command\n\nCommand to render several tiddlers to a folder of files\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar widget = require(\"$:/core/modules/widgets/widget.js\");\n\nexports.info = {\n\tname: \"rendertiddlers\",\n\tsynchronous: true\n};\n\nvar Command = function(params,commander,callback) {\n\tthis.params = params;\n\tthis.commander = commander;\n\tthis.callback = callback;\n};\n\nCommand.prototype.execute = function() {\n\tif(this.params.length < 2) {\n\t\treturn \"Missing filename\";\n\t}\n\tvar self = this,\n\t\tfs = require(\"fs\"),\n\t\tpath = require(\"path\"),\n\t\twiki = this.commander.wiki,\n\t\tfilter = this.params[0],\n\t\ttemplate = this.params[1],\n\t\toutputPath = this.commander.outputPath,\n\t\tpathname = path.resolve(outputPath,this.params[2]),\t\t\n\t\ttype = this.params[3] || \"text/html\",\n\t\textension = this.params[4] || \".html\",\n\t\tdeleteDirectory = (this.params[5] || \"\") != \"noclean\",\n\t\ttiddlers = wiki.filterTiddlers(filter);\n\tif(deleteDirectory) {\n\t\t$tw.utils.deleteDirectory(pathname);\n\t}\n\t$tw.utils.each(tiddlers,function(title) {\n\t\tvar parser = wiki.parseTiddler(template),\n\t\t\twidgetNode = wiki.makeWidget(parser,{variables: {currentTiddler: title}}),\n\t\t\tcontainer = $tw.fakeDocument.createElement(\"div\");\n\t\twidgetNode.render(container,null);\n\t\tvar text = type === \"text/html\" ? container.innerHTML : container.textContent,\n\t\t\texportPath = null;\n\t\tif($tw.utils.hop($tw.macros,\"tv-get-export-path\")) {\n\t\t\tvar macroPath = $tw.macros[\"tv-get-export-path\"].run.apply(self,[title]);\n\t\t\tif(macroPath) {\n\t\t\t\texportPath = path.resolve(outputPath,macroPath + extension);\n\t\t\t}\n\t\t}\n\t\tvar finalPath = exportPath || path.resolve(pathname,encodeURIComponent(title) + extension);\n\t\t$tw.utils.createFileDirectories(finalPath);\n\t\tfs.writeFileSync(finalPath,text,\"utf8\");\n\t});\n\treturn null;\n};\n\nexports.Command = Command;\n\n})();\n",
"title": "$:/core/modules/commands/rendertiddlers.js",
"type": "application/javascript",
"module-type": "command"
},
"$:/core/modules/commands/savelibrarytiddlers.js": {
"text": "/*\\\ntitle: $:/core/modules/commands/savelibrarytiddlers.js\ntype: application/javascript\nmodule-type: command\n\nCommand to save the subtiddlers of a bundle tiddler as a series of JSON files\n\n--savelibrarytiddlers <tiddler> <pathname> <skinnylisting>\n\nThe tiddler identifies the bundle tiddler that contains the subtiddlers.\n\nThe pathname specifies the pathname to the folder in which the JSON files should be saved. The filename is the URL encoded title of the subtiddler.\n\nThe skinnylisting specifies the title of the tiddler to which a JSON catalogue of the subtiddlers will be saved. The JSON file contains the same data as the bundle tiddler but with the `text` field removed.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.info = {\n\tname: \"savelibrarytiddlers\",\n\tsynchronous: true\n};\n\nvar Command = function(params,commander,callback) {\n\tthis.params = params;\n\tthis.commander = commander;\n\tthis.callback = callback;\n};\n\nCommand.prototype.execute = function() {\n\tif(this.params.length < 2) {\n\t\treturn \"Missing filename\";\n\t}\n\tvar self = this,\n\t\tfs = require(\"fs\"),\n\t\tpath = require(\"path\"),\n\t\tcontainerTitle = this.params[0],\n\t\tfilter = this.params[1],\n\t\tbasepath = this.params[2],\n\t\tskinnyListTitle = this.params[3];\n\t// Get the container tiddler as data\n\tvar containerData = self.commander.wiki.getTiddlerData(containerTitle,undefined);\n\tif(!containerData) {\n\t\treturn \"'\" + containerTitle + \"' is not a tiddler bundle\";\n\t}\n\t// Filter the list of plugins\n\tvar pluginList = [];\n\t$tw.utils.each(containerData.tiddlers,function(tiddler,title) {\n\t\tpluginList.push(title);\n\t});\n\tvar filteredPluginList;\n\tif(filter) {\n\t\tfilteredPluginList = self.commander.wiki.filterTiddlers(filter,null,self.commander.wiki.makeTiddlerIterator(pluginList));\n\t} else {\n\t\tfilteredPluginList = pluginList;\n\t}\n\t// Iterate through the plugins\n\tvar skinnyList = [];\n\t$tw.utils.each(filteredPluginList,function(title) {\n\t\tvar tiddler = containerData.tiddlers[title];\n\t\t// Save each JSON file and collect the skinny data\n\t\tvar pathname = path.resolve(self.commander.outputPath,basepath + encodeURIComponent(title) + \".json\");\n\t\t$tw.utils.createFileDirectories(pathname);\n\t\tfs.writeFileSync(pathname,JSON.stringify(tiddler,null,$tw.config.preferences.jsonSpaces),\"utf8\");\n\t\t// Collect the skinny list data\n\t\tvar pluginTiddlers = JSON.parse(tiddler.text),\n\t\t\treadmeContent = (pluginTiddlers.tiddlers[title + \"/readme\"] || {}).text,\n\t\t\ticonTiddler = pluginTiddlers.tiddlers[title + \"/icon\"] || {},\n\t\t\ticonType = iconTiddler.type,\n\t\t\ticonText = iconTiddler.text,\n\t\t\ticonContent;\n\t\tif(iconType && iconText) {\n\t\t\ticonContent = $tw.utils.makeDataUri(iconText,iconType);\n\t\t}\n\t\tskinnyList.push($tw.utils.extend({},tiddler,{text: undefined, readme: readmeContent, icon: iconContent}));\n\t});\n\t// Save the catalogue tiddler\n\tif(skinnyListTitle) {\n\t\tself.commander.wiki.setTiddlerData(skinnyListTitle,skinnyList);\n\t}\n\treturn null;\n};\n\nexports.Command = Command;\n\n})();\n",
"title": "$:/core/modules/commands/savelibrarytiddlers.js",
"type": "application/javascript",
"module-type": "command"
},
"$:/core/modules/commands/savetiddler.js": {
"text": "/*\\\ntitle: $:/core/modules/commands/savetiddler.js\ntype: application/javascript\nmodule-type: command\n\nCommand to save the content of a tiddler to a file\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.info = {\n\tname: \"savetiddler\",\n\tsynchronous: false\n};\n\nvar Command = function(params,commander,callback) {\n\tthis.params = params;\n\tthis.commander = commander;\n\tthis.callback = callback;\n};\n\nCommand.prototype.execute = function() {\n\tif(this.params.length < 2) {\n\t\treturn \"Missing filename\";\n\t}\n\tvar self = this,\n\t\tfs = require(\"fs\"),\n\t\tpath = require(\"path\"),\n\t\ttitle = this.params[0],\n\t\tfilename = path.resolve(this.commander.outputPath,this.params[1]),\n\t\ttiddler = this.commander.wiki.getTiddler(title),\n\t\ttype = tiddler.fields.type || \"text/vnd.tiddlywiki\",\n\t\tcontentTypeInfo = $tw.config.contentTypeInfo[type] || {encoding: \"utf8\"};\n\t$tw.utils.createFileDirectories(filename);\n\tfs.writeFile(filename,tiddler.fields.text,contentTypeInfo.encoding,function(err) {\n\t\tself.callback(err);\n\t});\n\treturn null;\n};\n\nexports.Command = Command;\n\n})();\n",
"title": "$:/core/modules/commands/savetiddler.js",
"type": "application/javascript",
"module-type": "command"
},
"$:/core/modules/commands/savetiddlers.js": {
"text": "/*\\\ntitle: $:/core/modules/commands/savetiddlers.js\ntype: application/javascript\nmodule-type: command\n\nCommand to save several tiddlers to a folder of files\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar widget = require(\"$:/core/modules/widgets/widget.js\");\n\nexports.info = {\n\tname: \"savetiddlers\",\n\tsynchronous: true\n};\n\nvar Command = function(params,commander,callback) {\n\tthis.params = params;\n\tthis.commander = commander;\n\tthis.callback = callback;\n};\n\nCommand.prototype.execute = function() {\n\tif(this.params.length < 1) {\n\t\treturn \"Missing filename\";\n\t}\n\tvar self = this,\n\t\tfs = require(\"fs\"),\n\t\tpath = require(\"path\"),\n\t\twiki = this.commander.wiki,\n\t\tfilter = this.params[0],\n\t\tpathname = path.resolve(this.commander.outputPath,this.params[1]),\n\t\ttiddlers = wiki.filterTiddlers(filter);\n\t$tw.utils.deleteDirectory(pathname);\n\t$tw.utils.createDirectory(pathname);\n\t$tw.utils.each(tiddlers,function(title) {\n\t\tvar tiddler = self.commander.wiki.getTiddler(title),\n\t\t\ttype = tiddler.fields.type || \"text/vnd.tiddlywiki\",\n\t\t\tcontentTypeInfo = $tw.config.contentTypeInfo[type] || {encoding: \"utf8\"},\n\t\t\tfilename = path.resolve(pathname,encodeURIComponent(title));\n\t\tfs.writeFileSync(filename,tiddler.fields.text,contentTypeInfo.encoding);\n\t});\n\treturn null;\n};\n\nexports.Command = Command;\n\n})();\n",
"title": "$:/core/modules/commands/savetiddlers.js",
"type": "application/javascript",
"module-type": "command"
},
"$:/core/modules/commands/server.js": {
"text": "/*\\\ntitle: $:/core/modules/commands/server.js\ntype: application/javascript\nmodule-type: command\n\nServe tiddlers over http\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nif(!$tw.browser) {\n\tvar util = require(\"util\"),\n\t\tfs = require(\"fs\"),\n\t\turl = require(\"url\"),\n\t\tpath = require(\"path\"),\n\t\thttp = require(\"http\");\n}\n\nexports.info = {\n\tname: \"server\",\n\tsynchronous: true\n};\n\n/*\nA simple HTTP server with regexp-based routes\n*/\nfunction SimpleServer(options) {\n\tthis.routes = options.routes || [];\n\tthis.wiki = options.wiki;\n\tthis.variables = options.variables || {};\n}\n\nSimpleServer.prototype.set = function(obj) {\n\tvar self = this;\n\t$tw.utils.each(obj,function(value,name) {\n\t\tself.variables[name] = value;\n\t});\n};\n\nSimpleServer.prototype.get = function(name) {\n\treturn this.variables[name];\n};\n\nSimpleServer.prototype.addRoute = function(route) {\n\tthis.routes.push(route);\n};\n\nSimpleServer.prototype.findMatchingRoute = function(request,state) {\n\tvar pathprefix = this.get(\"pathprefix\") || \"\";\n\tfor(var t=0; t<this.routes.length; t++) {\n\t\tvar potentialRoute = this.routes[t],\n\t\t\tpathRegExp = potentialRoute.path,\n\t\t\tpathname = state.urlInfo.pathname,\n\t\t\tmatch;\n\t\tif(pathprefix) {\n\t\t\tif(pathname.substr(0,pathprefix.length) === pathprefix) {\n\t\t\t\tpathname = pathname.substr(pathprefix.length);\n\t\t\t\tmatch = potentialRoute.path.exec(pathname);\n\t\t\t} else {\n\t\t\t\tmatch = false;\n\t\t\t}\n\t\t} else {\n\t\t\tmatch = potentialRoute.path.exec(pathname);\n\t\t}\n\t\tif(match && request.method === potentialRoute.method) {\n\t\t\tstate.params = [];\n\t\t\tfor(var p=1; p<match.length; p++) {\n\t\t\t\tstate.params.push(match[p]);\n\t\t\t}\n\t\t\treturn potentialRoute;\n\t\t}\n\t}\n\treturn null;\n};\n\nSimpleServer.prototype.checkCredentials = function(request,incomingUsername,incomingPassword) {\n\tvar header = request.headers.authorization || \"\",\n\t\ttoken = header.split(/\\s+/).pop() || \"\",\n\t\tauth = $tw.utils.base64Decode(token),\n\t\tparts = auth.split(/:/),\n\t\tusername = parts[0],\n\t\tpassword = parts[1];\n\tif(incomingUsername === username && incomingPassword === password) {\n\t\treturn \"ALLOWED\";\n\t} else {\n\t\treturn \"DENIED\";\n\t}\n};\n\nSimpleServer.prototype.listen = function(port,host) {\n\tvar self = this;\n\thttp.createServer(function(request,response) {\n\t\t// Compose the state object\n\t\tvar state = {};\n\t\tstate.wiki = self.wiki;\n\t\tstate.server = self;\n\t\tstate.urlInfo = url.parse(request.url);\n\t\t// Find the route that matches this path\n\t\tvar route = self.findMatchingRoute(request,state);\n\t\t// Check for the username and password if we've got one\n\t\tvar username = self.get(\"username\"),\n\t\t\tpassword = self.get(\"password\");\n\t\tif(username && password) {\n\t\t\t// Check they match\n\t\t\tif(self.checkCredentials(request,username,password) !== \"ALLOWED\") {\n\t\t\t\tvar servername = state.wiki.getTiddlerText(\"$:/SiteTitle\") || \"TiddlyWiki5\";\n\t\t\t\tresponse.writeHead(401,\"Authentication required\",{\n\t\t\t\t\t\"WWW-Authenticate\": 'Basic realm=\"Please provide your username and password to login to ' + servername + '\"'\n\t\t\t\t});\n\t\t\t\tresponse.end();\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\t\t// Return a 404 if we didn't find a route\n\t\tif(!route) {\n\t\t\tresponse.writeHead(404);\n\t\t\tresponse.end();\n\t\t\treturn;\n\t\t}\n\t\t// Set the encoding for the incoming request\n\t\t// TODO: Presumably this would need tweaking if we supported PUTting binary tiddlers\n\t\trequest.setEncoding(\"utf8\");\n\t\t// Dispatch the appropriate method\n\t\tswitch(request.method) {\n\t\t\tcase \"GET\": // Intentional fall-through\n\t\t\tcase \"DELETE\":\n\t\t\t\troute.handler(request,response,state);\n\t\t\t\tbreak;\n\t\t\tcase \"PUT\":\n\t\t\t\tvar data = \"\";\n\t\t\t\trequest.on(\"data\",function(chunk) {\n\t\t\t\t\tdata += chunk.toString();\n\t\t\t\t});\n\t\t\t\trequest.on(\"end\",function() {\n\t\t\t\t\tstate.data = data;\n\t\t\t\t\troute.handler(request,response,state);\n\t\t\t\t});\n\t\t\t\tbreak;\n\t\t}\n\t}).listen(port,host);\n};\n\nvar Command = function(params,commander,callback) {\n\tthis.params = params;\n\tthis.commander = commander;\n\tthis.callback = callback;\n\t// Set up server\n\tthis.server = new SimpleServer({\n\t\twiki: this.commander.wiki\n\t});\n\t// Add route handlers\n\tthis.server.addRoute({\n\t\tmethod: \"PUT\",\n\t\tpath: /^\\/recipes\\/default\\/tiddlers\\/(.+)$/,\n\t\thandler: function(request,response,state) {\n\t\t\tvar title = decodeURIComponent(state.params[0]),\n\t\t\t\tfields = JSON.parse(state.data);\n\t\t\t// Pull up any subfields in the `fields` object\n\t\t\tif(fields.fields) {\n\t\t\t\t$tw.utils.each(fields.fields,function(field,name) {\n\t\t\t\t\tfields[name] = field;\n\t\t\t\t});\n\t\t\t\tdelete fields.fields;\n\t\t\t}\n\t\t\t// Remove any revision field\n\t\t\tif(fields.revision) {\n\t\t\t\tdelete fields.revision;\n\t\t\t}\n\t\t\tstate.wiki.addTiddler(new $tw.Tiddler(state.wiki.getCreationFields(),fields,{title: title}));\n\t\t\tvar changeCount = state.wiki.getChangeCount(title).toString();\n\t\t\tresponse.writeHead(204, \"OK\",{\n\t\t\t\tEtag: \"\\\"default/\" + encodeURIComponent(title) + \"/\" + changeCount + \":\\\"\",\n\t\t\t\t\"Content-Type\": \"text/plain\"\n\t\t\t});\n\t\t\tresponse.end();\n\t\t}\n\t});\n\tthis.server.addRoute({\n\t\tmethod: \"DELETE\",\n\t\tpath: /^\\/bags\\/default\\/tiddlers\\/(.+)$/,\n\t\thandler: function(request,response,state) {\n\t\t\tvar title = decodeURIComponent(state.params[0]);\n\t\t\tstate.wiki.deleteTiddler(title);\n\t\t\tresponse.writeHead(204, \"OK\", {\n\t\t\t\t\"Content-Type\": \"text/plain\"\n\t\t\t});\n\t\t\tresponse.end();\n\t\t}\n\t});\n\tthis.server.addRoute({\n\t\tmethod: \"GET\",\n\t\tpath: /^\\/$/,\n\t\thandler: function(request,response,state) {\n\t\t\tresponse.writeHead(200, {\"Content-Type\": state.server.get(\"serveType\")});\n\t\t\tvar text = state.wiki.renderTiddler(state.server.get(\"renderType\"),state.server.get(\"rootTiddler\"));\n\t\t\tresponse.end(text,\"utf8\");\n\t\t}\n\t});\n\tthis.server.addRoute({\n\t\tmethod: \"GET\",\n\t\tpath: /^\\/status$/,\n\t\thandler: function(request,response,state) {\n\t\t\tresponse.writeHead(200, {\"Content-Type\": \"application/json\"});\n\t\t\tvar text = JSON.stringify({\n\t\t\t\tusername: state.server.get(\"username\"),\n\t\t\t\tspace: {\n\t\t\t\t\trecipe: \"default\"\n\t\t\t\t},\n\t\t\t\ttiddlywiki_version: $tw.version\n\t\t\t});\n\t\t\tresponse.end(text,\"utf8\");\n\t\t}\n\t});\n\tthis.server.addRoute({\n\t\tmethod: \"GET\",\n\t\tpath: /^\\/favicon.ico$/,\n\t\thandler: function(request,response,state) {\n\t\t\tresponse.writeHead(200, {\"Content-Type\": \"image/x-icon\"});\n\t\t\tvar buffer = state.wiki.getTiddlerText(\"$:/favicon.ico\",\"\");\n\t\t\tresponse.end(buffer,\"base64\");\n\t\t}\n\t});\n\tthis.server.addRoute({\n\t\tmethod: \"GET\",\n\t\tpath: /^\\/recipes\\/default\\/tiddlers.json$/,\n\t\thandler: function(request,response,state) {\n\t\t\tresponse.writeHead(200, {\"Content-Type\": \"application/json\"});\n\t\t\tvar tiddlers = [];\n\t\t\tstate.wiki.forEachTiddler({sortField: \"title\"},function(title,tiddler) {\n\t\t\t\tvar tiddlerFields = {};\n\t\t\t\t$tw.utils.each(tiddler.fields,function(field,name) {\n\t\t\t\t\tif(name !== \"text\") {\n\t\t\t\t\t\ttiddlerFields[name] = tiddler.getFieldString(name);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\ttiddlerFields.revision = state.wiki.getChangeCount(title);\n\t\t\t\ttiddlerFields.type = tiddlerFields.type || \"text/vnd.tiddlywiki\";\n\t\t\t\ttiddlers.push(tiddlerFields);\n\t\t\t});\n\t\t\tvar text = JSON.stringify(tiddlers);\n\t\t\tresponse.end(text,\"utf8\");\n\t\t}\n\t});\n\tthis.server.addRoute({\n\t\tmethod: \"GET\",\n\t\tpath: /^\\/recipes\\/default\\/tiddlers\\/(.+)$/,\n\t\thandler: function(request,response,state) {\n\t\t\tvar title = decodeURIComponent(state.params[0]),\n\t\t\t\ttiddler = state.wiki.getTiddler(title),\n\t\t\t\ttiddlerFields = {},\n\t\t\t\tknownFields = [\n\t\t\t\t\t\"bag\", \"created\", \"creator\", \"modified\", \"modifier\", \"permissions\", \"recipe\", \"revision\", \"tags\", \"text\", \"title\", \"type\", \"uri\"\n\t\t\t\t];\n\t\t\tif(tiddler) {\n\t\t\t\t$tw.utils.each(tiddler.fields,function(field,name) {\n\t\t\t\t\tvar value = tiddler.getFieldString(name);\n\t\t\t\t\tif(knownFields.indexOf(name) !== -1) {\n\t\t\t\t\t\ttiddlerFields[name] = value;\n\t\t\t\t\t} else {\n\t\t\t\t\t\ttiddlerFields.fields = tiddlerFields.fields || {};\n\t\t\t\t\t\ttiddlerFields.fields[name] = value;\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t\ttiddlerFields.revision = state.wiki.getChangeCount(title);\n\t\t\t\ttiddlerFields.type = tiddlerFields.type || \"text/vnd.tiddlywiki\";\n\t\t\t\tresponse.writeHead(200, {\"Content-Type\": \"application/json\"});\n\t\t\t\tresponse.end(JSON.stringify(tiddlerFields),\"utf8\");\n\t\t\t} else {\n\t\t\t\tresponse.writeHead(404);\n\t\t\t\tresponse.end();\n\t\t\t}\n\t\t}\n\t});\n};\n\nCommand.prototype.execute = function() {\n\tif(!$tw.boot.wikiTiddlersPath) {\n\t\t$tw.utils.warning(\"Warning: Wiki folder '\" + $tw.boot.wikiPath + \"' does not exist or is missing a tiddlywiki.info file\");\n\t}\n\tvar port = this.params[0] || \"8080\",\n\t\trootTiddler = this.params[1] || \"$:/core/save/all\",\n\t\trenderType = this.params[2] || \"text/plain\",\n\t\tserveType = this.params[3] || \"text/html\",\n\t\tusername = this.params[4],\n\t\tpassword = this.params[5],\n\t\thost = this.params[6] || \"127.0.0.1\",\n\t\tpathprefix = this.params[7];\n\tthis.server.set({\n\t\trootTiddler: rootTiddler,\n\t\trenderType: renderType,\n\t\tserveType: serveType,\n\t\tusername: username,\n\t\tpassword: password,\n\t\tpathprefix: pathprefix\n\t});\n\tthis.server.listen(port,host);\n\tconsole.log(\"Serving on \" + host + \":\" + port);\n\tconsole.log(\"(press ctrl-C to exit)\");\n\t// Warn if required plugins are missing\n\tif($tw.boot.wikiInfo.plugins.indexOf(\"tiddlywiki/tiddlyweb\") === -1 || $tw.boot.wikiInfo.plugins.indexOf(\"tiddlywiki/filesystem\") === -1) {\n\t\t$tw.utils.warning(\"Warning: Plugins required for client-server operation (\\\"tiddlywiki/filesystem\\\" and \\\"tiddlywiki/tiddlyweb\\\") are missing from tiddlywiki.info file\");\n\t}\n\treturn null;\n};\n\nexports.Command = Command;\n\n})();\n",
"title": "$:/core/modules/commands/server.js",
"type": "application/javascript",
"module-type": "command"
},
"$:/core/modules/commands/setfield.js": {
"text": "/*\\\ntitle: $:/core/modules/commands/setfield.js\ntype: application/javascript\nmodule-type: command\n\nCommand to modify selected tiddlers to set a field to the text of a template tiddler that has been wikified with the selected tiddler as the current tiddler.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar widget = require(\"$:/core/modules/widgets/widget.js\");\n\nexports.info = {\n\tname: \"setfield\",\n\tsynchronous: true\n};\n\nvar Command = function(params,commander,callback) {\n\tthis.params = params;\n\tthis.commander = commander;\n\tthis.callback = callback;\n};\n\nCommand.prototype.execute = function() {\n\tif(this.params.length < 4) {\n\t\treturn \"Missing parameters\";\n\t}\n\tvar self = this,\n\t\twiki = this.commander.wiki,\n\t\tfilter = this.params[0],\n\t\tfieldname = this.params[1] || \"text\",\n\t\ttemplatetitle = this.params[2],\n\t\trendertype = this.params[3] || \"text/plain\",\n\t\ttiddlers = wiki.filterTiddlers(filter);\n\t$tw.utils.each(tiddlers,function(title) {\n\t\tvar parser = wiki.parseTiddler(templatetitle),\n\t\t\tnewFields = {},\n\t\t\ttiddler = wiki.getTiddler(title);\n\t\tif(parser) {\n\t\t\tvar widgetNode = wiki.makeWidget(parser,{variables: {currentTiddler: title}});\n\t\t\tvar container = $tw.fakeDocument.createElement(\"div\");\n\t\t\twidgetNode.render(container,null);\n\t\t\tnewFields[fieldname] = rendertype === \"text/html\" ? container.innerHTML : container.textContent;\n\t\t} else {\n\t\t\tnewFields[fieldname] = undefined;\n\t\t}\n\t\twiki.addTiddler(new $tw.Tiddler(tiddler,newFields));\n\t});\n\treturn null;\n};\n\nexports.Command = Command;\n\n})();\n",
"title": "$:/core/modules/commands/setfield.js",
"type": "application/javascript",
"module-type": "command"
},
"$:/core/modules/commands/unpackplugin.js": {
"text": "/*\\\ntitle: $:/core/modules/commands/unpackplugin.js\ntype: application/javascript\nmodule-type: command\n\nCommand to extract the shadow tiddlers from within a plugin\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.info = {\n\tname: \"unpackplugin\",\n\tsynchronous: true\n};\n\nvar Command = function(params,commander,callback) {\n\tthis.params = params;\n\tthis.commander = commander;\n\tthis.callback = callback;\n};\n\nCommand.prototype.execute = function() {\n\tif(this.params.length < 1) {\n\t\treturn \"Missing plugin name\";\n\t}\n\tvar self = this,\n\t\ttitle = this.params[0],\n\t\tpluginData = this.commander.wiki.getTiddlerData(title);\n\tif(!pluginData) {\n\t\treturn \"Plugin '\" + title + \"' not found\";\n\t}\n\t$tw.utils.each(pluginData.tiddlers,function(tiddler) {\n\t\tself.commander.wiki.addTiddler(new $tw.Tiddler(tiddler));\n\t});\n\treturn null;\n};\n\nexports.Command = Command;\n\n})();\n",
"title": "$:/core/modules/commands/unpackplugin.js",
"type": "application/javascript",
"module-type": "command"
},
"$:/core/modules/commands/verbose.js": {
"text": "/*\\\ntitle: $:/core/modules/commands/verbose.js\ntype: application/javascript\nmodule-type: command\n\nVerbose command\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.info = {\n\tname: \"verbose\",\n\tsynchronous: true\n};\n\nvar Command = function(params,commander) {\n\tthis.params = params;\n\tthis.commander = commander;\n};\n\nCommand.prototype.execute = function() {\n\tthis.commander.verbose = true;\n\t// Output the boot message log\n\tthis.commander.streams.output.write(\"Boot log:\\n \" + $tw.boot.logMessages.join(\"\\n \") + \"\\n\");\n\treturn null; // No error\n};\n\nexports.Command = Command;\n\n})();\n",
"title": "$:/core/modules/commands/verbose.js",
"type": "application/javascript",
"module-type": "command"
},
"$:/core/modules/commands/version.js": {
"text": "/*\\\ntitle: $:/core/modules/commands/version.js\ntype: application/javascript\nmodule-type: command\n\nVersion command\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.info = {\n\tname: \"version\",\n\tsynchronous: true\n};\n\nvar Command = function(params,commander) {\n\tthis.params = params;\n\tthis.commander = commander;\n};\n\nCommand.prototype.execute = function() {\n\tthis.commander.streams.output.write($tw.version + \"\\n\");\n\treturn null; // No error\n};\n\nexports.Command = Command;\n\n})();\n",
"title": "$:/core/modules/commands/version.js",
"type": "application/javascript",
"module-type": "command"
},
"$:/core/modules/config.js": {
"text": "/*\\\ntitle: $:/core/modules/config.js\ntype: application/javascript\nmodule-type: config\n\nCore configuration constants\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.preferences = {};\n\nexports.preferences.notificationDuration = 3 * 1000;\nexports.preferences.jsonSpaces = 4;\n\nexports.textPrimitives = {\n\tupperLetter: \"[A-Z\\u00c0-\\u00d6\\u00d8-\\u00de\\u0150\\u0170]\",\n\tlowerLetter: \"[a-z\\u00df-\\u00f6\\u00f8-\\u00ff\\u0151\\u0171]\",\n\tanyLetter: \"[A-Za-z0-9\\u00c0-\\u00d6\\u00d8-\\u00de\\u00df-\\u00f6\\u00f8-\\u00ff\\u0150\\u0170\\u0151\\u0171]\",\n\tblockPrefixLetters:\t\"[A-Za-z0-9-_\\u00c0-\\u00d6\\u00d8-\\u00de\\u00df-\\u00f6\\u00f8-\\u00ff\\u0150\\u0170\\u0151\\u0171]\"\n};\n\nexports.textPrimitives.unWikiLink = \"~\";\nexports.textPrimitives.wikiLink = exports.textPrimitives.upperLetter + \"+\" +\n\texports.textPrimitives.lowerLetter + \"+\" +\n\texports.textPrimitives.upperLetter +\n\texports.textPrimitives.anyLetter + \"*\";\n\nexports.htmlEntities = {quot:34, amp:38, apos:39, lt:60, gt:62, nbsp:160, iexcl:161, cent:162, pound:163, curren:164, yen:165, brvbar:166, sect:167, uml:168, copy:169, ordf:170, laquo:171, not:172, shy:173, reg:174, macr:175, deg:176, plusmn:177, sup2:178, sup3:179, acute:180, micro:181, para:182, middot:183, cedil:184, sup1:185, ordm:186, raquo:187, frac14:188, frac12:189, frac34:190, iquest:191, Agrave:192, Aacute:193, Acirc:194, Atilde:195, Auml:196, Aring:197, AElig:198, Ccedil:199, Egrave:200, Eacute:201, Ecirc:202, Euml:203, Igrave:204, Iacute:205, Icirc:206, Iuml:207, ETH:208, Ntilde:209, Ograve:210, Oacute:211, Ocirc:212, Otilde:213, Ouml:214, times:215, Oslash:216, Ugrave:217, Uacute:218, Ucirc:219, Uuml:220, Yacute:221, THORN:222, szlig:223, agrave:224, aacute:225, acirc:226, atilde:227, auml:228, aring:229, aelig:230, ccedil:231, egrave:232, eacute:233, ecirc:234, euml:235, igrave:236, iacute:237, icirc:238, iuml:239, eth:240, ntilde:241, ograve:242, oacute:243, ocirc:244, otilde:245, ouml:246, divide:247, oslash:248, ugrave:249, uacute:250, ucirc:251, uuml:252, yacute:253, thorn:254, yuml:255, OElig:338, oelig:339, Scaron:352, scaron:353, Yuml:376, fnof:402, circ:710, tilde:732, Alpha:913, Beta:914, Gamma:915, Delta:916, Epsilon:917, Zeta:918, Eta:919, Theta:920, Iota:921, Kappa:922, Lambda:923, Mu:924, Nu:925, Xi:926, Omicron:927, Pi:928, Rho:929, Sigma:931, Tau:932, Upsilon:933, Phi:934, Chi:935, Psi:936, Omega:937, alpha:945, beta:946, gamma:947, delta:948, epsilon:949, zeta:950, eta:951, theta:952, iota:953, kappa:954, lambda:955, mu:956, nu:957, xi:958, omicron:959, pi:960, rho:961, sigmaf:962, sigma:963, tau:964, upsilon:965, phi:966, chi:967, psi:968, omega:969, thetasym:977, upsih:978, piv:982, ensp:8194, emsp:8195, thinsp:8201, zwnj:8204, zwj:8205, lrm:8206, rlm:8207, ndash:8211, mdash:8212, lsquo:8216, rsquo:8217, sbquo:8218, ldquo:8220, rdquo:8221, bdquo:8222, dagger:8224, Dagger:8225, bull:8226, hellip:8230, permil:8240, prime:8242, Prime:8243, lsaquo:8249, rsaquo:8250, oline:8254, frasl:8260, euro:8364, image:8465, weierp:8472, real:8476, trade:8482, alefsym:8501, larr:8592, uarr:8593, rarr:8594, darr:8595, harr:8596, crarr:8629, lArr:8656, uArr:8657, rArr:8658, dArr:8659, hArr:8660, forall:8704, part:8706, exist:8707, empty:8709, nabla:8711, isin:8712, notin:8713, ni:8715, prod:8719, sum:8721, minus:8722, lowast:8727, radic:8730, prop:8733, infin:8734, ang:8736, and:8743, or:8744, cap:8745, cup:8746, int:8747, there4:8756, sim:8764, cong:8773, asymp:8776, ne:8800, equiv:8801, le:8804, ge:8805, sub:8834, sup:8835, nsub:8836, sube:8838, supe:8839, oplus:8853, otimes:8855, perp:8869, sdot:8901, lceil:8968, rceil:8969, lfloor:8970, rfloor:8971, lang:9001, rang:9002, loz:9674, spades:9824, clubs:9827, hearts:9829, diams:9830 };\n\nexports.htmlVoidElements = \"area,base,br,col,command,embed,hr,img,input,keygen,link,meta,param,source,track,wbr\".split(\",\");\n\nexports.htmlBlockElements = \"address,article,aside,audio,blockquote,canvas,dd,div,dl,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,li,noscript,ol,output,p,pre,section,table,tfoot,ul,video\".split(\",\");\n\nexports.htmlUnsafeElements = \"script\".split(\",\");\n\n})();\n",
"title": "$:/core/modules/config.js",
"type": "application/javascript",
"module-type": "config"
},
"$:/core/modules/deserializers.js": {
"text": "/*\\\ntitle: $:/core/modules/deserializers.js\ntype: application/javascript\nmodule-type: tiddlerdeserializer\n\nFunctions to deserialise tiddlers from a block of text\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nUtility function to parse an old-style tiddler DIV in a *.tid file. It looks like this:\n\n<div title=\"Title\" creator=\"JoeBloggs\" modifier=\"JoeBloggs\" created=\"201102111106\" modified=\"201102111310\" tags=\"myTag [[my long tag]]\">\n<pre>The text of the tiddler (without the expected HTML encoding).\n</pre>\n</div>\n\nNote that the field attributes are HTML encoded, but that the body of the <PRE> tag is not encoded.\n\nWhen these tiddler DIVs are encountered within a TiddlyWiki HTML file then the body is encoded in the usual way.\n*/\nvar parseTiddlerDiv = function(text /* [,fields] */) {\n\t// Slot together the default results\n\tvar result = {};\n\tif(arguments.length > 1) {\n\t\tfor(var f=1; f<arguments.length; f++) {\n\t\t\tvar fields = arguments[f];\n\t\t\tfor(var t in fields) {\n\t\t\t\tresult[t] = fields[t];\t\t\n\t\t\t}\n\t\t}\n\t}\n\t// Parse the DIV body\n\tvar startRegExp = /^\\s*<div\\s+([^>]*)>(\\s*<pre>)?/gi,\n\t\tendRegExp,\n\t\tmatch = startRegExp.exec(text);\n\tif(match) {\n\t\t// Old-style DIVs don't have the <pre> tag\n\t\tif(match[2]) {\n\t\t\tendRegExp = /<\\/pre>\\s*<\\/div>\\s*$/gi;\n\t\t} else {\n\t\t\tendRegExp = /<\\/div>\\s*$/gi;\n\t\t}\n\t\tvar endMatch = endRegExp.exec(text);\n\t\tif(endMatch) {\n\t\t\t// Extract the text\n\t\t\tresult.text = text.substring(match.index + match[0].length,endMatch.index);\n\t\t\t// Process the attributes\n\t\t\tvar attrRegExp = /\\s*([^=\\s]+)\\s*=\\s*(?:\"([^\"]*)\"|'([^']*)')/gi,\n\t\t\t\tattrMatch;\n\t\t\tdo {\n\t\t\t\tattrMatch = attrRegExp.exec(match[1]);\n\t\t\t\tif(attrMatch) {\n\t\t\t\t\tvar name = attrMatch[1];\n\t\t\t\t\tvar value = attrMatch[2] !== undefined ? attrMatch[2] : attrMatch[3];\n\t\t\t\t\tresult[name] = value;\n\t\t\t\t}\n\t\t\t} while(attrMatch);\n\t\t\treturn result;\n\t\t}\n\t}\n\treturn undefined;\n};\n\nexports[\"application/x-tiddler-html-div\"] = function(text,fields) {\n\treturn [parseTiddlerDiv(text,fields)];\n};\n\nexports[\"application/json\"] = function(text,fields) {\n\tvar incoming = JSON.parse(text),\n\t\tresults = [];\n\tif($tw.utils.isArray(incoming)) {\n\t\tfor(var t=0; t<incoming.length; t++) {\n\t\t\tvar incomingFields = incoming[t],\n\t\t\t\tfields = {};\n\t\t\tfor(var f in incomingFields) {\n\t\t\t\tif(typeof incomingFields[f] === \"string\") {\n\t\t\t\t\tfields[f] = incomingFields[f];\n\t\t\t\t}\n\t\t\t}\n\t\t\tresults.push(fields);\n\t\t}\n\t}\n\treturn results;\n};\n\n/*\nParse an HTML file into tiddlers. There are three possibilities:\n# A TiddlyWiki classic HTML file containing `text/x-tiddlywiki` tiddlers\n# A TiddlyWiki5 HTML file containing `text/vnd.tiddlywiki` tiddlers\n# An ordinary HTML file\n*/\nexports[\"text/html\"] = function(text,fields) {\n\t// Check if we've got a store area\n\tvar storeAreaMarkerRegExp = /<div id=[\"']?storeArea['\"]?( style=[\"']?display:none;[\"']?)?>/gi,\n\t\tmatch = storeAreaMarkerRegExp.exec(text);\n\tif(match) {\n\t\t// If so, it's either a classic TiddlyWiki file or an unencrypted TW5 file\n\t\t// First read the normal tiddlers\n\t\tvar results = deserializeTiddlyWikiFile(text,storeAreaMarkerRegExp.lastIndex,!!match[1],fields);\n\t\t// Then any system tiddlers\n\t\tvar systemAreaMarkerRegExp = /<div id=[\"']?systemArea['\"]?( style=[\"']?display:none;[\"']?)?>/gi,\n\t\t\tsysMatch = systemAreaMarkerRegExp.exec(text);\n\t\tif(sysMatch) {\n\t\t\tresults.push.apply(results,deserializeTiddlyWikiFile(text,systemAreaMarkerRegExp.lastIndex,!!sysMatch[1],fields));\n\t\t}\n\t\treturn results;\n\t} else {\n\t\t// Check whether we've got an encrypted file\n\t\tvar encryptedStoreArea = $tw.utils.extractEncryptedStoreArea(text);\n\t\tif(encryptedStoreArea) {\n\t\t\t// If so, attempt to decrypt it using the current password\n\t\t\treturn $tw.utils.decryptStoreArea(encryptedStoreArea);\n\t\t} else {\n\t\t\t// It's not a TiddlyWiki so we'll return the entire HTML file as a tiddler\n\t\t\treturn deserializeHtmlFile(text,fields);\n\t\t}\n\t}\n};\n\nfunction deserializeHtmlFile(text,fields) {\n\tvar result = {};\n\t$tw.utils.each(fields,function(value,name) {\n\t\tresult[name] = value;\n\t});\n\tresult.text = text;\n\tresult.type = \"text/html\";\n\treturn [result];\n}\n\nfunction deserializeTiddlyWikiFile(text,storeAreaEnd,isTiddlyWiki5,fields) {\n\tvar results = [],\n\t\tendOfDivRegExp = /(<\\/div>\\s*)/gi,\n\t\tstartPos = storeAreaEnd,\n\t\tdefaultType = isTiddlyWiki5 ? undefined : \"text/x-tiddlywiki\";\n\tendOfDivRegExp.lastIndex = startPos;\n\tvar match = endOfDivRegExp.exec(text);\n\twhile(match) {\n\t\tvar endPos = endOfDivRegExp.lastIndex,\n\t\t\ttiddlerFields = parseTiddlerDiv(text.substring(startPos,endPos),fields,{type: defaultType});\n\t\tif(!tiddlerFields) {\n\t\t\tbreak;\n\t\t}\n\t\t$tw.utils.each(tiddlerFields,function(value,name) {\n\t\t\tif(typeof value === \"string\") {\n\t\t\t\ttiddlerFields[name] = $tw.utils.htmlDecode(value);\n\t\t\t}\n\t\t});\n\t\tif(tiddlerFields.text !== null) {\n\t\t\tresults.push(tiddlerFields);\n\t\t}\n\t\tstartPos = endPos;\n\t\tmatch = endOfDivRegExp.exec(text);\n\t}\n\treturn results;\n}\n\n})();\n",
"title": "$:/core/modules/deserializers.js",
"type": "application/javascript",
"module-type": "tiddlerdeserializer"
},
"$:/core/modules/filters/addprefix.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/addprefix.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for adding a prefix to each title in the list. This is\nespecially useful in contexts where only a filter expression is allowed\nand macro substitution isn't available.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.addprefix = function(source,operator,options) {\n\tvar results = [];\n\tsource(function(tiddler,title) {\n\t\tresults.push(operator.operand + title);\n\t});\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/addprefix.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/addsuffix.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/addsuffix.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for adding a suffix to each title in the list. This is\nespecially useful in contexts where only a filter expression is allowed\nand macro substitution isn't available.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.addsuffix = function(source,operator,options) {\n\tvar results = [];\n\tsource(function(tiddler,title) {\n\t\tresults.push(title + operator.operand);\n\t});\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/addsuffix.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/after.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/after.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator returning the tiddler from the current list that is after the tiddler named in the operand.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.after = function(source,operator,options) {\n\tvar results = [];\n\tsource(function(tiddler,title) {\n\t\tresults.push(title);\n\t});\n\tvar index = results.indexOf(operator.operand);\n\tif(index === -1 || index > (results.length - 2)) {\n\t\treturn [];\n\t} else {\n\t\treturn [results[index + 1]];\n\t}\n};\n\n})();\n",
"title": "$:/core/modules/filters/after.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/all/current.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/all/current.js\ntype: application/javascript\nmodule-type: allfilteroperator\n\nFilter function for [all[current]]\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.current = function(source,prefix,options) {\n\tvar currTiddlerTitle = options.widget && options.widget.getVariable(\"currentTiddler\");\n\tif(currTiddlerTitle) {\n\t\treturn [currTiddlerTitle];\n\t} else {\n\t\treturn [];\n\t}\n};\n\n})();\n",
"title": "$:/core/modules/filters/all/current.js",
"type": "application/javascript",
"module-type": "allfilteroperator"
},
"$:/core/modules/filters/all/missing.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/all/missing.js\ntype: application/javascript\nmodule-type: allfilteroperator\n\nFilter function for [all[missing]]\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.missing = function(source,prefix,options) {\n\treturn options.wiki.getMissingTitles();\n};\n\n})();\n",
"title": "$:/core/modules/filters/all/missing.js",
"type": "application/javascript",
"module-type": "allfilteroperator"
},
"$:/core/modules/filters/all/orphans.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/all/orphans.js\ntype: application/javascript\nmodule-type: allfilteroperator\n\nFilter function for [all[orphans]]\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.orphans = function(source,prefix,options) {\n\treturn options.wiki.getOrphanTitles();\n};\n\n})();\n",
"title": "$:/core/modules/filters/all/orphans.js",
"type": "application/javascript",
"module-type": "allfilteroperator"
},
"$:/core/modules/filters/all/shadows.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/all/shadows.js\ntype: application/javascript\nmodule-type: allfilteroperator\n\nFilter function for [all[shadows]]\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.shadows = function(source,prefix,options) {\n\treturn options.wiki.allShadowTitles();\n};\n\n})();\n",
"title": "$:/core/modules/filters/all/shadows.js",
"type": "application/javascript",
"module-type": "allfilteroperator"
},
"$:/core/modules/filters/all/tiddlers.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/all/tiddlers.js\ntype: application/javascript\nmodule-type: allfilteroperator\n\nFilter function for [all[tiddlers]]\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.tiddlers = function(source,prefix,options) {\n\treturn options.wiki.allTitles();\n};\n\n})();\n",
"title": "$:/core/modules/filters/all/tiddlers.js",
"type": "application/javascript",
"module-type": "allfilteroperator"
},
"$:/core/modules/filters/all.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/all.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for selecting tiddlers\n\n[all[shadows+tiddlers]]\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar allFilterOperators;\n\nfunction getAllFilterOperators() {\n\tif(!allFilterOperators) {\n\t\tallFilterOperators = {};\n\t\t$tw.modules.applyMethods(\"allfilteroperator\",allFilterOperators);\n\t}\n\treturn allFilterOperators;\n}\n\n/*\nExport our filter function\n*/\nexports.all = function(source,operator,options) {\n\t// Get our suboperators\n\tvar allFilterOperators = getAllFilterOperators();\n\t// Cycle through the suboperators accumulating their results\n\tvar results = [],\n\t\tsubops = operator.operand.split(\"+\");\n\t// Check for common optimisations\n\tif(subops.length === 1 && subops[0] === \"\") {\n\t\treturn source;\n\t} else if(subops.length === 1 && subops[0] === \"tiddlers\") {\n\t\treturn options.wiki.each;\n\t} else if(subops.length === 1 && subops[0] === \"shadows\") {\n\t\treturn options.wiki.eachShadow;\n\t} else if(subops.length === 2 && subops[0] === \"tiddlers\" && subops[1] === \"shadows\") {\n\t\treturn options.wiki.eachTiddlerPlusShadows;\n\t} else if(subops.length === 2 && subops[0] === \"shadows\" && subops[1] === \"tiddlers\") {\n\t\treturn options.wiki.eachShadowPlusTiddlers;\n\t}\n\t// Do it the hard way\n\tfor(var t=0; t<subops.length; t++) {\n\t\tvar subop = allFilterOperators[subops[t]];\n\t\tif(subop) {\n\t\t\t$tw.utils.pushTop(results,subop(source,operator.prefix,options));\n\t\t}\n\t}\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/all.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/backlinks.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/backlinks.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for returning all the backlinks from a tiddler\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.backlinks = function(source,operator,options) {\n\tvar results = [];\n\tsource(function(tiddler,title) {\n\t\t$tw.utils.pushTop(results,options.wiki.getTiddlerBacklinks(title));\n\t});\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/backlinks.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/before.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/before.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator returning the tiddler from the current list that is before the tiddler named in the operand.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.before = function(source,operator,options) {\n\tvar results = [];\n\tsource(function(tiddler,title) {\n\t\tresults.push(title);\n\t});\n\tvar index = results.indexOf(operator.operand);\n\tif(index <= 0) {\n\t\treturn [];\n\t} else {\n\t\treturn [results[index - 1]];\n\t}\n};\n\n})();\n",
"title": "$:/core/modules/filters/before.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/commands.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/commands.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for returning the names of the commands available in this wiki\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.commands = function(source,operator,options) {\n\tvar results = [];\n\t$tw.utils.each($tw.commands,function(commandInfo,name) {\n\t\tresults.push(name);\n\t});\n\tresults.sort();\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/commands.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/each.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/each.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator that selects one tiddler for each unique value of the specified field\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.each = function(source,operator,options) {\n\tvar results = [],\n\t\tvalues = {};\n\tsource(function(tiddler,title) {\n\t\tif(tiddler) {\n\t\t\tvar value;\n\t\t\tif((operator.operand === \"\") || (operator.operand === \"title\")) {\n\t\t\t\tvalue = title;\n\t\t\t} else {\n\t\t\t\tvalue = tiddler.getFieldString(operator.operand);\n\t\t\t}\n\t\t\tif(!$tw.utils.hop(values,value)) {\n\t\t\t\tvalues[value] = true;\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t}\n\t});\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/each.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/eachday.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/eachday.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator that selects one tiddler for each unique day covered by the specified date field\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.eachday = function(source,operator,options) {\n\tvar results = [],\n\t\tvalues = [],\n\t\tfieldName = operator.operand || \"modified\";\n\t// Function to convert a date/time to a date integer\n\tvar toDate = function(value) {\n\t\tvalue = (new Date(value)).setHours(0,0,0,0);\n\t\treturn value+0;\n\t};\n\tsource(function(tiddler,title) {\n\t\tif(tiddler && tiddler.fields[fieldName]) {\n\t\t\tvar value = toDate($tw.utils.parseDate(tiddler.fields[fieldName]));\n\t\t\tif(values.indexOf(value) === -1) {\n\t\t\t\tvalues.push(value);\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t}\n\t});\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/eachday.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/editiondescription.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/editiondescription.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for returning the descriptions of the specified edition names\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.editiondescription = function(source,operator,options) {\n\tvar results = [],\n\t\teditionInfo = $tw.utils.getEditionInfo();\n\tif(editionInfo) {\n\t\tsource(function(tiddler,title) {\n\t\t\tif($tw.utils.hop(editionInfo,title)) {\n\t\t\t\tresults.push(editionInfo[title].description || \"\");\t\t\t\t\n\t\t\t}\n\t\t});\n\t}\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/editiondescription.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/editions.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/editions.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for returning the names of the available editions in this wiki\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.editions = function(source,operator,options) {\n\tvar results = [],\n\t\teditionInfo = $tw.utils.getEditionInfo();\n\tif(editionInfo) {\n\t\t$tw.utils.each(editionInfo,function(info,name) {\n\t\t\tresults.push(name);\n\t\t});\n\t}\n\tresults.sort();\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/editions.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/field.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/field.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for comparing fields for equality\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.field = function(source,operator,options) {\n\tvar results = [],\n\t\tfieldname = (operator.suffix || operator.operator || \"title\").toLowerCase();\n\tif(operator.prefix === \"!\") {\n\t\tif(operator.regexp) {\n\t\t\tsource(function(tiddler,title) {\n\t\t\t\tif(tiddler) {\n\t\t\t\t\tvar text = tiddler.getFieldString(fieldname);\n\t\t\t\t\tif(text !== null && !operator.regexp.exec(text)) {\n\t\t\t\t\t\tresults.push(title);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tresults.push(title);\n\t\t\t\t}\n\t\t\t});\n\t\t} else {\n\t\t\tsource(function(tiddler,title) {\n\t\t\t\tif(tiddler) {\n\t\t\t\t\tvar text = tiddler.getFieldString(fieldname);\n\t\t\t\t\tif(text !== null && text !== operator.operand) {\n\t\t\t\t\t\tresults.push(title);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tresults.push(title);\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t} else {\n\t\tif(operator.regexp) {\n\t\t\tsource(function(tiddler,title) {\n\t\t\t\tif(tiddler) {\n\t\t\t\t\tvar text = tiddler.getFieldString(fieldname);\n\t\t\t\t\tif(text !== null && !!operator.regexp.exec(text)) {\n\t\t\t\t\t\tresults.push(title);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t} else {\n\t\t\tsource(function(tiddler,title) {\n\t\t\t\tif(tiddler) {\n\t\t\t\t\tvar text = tiddler.getFieldString(fieldname);\n\t\t\t\t\tif(text !== null && text === operator.operand) {\n\t\t\t\t\t\tresults.push(title);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/field.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/fields.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/fields.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for returning the names of the fields on the selected tiddlers\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.fields = function(source,operator,options) {\n\tvar results = [];\n\tsource(function(tiddler,title) {\n\t\tif(tiddler) {\n\t\t\tfor(var fieldName in tiddler.fields) {\n\t\t\t\t$tw.utils.pushTop(results,fieldName);\n\t\t\t}\n\t\t}\n\t});\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/fields.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/get.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/get.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for replacing tiddler titles by the value of the field specified in the operand.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.get = function(source,operator,options) {\n\tvar results = [];\n\tsource(function(tiddler,title) {\n\t\tif(tiddler) {\n\t\t\tvar value = tiddler.getFieldString(operator.operand);\n\t\t\tif(value) {\n\t\t\t\tresults.push(value);\n\t\t\t}\n\t\t}\n\t});\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/get.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/getindex.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/getindex.js\ntype: application/javascript\nmodule-type: filteroperator\n\nreturns the value at a given index of datatiddlers\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.getindex = function(source,operator,options) {\n\tvar data,title,results = [];\n\tif(operator.operand){\n\t\tsource(function(tiddler,title) {\n\t\t\ttitle = tiddler ? tiddler.fields.title : title;\n\t\t\tdata = options.wiki.extractTiddlerDataItem(tiddler,operator.operand);\n\t\t\tif(data) {\n\t\t\t\tresults.push(data);\n\t\t\t}\n\t\t});\n\t}\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/getindex.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/has.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/has.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for checking if a tiddler has the specified field\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.has = function(source,operator,options) {\n\tvar results = [];\n\tif(operator.prefix === \"!\") {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(!tiddler || (tiddler && (!$tw.utils.hop(tiddler.fields,operator.operand) || tiddler.fields[operator.operand] === \"\"))) {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t} else {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(tiddler && $tw.utils.hop(tiddler.fields,operator.operand) && tiddler.fields[operator.operand] !== \"\") {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t}\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/has.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/haschanged.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/haschanged.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator returns tiddlers from the list that have a non-zero changecount.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.haschanged = function(source,operator,options) {\n\tvar results = [];\n\tif(operator.prefix === \"!\") {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(options.wiki.getChangeCount(title) === 0) {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t} else {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(options.wiki.getChangeCount(title) > 0) {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t}\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/haschanged.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/indexes.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/indexes.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for returning the indexes of a data tiddler\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.indexes = function(source,operator,options) {\n\tvar results = [];\n\tsource(function(tiddler,title) {\n\t\tvar data = options.wiki.getTiddlerData(title);\n\t\tif(data) {\n\t\t\t$tw.utils.pushTop(results,Object.keys(data));\n\t\t}\n\t});\n\tresults.sort();\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/indexes.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/is/current.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/is/current.js\ntype: application/javascript\nmodule-type: isfilteroperator\n\nFilter function for [is[current]]\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.current = function(source,prefix,options) {\n\tvar results = [],\n\t\tcurrTiddlerTitle = options.widget && options.widget.getVariable(\"currentTiddler\");\n\tif(prefix === \"!\") {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(title !== currTiddlerTitle) {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t} else {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(title === currTiddlerTitle) {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t}\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/is/current.js",
"type": "application/javascript",
"module-type": "isfilteroperator"
},
"$:/core/modules/filters/is/image.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/is/image.js\ntype: application/javascript\nmodule-type: isfilteroperator\n\nFilter function for [is[image]]\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.image = function(source,prefix,options) {\n\tvar results = [];\n\tif(prefix === \"!\") {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(!options.wiki.isImageTiddler(title)) {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t} else {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(options.wiki.isImageTiddler(title)) {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t}\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/is/image.js",
"type": "application/javascript",
"module-type": "isfilteroperator"
},
"$:/core/modules/filters/is/missing.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/is/missing.js\ntype: application/javascript\nmodule-type: isfilteroperator\n\nFilter function for [is[missing]]\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.missing = function(source,prefix,options) {\n\tvar results = [];\n\tif(prefix === \"!\") {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(options.wiki.tiddlerExists(title)) {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t} else {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(!options.wiki.tiddlerExists(title)) {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t}\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/is/missing.js",
"type": "application/javascript",
"module-type": "isfilteroperator"
},
"$:/core/modules/filters/is/orphan.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/is/orphan.js\ntype: application/javascript\nmodule-type: isfilteroperator\n\nFilter function for [is[orphan]]\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.orphan = function(source,prefix,options) {\n\tvar results = [],\n\t\torphanTitles = options.wiki.getOrphanTitles();\n\tif(prefix === \"!\") {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(orphanTitles.indexOf(title) === -1) {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t} else {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(orphanTitles.indexOf(title) !== -1) {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t}\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/is/orphan.js",
"type": "application/javascript",
"module-type": "isfilteroperator"
},
"$:/core/modules/filters/is/shadow.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/is/shadow.js\ntype: application/javascript\nmodule-type: isfilteroperator\n\nFilter function for [is[shadow]]\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.shadow = function(source,prefix,options) {\n\tvar results = [];\n\tif(prefix === \"!\") {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(!options.wiki.isShadowTiddler(title)) {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t} else {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(options.wiki.isShadowTiddler(title)) {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t}\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/is/shadow.js",
"type": "application/javascript",
"module-type": "isfilteroperator"
},
"$:/core/modules/filters/is/system.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/is/system.js\ntype: application/javascript\nmodule-type: isfilteroperator\n\nFilter function for [is[system]]\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.system = function(source,prefix,options) {\n\tvar results = [];\n\tif(prefix === \"!\") {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(!options.wiki.isSystemTiddler(title)) {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t} else {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(options.wiki.isSystemTiddler(title)) {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t}\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/is/system.js",
"type": "application/javascript",
"module-type": "isfilteroperator"
},
"$:/core/modules/filters/is/tag.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/is/tag.js\ntype: application/javascript\nmodule-type: isfilteroperator\n\nFilter function for [is[tag]]\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.tag = function(source,prefix,options) {\n\tvar results = [],\n\t\ttagMap = options.wiki.getTagMap();\n\tif(prefix === \"!\") {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(!$tw.utils.hop(tagMap,title)) {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t} else {\n\t\tsource(function(tiddler,title) {\n\t\t\tif($tw.utils.hop(tagMap,title)) {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t}\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/is/tag.js",
"type": "application/javascript",
"module-type": "isfilteroperator"
},
"$:/core/modules/filters/is/tiddler.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/is/tiddler.js\ntype: application/javascript\nmodule-type: isfilteroperator\n\nFilter function for [is[tiddler]]\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.tiddler = function(source,prefix,options) {\n\tvar results = [];\n\tif(prefix === \"!\") {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(!options.wiki.tiddlerExists(title)) {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t} else {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(options.wiki.tiddlerExists(title)) {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t}\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/is/tiddler.js",
"type": "application/javascript",
"module-type": "isfilteroperator"
},
"$:/core/modules/filters/is.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/is.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for checking tiddler properties\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar isFilterOperators;\n\nfunction getIsFilterOperators() {\n\tif(!isFilterOperators) {\n\t\tisFilterOperators = {};\n\t\t$tw.modules.applyMethods(\"isfilteroperator\",isFilterOperators);\n\t}\n\treturn isFilterOperators;\n}\n\n/*\nExport our filter function\n*/\nexports.is = function(source,operator,options) {\n\t// Dispatch to the correct isfilteroperator\n\tvar isFilterOperators = getIsFilterOperators();\n\tvar isFilterOperator = isFilterOperators[operator.operand];\n\tif(isFilterOperator) {\n\t\treturn isFilterOperator(source,operator.prefix,options);\n\t} else {\n\t\treturn [\"Filter Error: Unknown operand for the 'is' filter operator\"];\n\t}\n};\n\n})();\n",
"title": "$:/core/modules/filters/is.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/limit.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/limit.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for chopping the results to a specified maximum number of entries\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.limit = function(source,operator,options) {\n\tvar results = [];\n\t// Convert to an array\n\tsource(function(tiddler,title) {\n\t\tresults.push(title);\n\t});\n\t// Slice the array if necessary\n\tvar limit = Math.min(results.length,parseInt(operator.operand,10));\n\tif(operator.prefix === \"!\") {\n\t\tresults = results.slice(-limit);\n\t} else {\n\t\tresults = results.slice(0,limit);\n\t}\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/limit.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/links.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/links.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for returning all the links from a tiddler\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.links = function(source,operator,options) {\n\tvar results = [];\n\tsource(function(tiddler,title) {\n\t\t$tw.utils.pushTop(results,options.wiki.getTiddlerLinks(title));\n\t});\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/links.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/list.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/list.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator returning the tiddlers whose title is listed in the operand tiddler\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.list = function(source,operator,options) {\n\tvar results = [],\n\t\ttr = $tw.utils.parseTextReference(operator.operand),\n\t\tcurrTiddlerTitle = options.widget && options.widget.getVariable(\"currentTiddler\"),\n\t\tlist = options.wiki.getTiddlerList(tr.title || currTiddlerTitle,tr.field,tr.index);\n\tif(operator.prefix === \"!\") {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(list.indexOf(title) === -1) {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t} else {\n\t\tresults = list;\n\t}\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/list.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/listed.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/listed.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator returning all tiddlers that have the selected tiddlers in a list\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.listed = function(source,operator,options) {\n\tvar field = operator.operand || \"list\",\n\t\tresults = [];\n\tsource(function(tiddler,title) {\n\t\t$tw.utils.pushTop(results,options.wiki.findListingsOfTiddler(title,field));\n\t});\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/listed.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/listops.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/listops.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operators for manipulating the current selection list\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nReverse list\n*/\nexports.reverse = function(source,operator,options) {\n\tvar results = [];\n\tsource(function(tiddler,title) {\n\t\tresults.unshift(title);\n\t});\n\treturn results;\n};\n\n/*\nFirst entry/entries in list\n*/\nexports.first = function(source,operator,options) {\n\tvar count = parseInt(operator.operand) || 1,\n\t\tresults = [];\n\tsource(function(tiddler,title) {\n\t\tresults.push(title);\n\t});\n\treturn results.slice(0,count);\n};\n\n/*\nLast entry/entries in list\n*/\nexports.last = function(source,operator,options) {\n\tvar count = parseInt(operator.operand) || 1,\n\t\tresults = [];\n\tsource(function(tiddler,title) {\n\t\tresults.push(title);\n\t});\n\treturn results.slice(-count);\n};\n\n/*\nAll but the first entry/entries of the list\n*/\nexports.rest = function(source,operator,options) {\n\tvar count = parseInt(operator.operand) || 1,\n\t\tresults = [];\n\tsource(function(tiddler,title) {\n\t\tresults.push(title);\n\t});\n\treturn results.slice(count);\n};\nexports.butfirst = exports.rest;\nexports.bf = exports.rest;\n\n/*\nAll but the last entry/entries of the list\n*/\nexports.butlast = function(source,operator,options) {\n\tvar count = parseInt(operator.operand) || 1,\n\t\tresults = [];\n\tsource(function(tiddler,title) {\n\t\tresults.push(title);\n\t});\n\treturn results.slice(0,-count);\n};\nexports.bl = exports.butlast;\n\n/*\nThe nth member of the list\n*/\nexports.nth = function(source,operator,options) {\n\tvar count = parseInt(operator.operand) || 1,\n\t\tresults = [];\n\tsource(function(tiddler,title) {\n\t\tresults.push(title);\n\t});\n\treturn results.slice(count - 1,count);\n};\n\n})();\n",
"title": "$:/core/modules/filters/listops.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/modules.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/modules.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for returning the titles of the modules of a given type in this wiki\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.modules = function(source,operator,options) {\n\tvar results = [];\n\tsource(function(tiddler,title) {\n\t\t$tw.utils.each($tw.modules.types[title],function(moduleInfo,moduleName) {\n\t\t\tresults.push(moduleName);\n\t\t});\n\t});\n\tresults.sort();\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/modules.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/moduletypes.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/moduletypes.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for returning the names of the module types in this wiki\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.moduletypes = function(source,operator,options) {\n\tvar results = [];\n\t$tw.utils.each($tw.modules.types,function(moduleInfo,type) {\n\t\tresults.push(type);\n\t});\n\tresults.sort();\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/moduletypes.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/next.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/next.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator returning the tiddler whose title occurs next in the list supplied in the operand tiddler\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.next = function(source,operator,options) {\n\tvar results = [],\n\t\tlist = options.wiki.getTiddlerList(operator.operand);\n\tsource(function(tiddler,title) {\n\t\tvar match = list.indexOf(title);\n\t\t// increment match and then test if result is in range\n\t\tmatch++;\n\t\tif(match > 0 && match < list.length) {\n\t\t\tresults.push(list[match]);\n\t\t}\n\t});\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/next.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/plugintiddlers.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/plugintiddlers.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for returning the titles of the shadow tiddlers within a plugin\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.plugintiddlers = function(source,operator,options) {\n\tvar results = [];\n\tsource(function(tiddler,title) {\n\t\tvar pluginInfo = options.wiki.getPluginInfo(title) || options.wiki.getTiddlerData(title,{tiddlers:[]});\n\t\tif(pluginInfo && pluginInfo.tiddlers) {\n\t\t\t$tw.utils.each(pluginInfo.tiddlers,function(fields,title) {\n\t\t\t\tresults.push(title);\n\t\t\t});\n\t\t}\n\t});\n\tresults.sort();\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/plugintiddlers.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/prefix.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/prefix.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for checking if a title starts with a prefix\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.prefix = function(source,operator,options) {\n\tvar results = [];\n\tif(operator.prefix === \"!\") {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(title.substr(0,operator.operand.length) !== operator.operand) {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t} else {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(title.substr(0,operator.operand.length) === operator.operand) {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t}\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/prefix.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/previous.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/previous.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator returning the tiddler whose title occurs immediately prior in the list supplied in the operand tiddler\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.previous = function(source,operator,options) {\n\tvar results = [],\n\t\tlist = options.wiki.getTiddlerList(operator.operand);\n\tsource(function(tiddler,title) {\n\t\tvar match = list.indexOf(title);\n\t\t// increment match and then test if result is in range\n\t\tmatch--;\n\t\tif(match >= 0) {\n\t\t\tresults.push(list[match]);\n\t\t}\n\t});\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/previous.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/regexp.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/regexp.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for regexp matching\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.regexp = function(source,operator,options) {\n\tvar results = [],\n\t\tfieldname = (operator.suffix || \"title\").toLowerCase(),\n\t\tregexpString, regexp, flags = \"\", match,\n\t\tgetFieldString = function(tiddler,title) {\n\t\t\tif(tiddler) {\n\t\t\t\treturn tiddler.getFieldString(fieldname);\n\t\t\t} else if(fieldname === \"title\") {\n\t\t\t\treturn title;\n\t\t\t} else {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t};\n\t// Process flags and construct regexp\n\tregexpString = operator.operand;\n\tmatch = /^\\(\\?([gim]+)\\)/.exec(regexpString);\n\tif(match) {\n\t\tflags = match[1];\n\t\tregexpString = regexpString.substr(match[0].length);\n\t} else {\n\t\tmatch = /\\(\\?([gim]+)\\)$/.exec(regexpString);\n\t\tif(match) {\n\t\t\tflags = match[1];\n\t\t\tregexpString = regexpString.substr(0,regexpString.length - match[0].length);\n\t\t}\n\t}\n\ttry {\n\t\tregexp = new RegExp(regexpString,flags);\n\t} catch(e) {\n\t\treturn [\"\" + e];\n\t}\n\t// Process the incoming tiddlers\n\tif(operator.prefix === \"!\") {\n\t\tsource(function(tiddler,title) {\n\t\t\tvar text = getFieldString(tiddler,title);\n\t\t\tif(text !== null) {\n\t\t\t\tif(!regexp.exec(text)) {\n\t\t\t\t\tresults.push(title);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t} else {\n\t\tsource(function(tiddler,title) {\n\t\t\tvar text = getFieldString(tiddler,title);\n\t\t\tif(text !== null) {\n\t\t\t\tif(!!regexp.exec(text)) {\n\t\t\t\t\tresults.push(title);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/regexp.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/removeprefix.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/removeprefix.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for removing a prefix from each title in the list. Titles that do not start with the prefix are removed.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.removeprefix = function(source,operator,options) {\n\tvar results = [];\n\tsource(function(tiddler,title) {\n\t\tif(title.substr(0,operator.operand.length) === operator.operand) {\n\t\t\tresults.push(title.substr(operator.operand.length));\n\t\t}\n\t});\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/removeprefix.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/removesuffix.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/removesuffix.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for removing a suffix from each title in the list. Titles that do not end with the suffix are removed.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.removesuffix = function(source,operator,options) {\n\tvar results = [];\n\tsource(function(tiddler,title) {\n\t\tif(title.substr(-operator.operand.length) === operator.operand) {\n\t\t\tresults.push(title.substr(0,title.length - operator.operand.length));\n\t\t}\n\t});\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/removesuffix.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/sameday.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/sameday.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator that selects tiddlers with a modified date field on the same day as the provided value.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.sameday = function(source,operator,options) {\n\tvar results = [],\n\t\tfieldName = operator.suffix || \"modified\",\n\t\ttargetDate = (new Date($tw.utils.parseDate(operator.operand))).setHours(0,0,0,0);\n\t// Function to convert a date/time to a date integer\n\tvar isSameDay = function(dateField) {\n\t\t\treturn (new Date(dateField)).setHours(0,0,0,0) === targetDate;\n\t\t};\n\tsource(function(tiddler,title) {\n\t\tif(tiddler && tiddler.fields[fieldName]) {\n\t\t\tif(isSameDay($tw.utils.parseDate(tiddler.fields[fieldName]))) {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t}\n\t});\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/sameday.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/search.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/search.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for searching for the text in the operand tiddler\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.search = function(source,operator,options) {\n\tvar invert = operator.prefix === \"!\";\n\tif(operator.suffix) {\n\t\treturn options.wiki.search(operator.operand,{\n\t\t\tsource: source,\n\t\t\tinvert: invert,\n\t\t\tfield: operator.suffix\n\t\t});\n\t} else {\n\t\treturn options.wiki.search(operator.operand,{\n\t\t\tsource: source,\n\t\t\tinvert: invert\n\t\t});\n\t}\n};\n\n})();\n",
"title": "$:/core/modules/filters/search.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/shadowsource.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/shadowsource.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for returning the source plugins for shadow tiddlers\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.shadowsource = function(source,operator,options) {\n\tvar results = [];\n\tsource(function(tiddler,title) {\n\t\tvar source = options.wiki.getShadowSource(title);\n\t\tif(source) {\n\t\t\t$tw.utils.pushTop(results,source);\n\t\t}\n\t});\n\tresults.sort();\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/shadowsource.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/sort.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/sort.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for sorting\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.sort = function(source,operator,options) {\n\tvar results = prepare_results(source);\n\toptions.wiki.sortTiddlers(results,operator.operand || \"title\",operator.prefix === \"!\",false,false);\n\treturn results;\n};\n\nexports.nsort = function(source,operator,options) {\n\tvar results = prepare_results(source);\n\toptions.wiki.sortTiddlers(results,operator.operand || \"title\",operator.prefix === \"!\",false,true);\n\treturn results;\n};\n\nexports.sortcs = function(source,operator,options) {\n\tvar results = prepare_results(source);\n\toptions.wiki.sortTiddlers(results,operator.operand || \"title\",operator.prefix === \"!\",true,false);\n\treturn results;\n};\n\nexports.nsortcs = function(source,operator,options) {\n\tvar results = prepare_results(source);\n\toptions.wiki.sortTiddlers(results,operator.operand || \"title\",operator.prefix === \"!\",true,true);\n\treturn results;\n};\n\nvar prepare_results = function (source) {\n\tvar results = [];\n\tsource(function(tiddler,title) {\n\t\tresults.push(title);\n\t});\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/sort.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/splitbefore.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/splitbefore.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator that splits each result on the first occurance of the specified separator and returns the unique values.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.splitbefore = function(source,operator,options) {\n\tvar results = [];\n\tsource(function(tiddler,title) {\n\t\tvar parts = title.split(operator.operand);\n\t\tif(parts.length === 1) {\n\t\t\t$tw.utils.pushTop(results,parts[0]);\n\t\t} else {\n\t\t\t$tw.utils.pushTop(results,parts[0] + operator.operand);\n\t\t}\n\t});\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/splitbefore.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/storyviews.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/storyviews.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for returning the names of the story views in this wiki\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.storyviews = function(source,operator,options) {\n\tvar results = [],\n\t\tstoryviews = {};\n\t$tw.modules.applyMethods(\"storyview\",storyviews);\n\t$tw.utils.each(storyviews,function(info,name) {\n\t\tresults.push(name);\n\t});\n\tresults.sort();\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/storyviews.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/suffix.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/suffix.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for checking if a title ends with a suffix\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.suffix = function(source,operator,options) {\n\tvar results = [];\n\tif(operator.prefix === \"!\") {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(title.substr(-operator.operand.length) !== operator.operand) {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t} else {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(title.substr(-operator.operand.length) === operator.operand) {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t}\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/suffix.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/tag.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/tag.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for checking for the presence of a tag\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.tag = function(source,operator,options) {\n\tvar results = [];\n\tif(operator.prefix === \"!\") {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(tiddler && !tiddler.hasTag(operator.operand)) {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t} else {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(tiddler && tiddler.hasTag(operator.operand)) {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t\tresults = options.wiki.sortByList(results,operator.operand);\n\t}\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/tag.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/tagging.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/tagging.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator returning all tiddlers that are tagged with the selected tiddlers\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.tagging = function(source,operator,options) {\n\tvar results = [];\n\tsource(function(tiddler,title) {\n\t\t$tw.utils.pushTop(results,options.wiki.getTiddlersWithTag(title));\n\t});\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/tagging.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/tags.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/tags.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator returning all the tags of the selected tiddlers\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.tags = function(source,operator,options) {\n\tvar results = [];\n\tsource(function(tiddler,title) {\n\t\tif(tiddler && tiddler.fields.tags) {\n\t\t\t$tw.utils.pushTop(results,tiddler.fields.tags);\n\t\t}\n\t});\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/tags.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/title.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/title.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for comparing title fields for equality\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.title = function(source,operator,options) {\n\tvar results = [];\n\tif(operator.prefix === \"!\") {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(tiddler && tiddler.fields.title !== operator.operand) {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t} else {\n\t\tresults.push(operator.operand);\n\t}\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/title.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters/untagged.js": {
"text": "/*\\\ntitle: $:/core/modules/filters/untagged.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator returning all the selected tiddlers that are untagged\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.untagged = function(source,operator,options) {\n\tvar results = [];\n\tif(operator.prefix === \"!\") {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(tiddler && $tw.utils.isArray(tiddler.fields.tags) && tiddler.fields.tags.length > 0) {\n\t\t\t\t$tw.utils.pushTop(results,title);\n\t\t\t}\n\t\t});\n\t} else {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(!tiddler || !tiddler.hasField(\"tags\") || ($tw.utils.isArray(tiddler.fields.tags) && tiddler.fields.tags.length === 0)) {\n\t\t\t\t$tw.utils.pushTop(results,title);\n\t\t\t}\n\t\t});\n\t}\n\treturn results;\n};\n\n})();\n",
"title": "$:/core/modules/filters/untagged.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/core/modules/filters.js": {
"text": "/*\\\ntitle: $:/core/modules/filters.js\ntype: application/javascript\nmodule-type: wikimethod\n\nAdds tiddler filtering methods to the $tw.Wiki object.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nParses an operation (i.e. a run) within a filter string\n\toperators: Array of array of operator nodes into which results should be inserted\n\tfilterString: filter string\n\tp: start position within the string\nReturns the new start position, after the parsed operation\n*/\nfunction parseFilterOperation(operators,filterString,p) {\n\tvar operator, operand, bracketPos, curlyBracketPos;\n\t// Skip the starting square bracket\n\tif(filterString.charAt(p++) !== \"[\") {\n\t\tthrow \"Missing [ in filter expression\";\n\t}\n\t// Process each operator in turn\n\tdo {\n\t\toperator = {};\n\t\t// Check for an operator prefix\n\t\tif(filterString.charAt(p) === \"!\") {\n\t\t\toperator.prefix = filterString.charAt(p++);\n\t\t}\n\t\t// Get the operator name\n\t\tvar nextBracketPos = filterString.substring(p).search(/[\\[\\{<\\/]/);\n\t\tif(nextBracketPos === -1) {\n\t\t\tthrow \"Missing [ in filter expression\";\n\t\t}\n\t\tnextBracketPos += p;\n\t\tvar bracket = filterString.charAt(nextBracketPos);\n\t\toperator.operator = filterString.substring(p,nextBracketPos);\n\t\t\n\t\t// Any suffix?\n\t\tvar colon = operator.operator.indexOf(':');\n\t\tif(colon > -1) {\n\t\t\toperator.suffix = operator.operator.substring(colon + 1);\n\t\t\toperator.operator = operator.operator.substring(0,colon) || \"field\";\n\t\t}\n\t\t// Empty operator means: title\n\t\telse if(operator.operator === \"\") {\n\t\t\toperator.operator = \"title\";\n\t\t}\n\n\t\tp = nextBracketPos + 1;\n\t\tswitch (bracket) {\n\t\t\tcase \"{\": // Curly brackets\n\t\t\t\toperator.indirect = true;\n\t\t\t\tnextBracketPos = filterString.indexOf(\"}\",p);\n\t\t\t\tbreak;\n\t\t\tcase \"[\": // Square brackets\n\t\t\t\tnextBracketPos = filterString.indexOf(\"]\",p);\n\t\t\t\tbreak;\n\t\t\tcase \"<\": // Angle brackets\n\t\t\t\toperator.variable = true;\n\t\t\t\tnextBracketPos = filterString.indexOf(\">\",p);\n\t\t\t\tbreak;\n\t\t\tcase \"/\": // regexp brackets\n\t\t\t\tvar rex = /^((?:[^\\\\\\/]*|\\\\.)*)\\/(?:\\(([mygi]+)\\))?/g,\n\t\t\t\t\trexMatch = rex.exec(filterString.substring(p));\n\t\t\t\tif(rexMatch) {\n\t\t\t\t\toperator.regexp = new RegExp(rexMatch[1], rexMatch[2]);\n// DEPRECATION WARNING\nconsole.log(\"WARNING: Filter\",operator.operator,\"has a deprecated regexp operand\",operator.regexp);\n\t\t\t\t\tnextBracketPos = p + rex.lastIndex - 1;\n\t\t\t\t}\n\t\t\t\telse {\n\t\t\t\t\tthrow \"Unterminated regular expression in filter expression\";\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t}\n\t\t\n\t\tif(nextBracketPos === -1) {\n\t\t\tthrow \"Missing closing bracket in filter expression\";\n\t\t}\n\t\tif(!operator.regexp) {\n\t\t\toperator.operand = filterString.substring(p,nextBracketPos);\n\t\t}\n\t\tp = nextBracketPos + 1;\n\t\t\t\n\t\t// Push this operator\n\t\toperators.push(operator);\n\t} while(filterString.charAt(p) !== \"]\");\n\t// Skip the ending square bracket\n\tif(filterString.charAt(p++) !== \"]\") {\n\t\tthrow \"Missing ] in filter expression\";\n\t}\n\t// Return the parsing position\n\treturn p;\n}\n\n/*\nParse a filter string\n*/\nexports.parseFilter = function(filterString) {\n\tfilterString = filterString || \"\";\n\tvar results = [], // Array of arrays of operator nodes {operator:,operand:}\n\t\tp = 0, // Current position in the filter string\n\t\tmatch;\n\tvar whitespaceRegExp = /(\\s+)/mg,\n\t\toperandRegExp = /((?:\\+|\\-)?)(?:(\\[)|(?:\"([^\"]*)\")|(?:'([^']*)')|([^\\s\\[\\]]+))/mg;\n\twhile(p < filterString.length) {\n\t\t// Skip any whitespace\n\t\twhitespaceRegExp.lastIndex = p;\n\t\tmatch = whitespaceRegExp.exec(filterString);\n\t\tif(match && match.index === p) {\n\t\t\tp = p + match[0].length;\n\t\t}\n\t\t// Match the start of the operation\n\t\tif(p < filterString.length) {\n\t\t\toperandRegExp.lastIndex = p;\n\t\t\tmatch = operandRegExp.exec(filterString);\n\t\t\tif(!match || match.index !== p) {\n\t\t\t\tthrow \"Syntax error in filter expression\";\n\t\t\t}\n\t\t\tvar operation = {\n\t\t\t\tprefix: \"\",\n\t\t\t\toperators: []\n\t\t\t};\n\t\t\tif(match[1]) {\n\t\t\t\toperation.prefix = match[1];\n\t\t\t\tp++;\n\t\t\t}\n\t\t\tif(match[2]) { // Opening square bracket\n\t\t\t\tp = parseFilterOperation(operation.operators,filterString,p);\n\t\t\t} else {\n\t\t\t\tp = match.index + match[0].length;\n\t\t\t}\n\t\t\tif(match[3] || match[4] || match[5]) { // Double quoted string, single quoted string or unquoted title\n\t\t\t\toperation.operators.push(\n\t\t\t\t\t{operator: \"title\", operand: match[3] || match[4] || match[5]}\n\t\t\t\t);\n\t\t\t}\n\t\t\tresults.push(operation);\n\t\t}\n\t}\n\treturn results;\n};\n\nexports.getFilterOperators = function() {\n\tif(!this.filterOperators) {\n\t\t$tw.Wiki.prototype.filterOperators = {};\n\t\t$tw.modules.applyMethods(\"filteroperator\",this.filterOperators);\n\t}\n\treturn this.filterOperators;\n};\n\nexports.filterTiddlers = function(filterString,widget,source) {\n\tvar fn = this.compileFilter(filterString);\n\treturn fn.call(this,source,widget);\n};\n\n/*\nCompile a filter into a function with the signature fn(source,widget) where:\nsource: an iterator function for the source tiddlers, called source(iterator), where iterator is called as iterator(tiddler,title)\nwidget: an optional widget node for retrieving the current tiddler etc.\n*/\nexports.compileFilter = function(filterString) {\n\tvar filterParseTree;\n\ttry {\n\t\tfilterParseTree = this.parseFilter(filterString);\n\t} catch(e) {\n\t\treturn function(source,widget) {\n\t\t\treturn [\"Filter error: \" + e];\n\t\t};\n\t}\n\t// Get the hashmap of filter operator functions\n\tvar filterOperators = this.getFilterOperators();\n\t// Assemble array of functions, one for each operation\n\tvar operationFunctions = [];\n\t// Step through the operations\n\tvar self = this;\n\t$tw.utils.each(filterParseTree,function(operation) {\n\t\t// Create a function for the chain of operators in the operation\n\t\tvar operationSubFunction = function(source,widget) {\n\t\t\tvar accumulator = source,\n\t\t\t\tresults = [],\n\t\t\t\tcurrTiddlerTitle = widget && widget.getVariable(\"currentTiddler\");\n\t\t\t$tw.utils.each(operation.operators,function(operator) {\n\t\t\t\tvar operand = operator.operand,\n\t\t\t\t\toperatorFunction;\n\t\t\t\tif(!operator.operator) {\n\t\t\t\t\toperatorFunction = filterOperators.title;\n\t\t\t\t} else if(!filterOperators[operator.operator]) {\n\t\t\t\t\toperatorFunction = filterOperators.field;\n\t\t\t\t} else {\n\t\t\t\t\toperatorFunction = filterOperators[operator.operator];\n\t\t\t\t}\n\t\t\t\tif(operator.indirect) {\n\t\t\t\t\toperand = self.getTextReference(operator.operand,\"\",currTiddlerTitle);\n\t\t\t\t}\n\t\t\t\tif(operator.variable) {\n\t\t\t\t\toperand = widget.getVariable(operator.operand,{defaultValue: \"\"});\n\t\t\t\t}\n\t\t\t\t// Invoke the appropriate filteroperator module\n\t\t\t\tresults = operatorFunction(accumulator,{\n\t\t\t\t\t\t\toperator: operator.operator,\n\t\t\t\t\t\t\toperand: operand,\n\t\t\t\t\t\t\tprefix: operator.prefix,\n\t\t\t\t\t\t\tsuffix: operator.suffix,\n\t\t\t\t\t\t\tregexp: operator.regexp\n\t\t\t\t\t\t},{\n\t\t\t\t\t\t\twiki: self,\n\t\t\t\t\t\t\twidget: widget\n\t\t\t\t\t\t});\n\t\t\t\tif($tw.utils.isArray(results)) {\n\t\t\t\t\taccumulator = self.makeTiddlerIterator(results);\n\t\t\t\t} else {\n\t\t\t\t\taccumulator = results;\n\t\t\t\t}\n\t\t\t});\n\t\t\tif($tw.utils.isArray(results)) {\n\t\t\t\treturn results;\n\t\t\t} else {\n\t\t\t\tvar resultArray = [];\n\t\t\t\tresults(function(tiddler,title) {\n\t\t\t\t\tresultArray.push(title);\n\t\t\t\t});\n\t\t\t\treturn resultArray;\n\t\t\t}\n\t\t};\n\t\t// Wrap the operator functions in a wrapper function that depends on the prefix\n\t\toperationFunctions.push((function() {\n\t\t\tswitch(operation.prefix || \"\") {\n\t\t\t\tcase \"\": // No prefix means that the operation is unioned into the result\n\t\t\t\t\treturn function(results,source,widget) {\n\t\t\t\t\t\t$tw.utils.pushTop(results,operationSubFunction(source,widget));\n\t\t\t\t\t};\n\t\t\t\tcase \"-\": // The results of this operation are removed from the main result\n\t\t\t\t\treturn function(results,source,widget) {\n\t\t\t\t\t\t$tw.utils.removeArrayEntries(results,operationSubFunction(source,widget));\n\t\t\t\t\t};\n\t\t\t\tcase \"+\": // This operation is applied to the main results so far\n\t\t\t\t\treturn function(results,source,widget) {\n\t\t\t\t\t\t// This replaces all the elements of the array, but keeps the actual array so that references to it are preserved\n\t\t\t\t\t\tsource = self.makeTiddlerIterator(results);\n\t\t\t\t\t\tresults.splice(0,results.length);\n\t\t\t\t\t\t$tw.utils.pushTop(results,operationSubFunction(source,widget));\n\t\t\t\t\t};\n\t\t\t}\n\t\t})());\n\t});\n\t// Return a function that applies the operations to a source iterator of tiddler titles\n\treturn $tw.perf.measure(\"filter\",function filterFunction(source,widget) {\n\t\tif(!source) {\n\t\t\tsource = self.each;\n\t\t} else if(typeof source === \"object\") { // Array or hashmap\n\t\t\tsource = self.makeTiddlerIterator(source);\n\t\t}\n\t\tvar results = [];\n\t\t$tw.utils.each(operationFunctions,function(operationFunction) {\n\t\t\toperationFunction(results,source,widget);\n\t\t});\n\t\treturn results;\n\t});\n};\n\n})();\n",
"title": "$:/core/modules/filters.js",
"type": "application/javascript",
"module-type": "wikimethod"
},
"$:/core/modules/info/platform.js": {
"text": "/*\\\ntitle: $:/core/modules/info/platform.js\ntype: application/javascript\nmodule-type: info\n\nInitialise basic platform $:/info/ tiddlers\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.getInfoTiddlerFields = function() {\n\tvar mapBoolean = function(value) {return value ? \"yes\" : \"no\";},\n\t\tinfoTiddlerFields = [];\n\t// Basics\n\tinfoTiddlerFields.push({title: \"$:/info/browser\", text: mapBoolean(!!$tw.browser)});\n\tinfoTiddlerFields.push({title: \"$:/info/node\", text: mapBoolean(!!$tw.node)});\n\treturn infoTiddlerFields;\n};\n\n})();\n",
"title": "$:/core/modules/info/platform.js",
"type": "application/javascript",
"module-type": "info"
},
"$:/core/modules/language.js": {
"text": "/*\\\ntitle: $:/core/modules/language.js\ntype: application/javascript\nmodule-type: global\n\nThe $tw.Language() manages translateable strings\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nCreate an instance of the language manager. Options include:\nwiki: wiki from which to retrieve translation tiddlers\n*/\nfunction Language(options) {\n\toptions = options || \"\";\n\tthis.wiki = options.wiki || $tw.wiki;\n}\n\n/*\nReturn a single translateable string. The title is automatically prefixed with \"$:/language/\"\nOptions include:\nvariables: optional hashmap of variables to supply to the language wikification\n*/\nLanguage.prototype.getString = function(title,options) {\n\toptions = options || {};\n\ttitle = \"$:/language/\" + title;\n\treturn this.wiki.renderTiddler(\"text/plain\",title,{variables: options.variables});\n};\n\nexports.Language = Language;\n\n})();\n",
"title": "$:/core/modules/language.js",
"type": "application/javascript",
"module-type": "global"
},
"$:/core/modules/macros/changecount.js": {
"text": "/*\\\ntitle: $:/core/modules/macros/changecount.js\ntype: application/javascript\nmodule-type: macro\n\nMacro to return the changecount for the current tiddler\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nInformation about this macro\n*/\n\nexports.name = \"changecount\";\n\nexports.params = [];\n\n/*\nRun the macro\n*/\nexports.run = function() {\n\treturn this.wiki.getChangeCount(this.getVariable(\"currentTiddler\")) + \"\";\n};\n\n})();\n",
"title": "$:/core/modules/macros/changecount.js",
"type": "application/javascript",
"module-type": "macro"
},
"$:/core/modules/macros/contrastcolour.js": {
"text": "/*\\\ntitle: $:/core/modules/macros/contrastcolour.js\ntype: application/javascript\nmodule-type: macro\n\nMacro to choose which of two colours has the highest contrast with a base colour\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nInformation about this macro\n*/\n\nexports.name = \"contrastcolour\";\n\nexports.params = [\n\t{name: \"target\"},\n\t{name: \"fallbackTarget\"},\n\t{name: \"colourA\"},\n\t{name: \"colourB\"}\n];\n\n/*\nRun the macro\n*/\nexports.run = function(target,fallbackTarget,colourA,colourB) {\n\tvar rgbTarget = $tw.utils.parseCSSColor(target) || $tw.utils.parseCSSColor(fallbackTarget);\n\tif(!rgbTarget) {\n\t\treturn colourA;\n\t}\n\tvar rgbColourA = $tw.utils.parseCSSColor(colourA),\n\t\trgbColourB = $tw.utils.parseCSSColor(colourB);\n\tif(rgbColourA && !rgbColourB) {\n\t\treturn rgbColourA;\n\t}\n\tif(rgbColourB && !rgbColourA) {\n\t\treturn rgbColourB;\n\t}\n\tif(!rgbColourA && !rgbColourB) {\n\t\t// If neither colour is readable, return a crude inverse of the target\n\t\treturn [255 - rgbTarget[0],255 - rgbTarget[1],255 - rgbTarget[2],rgbTarget[3]];\n\t}\n\t// Colour brightness formula derived from http://www.w3.org/WAI/ER/WD-AERT/#color-contrast\n\tvar brightnessTarget = rgbTarget[0] * 0.299 + rgbTarget[1] * 0.587 + rgbTarget[2] * 0.114,\n\t\tbrightnessA = rgbColourA[0] * 0.299 + rgbColourA[1] * 0.587 + rgbColourA[2] * 0.114,\n\t\tbrightnessB = rgbColourB[0] * 0.299 + rgbColourB[1] * 0.587 + rgbColourB[2] * 0.114;\n\treturn Math.abs(brightnessTarget - brightnessA) > Math.abs(brightnessTarget - brightnessB) ? colourA : colourB;\n};\n\n})();\n",
"title": "$:/core/modules/macros/contrastcolour.js",
"type": "application/javascript",
"module-type": "macro"
},
"$:/core/modules/macros/csvtiddlers.js": {
"text": "/*\\\ntitle: $:/core/modules/macros/csvtiddlers.js\ntype: application/javascript\nmodule-type: macro\n\nMacro to output tiddlers matching a filter to CSV\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nInformation about this macro\n*/\n\nexports.name = \"csvtiddlers\";\n\nexports.params = [\n\t{name: \"filter\"},\n\t{name: \"format\"},\n];\n\n/*\nRun the macro\n*/\nexports.run = function(filter,format) {\n\tvar self = this,\n\t\ttiddlers = this.wiki.filterTiddlers(filter),\n\t\ttiddler,\n\t\tfields = [],\n\t\tt,f;\n\t// Collect all the fields\n\tfor(t=0;t<tiddlers.length; t++) {\n\t\ttiddler = this.wiki.getTiddler(tiddlers[t]);\n\t\tfor(f in tiddler.fields) {\n\t\t\tif(fields.indexOf(f) === -1) {\n\t\t\t\tfields.push(f);\n\t\t\t}\n\t\t}\n\t}\n\t// Sort the fields and bring the standard ones to the front\n\tfields.sort();\n\t\"title text modified modifier created creator\".split(\" \").reverse().forEach(function(value,index) {\n\t\tvar p = fields.indexOf(value);\n\t\tif(p !== -1) {\n\t\t\tfields.splice(p,1);\n\t\t\tfields.unshift(value)\n\t\t}\n\t});\n\t// Output the column headings\n\tvar output = [], row = [];\n\tfields.forEach(function(value) {\n\t\trow.push(quoteAndEscape(value))\n\t});\n\toutput.push(row.join(\",\"));\n\t// Output each tiddler\n\tfor(var t=0;t<tiddlers.length; t++) {\n\t\trow = [];\n\t\ttiddler = this.wiki.getTiddler(tiddlers[t]);\n\t\t\tfor(f=0; f<fields.length; f++) {\n\t\t\t\trow.push(quoteAndEscape(tiddler ? tiddler.getFieldString(fields[f]) || \"\" : \"\"));\n\t\t\t}\n\t\toutput.push(row.join(\",\"));\n\t}\n\treturn output.join(\"\\n\");\n};\n\nfunction quoteAndEscape(value) {\n\treturn \"\\\"\" + value.replace(/\"/mg,\"\\\"\\\"\") + \"\\\"\";\n}\n\n})();\n",
"title": "$:/core/modules/macros/csvtiddlers.js",
"type": "application/javascript",
"module-type": "macro"
},
"$:/core/modules/macros/dumpvariables.js": {
"text": "/*\\\ntitle: $:/core/modules/macros/dumpvariables.js\ntype: application/javascript\nmodule-type: macro\n\nMacro to dump all active variable values\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nInformation about this macro\n*/\n\nexports.name = \"dumpvariables\";\n\nexports.params = [\n];\n\n/*\nRun the macro\n*/\nexports.run = function() {\n\tvar output = [\"|!Variable |!Value |\"],\n\t\tvariables = [], variable;\n\tfor(variable in this.variables) {\n\t\tvariables.push(variable);\n\t}\n\tvariables.sort();\n\tfor(var index=0; index<variables.length; index++) {\n\t\tvar variable = variables[index];\n\t\toutput.push(\"|\" + variable + \" |<input size=50 value=<<\" + variable + \">>/> |\")\n\t}\n\treturn output.join(\"\\n\");\n};\n\n})();\n",
"title": "$:/core/modules/macros/dumpvariables.js",
"type": "application/javascript",
"module-type": "macro"
},
"$:/core/modules/macros/jsontiddlers.js": {
"text": "/*\\\ntitle: $:/core/modules/macros/jsontiddlers.js\ntype: application/javascript\nmodule-type: macro\n\nMacro to output tiddlers matching a filter to JSON\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nInformation about this macro\n*/\n\nexports.name = \"jsontiddlers\";\n\nexports.params = [\n\t{name: \"filter\"}\n];\n\n/*\nRun the macro\n*/\nexports.run = function(filter) {\n\tvar tiddlers = this.wiki.filterTiddlers(filter),\n\t\tdata = [];\n\tfor(var t=0;t<tiddlers.length; t++) {\n\t\tvar tiddler = this.wiki.getTiddler(tiddlers[t]);\n\t\tif(tiddler) {\n\t\t\tvar fields = new Object();\n\t\t\tfor(var field in tiddler.fields) {\n\t\t\t\tfields[field] = tiddler.getFieldString(field);\n\t\t\t}\n\t\t\tdata.push(fields);\n\t\t}\n\t}\n\treturn JSON.stringify(data,null,$tw.config.preferences.jsonSpaces);\n};\n\n})();\n",
"title": "$:/core/modules/macros/jsontiddlers.js",
"type": "application/javascript",
"module-type": "macro"
},
"$:/core/modules/macros/makedatauri.js": {
"text": "/*\\\ntitle: $:/core/modules/macros/makedatauri.js\ntype: application/javascript\nmodule-type: macro\n\nMacro to convert the content of a tiddler to a data URI\n\n<<makedatauri text:\"Text to be converted\" type:\"text/vnd.tiddlywiki\">>\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nInformation about this macro\n*/\n\nexports.name = \"makedatauri\";\n\nexports.params = [\n\t{name: \"text\"},\n\t{name: \"type\"}\n];\n\n/*\nRun the macro\n*/\nexports.run = function(text,type) {\n\treturn $tw.utils.makeDataUri(text,type);\n};\n\n})();\n",
"title": "$:/core/modules/macros/makedatauri.js",
"type": "application/javascript",
"module-type": "macro"
},
"$:/core/modules/macros/now.js": {
"text": "/*\\\ntitle: $:/core/modules/macros/now.js\ntype: application/javascript\nmodule-type: macro\n\nMacro to return a formatted version of the current time\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nInformation about this macro\n*/\n\nexports.name = \"now\";\n\nexports.params = [\n\t{name: \"format\"}\n];\n\n/*\nRun the macro\n*/\nexports.run = function(format) {\n\treturn $tw.utils.formatDateString(new Date(),format || \"0hh:0mm, DDth MMM YYYY\");\n};\n\n})();\n",
"title": "$:/core/modules/macros/now.js",
"type": "application/javascript",
"module-type": "macro"
},
"$:/core/modules/macros/qualify.js": {
"text": "/*\\\ntitle: $:/core/modules/macros/qualify.js\ntype: application/javascript\nmodule-type: macro\n\nMacro to qualify a state tiddler title according\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nInformation about this macro\n*/\n\nexports.name = \"qualify\";\n\nexports.params = [\n\t{name: \"title\"}\n];\n\n/*\nRun the macro\n*/\nexports.run = function(title) {\n\treturn title + \"-\" + this.getStateQualifier();\n};\n\n})();\n",
"title": "$:/core/modules/macros/qualify.js",
"type": "application/javascript",
"module-type": "macro"
},
"$:/core/modules/macros/resolvepath.js": {
"text": "/*\\\ntitle: $:/core/modules/macros/resolvepath.js\ntype: application/javascript\nmodule-type: macro\n\nResolves a relative path for an absolute rootpath.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"resolvepath\";\n\nexports.params = [\n\t{name: \"source\"},\n\t{name: \"root\"}\n];\n\n/*\nRun the macro\n*/\nexports.run = function(source, root) {\n\treturn $tw.utils.resolvePath(source, root);\n};\n\n})();\n",
"title": "$:/core/modules/macros/resolvepath.js",
"type": "application/javascript",
"module-type": "macro"
},
"$:/core/modules/macros/version.js": {
"text": "/*\\\ntitle: $:/core/modules/macros/version.js\ntype: application/javascript\nmodule-type: macro\n\nMacro to return the TiddlyWiki core version number\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nInformation about this macro\n*/\n\nexports.name = \"version\";\n\nexports.params = [];\n\n/*\nRun the macro\n*/\nexports.run = function() {\n\treturn $tw.version;\n};\n\n})();\n",
"title": "$:/core/modules/macros/version.js",
"type": "application/javascript",
"module-type": "macro"
},
"$:/core/modules/parsers/audioparser.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/audioparser.js\ntype: application/javascript\nmodule-type: parser\n\nThe audio parser parses an audio tiddler into an embeddable HTML element\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar AudioParser = function(type,text,options) {\n\tvar element = {\n\t\t\ttype: \"element\",\n\t\t\ttag: \"audio\",\n\t\t\tattributes: {\n\t\t\t\tcontrols: {type: \"string\", value: \"controls\"}\n\t\t\t}\n\t\t},\n\t\tsrc;\n\tif(options._canonical_uri) {\n\t\telement.attributes.src = {type: \"string\", value: options._canonical_uri};\n\t} else if(text) {\n\t\telement.attributes.src = {type: \"string\", value: \"data:\" + type + \";base64,\" + text};\n\t}\n\tthis.tree = [element];\n};\n\nexports[\"audio/ogg\"] = AudioParser;\nexports[\"audio/mpeg\"] = AudioParser;\nexports[\"audio/mp3\"] = AudioParser;\nexports[\"audio/mp4\"] = AudioParser;\n\n})();\n\n",
"title": "$:/core/modules/parsers/audioparser.js",
"type": "application/javascript",
"module-type": "parser"
},
"$:/core/modules/parsers/csvparser.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/csvparser.js\ntype: application/javascript\nmodule-type: parser\n\nThe CSV text parser processes CSV files into a table wrapped in a scrollable widget\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar CsvParser = function(type,text,options) {\n\t// Table framework\n\tthis.tree = [{\n\t\t\"type\": \"scrollable\", \"children\": [{\n\t\t\t\"type\": \"element\", \"tag\": \"table\", \"children\": [{\n\t\t\t\t\"type\": \"element\", \"tag\": \"tbody\", \"children\": []\n\t\t\t}], \"attributes\": {\n\t\t\t\t\"class\": {\"type\": \"string\", \"value\": \"tc-csv-table\"}\n\t\t\t}\n\t\t}]\n\t}];\n\t// Split the text into lines\n\tvar lines = text.split(/\\r?\\n/mg),\n\t\ttag = \"th\";\n\tfor(var line=0; line<lines.length; line++) {\n\t\tvar lineText = lines[line];\n\t\tif(lineText) {\n\t\t\tvar row = {\n\t\t\t\t\t\"type\": \"element\", \"tag\": \"tr\", \"children\": []\n\t\t\t\t};\n\t\t\tvar columns = lineText.split(\",\");\n\t\t\tfor(var column=0; column<columns.length; column++) {\n\t\t\t\trow.children.push({\n\t\t\t\t\t\t\"type\": \"element\", \"tag\": tag, \"children\": [{\n\t\t\t\t\t\t\t\"type\": \"text\",\n\t\t\t\t\t\t\t\"text\": columns[column]\n\t\t\t\t\t\t}]\n\t\t\t\t\t});\n\t\t\t}\n\t\t\ttag = \"td\";\n\t\t\tthis.tree[0].children[0].children[0].children.push(row);\n\t\t}\n\t}\n};\n\nexports[\"text/csv\"] = CsvParser;\n\n})();\n\n",
"title": "$:/core/modules/parsers/csvparser.js",
"type": "application/javascript",
"module-type": "parser"
},
"$:/core/modules/parsers/htmlparser.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/htmlparser.js\ntype: application/javascript\nmodule-type: parser\n\nThe HTML parser displays text as raw HTML\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar HtmlParser = function(type,text,options) {\n\tvar src;\n\tif(options._canonical_uri) {\n\t\tsrc = options._canonical_uri;\n\t} else if(text) {\n\t\tsrc = \"data:text/html;charset=utf-8,\" + encodeURIComponent(text);\n\t}\n\tthis.tree = [{\n\t\ttype: \"element\",\n\t\ttag: \"iframe\",\n\t\tattributes: {\n\t\t\tsrc: {type: \"string\", value: src},\n\t\t\tsandbox: {type: \"string\", value: \"sandbox\"}\n\t\t}\n\t}];\n};\n\nexports[\"text/html\"] = HtmlParser;\n\n})();\n\n",
"title": "$:/core/modules/parsers/htmlparser.js",
"type": "application/javascript",
"module-type": "parser"
},
"$:/core/modules/parsers/imageparser.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/imageparser.js\ntype: application/javascript\nmodule-type: parser\n\nThe image parser parses an image into an embeddable HTML element\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar ImageParser = function(type,text,options) {\n\tvar element = {\n\t\t\ttype: \"element\",\n\t\t\ttag: \"img\",\n\t\t\tattributes: {}\n\t\t},\n\t\tsrc;\n\tif(options._canonical_uri) {\n\t\telement.attributes.src = {type: \"string\", value: options._canonical_uri};\n\t\tif(type === \"application/pdf\" || type === \".pdf\") {\n\t\t\telement.tag = \"embed\";\n\t\t}\n\t} else if(text) {\n\t\tif(type === \"application/pdf\" || type === \".pdf\") {\n\t\t\telement.attributes.src = {type: \"string\", value: \"data:application/pdf;base64,\" + text};\n\t\t\telement.tag = \"embed\";\n\t\t} else if(type === \"image/svg+xml\" || type === \".svg\") {\n\t\t\telement.attributes.src = {type: \"string\", value: \"data:image/svg+xml,\" + encodeURIComponent(text)};\n\t\t} else {\n\t\t\telement.attributes.src = {type: \"string\", value: \"data:\" + type + \";base64,\" + text};\n\t\t}\n\t}\n\tthis.tree = [element];\n};\n\nexports[\"image/svg+xml\"] = ImageParser;\nexports[\"image/jpg\"] = ImageParser;\nexports[\"image/jpeg\"] = ImageParser;\nexports[\"image/png\"] = ImageParser;\nexports[\"image/gif\"] = ImageParser;\nexports[\"application/pdf\"] = ImageParser;\nexports[\"image/x-icon\"] = ImageParser;\n\n})();\n\n",
"title": "$:/core/modules/parsers/imageparser.js",
"type": "application/javascript",
"module-type": "parser"
},
"$:/core/modules/utils/parseutils.js": {
"text": "/*\\\ntitle: $:/core/modules/utils/parseutils.js\ntype: application/javascript\nmodule-type: utils\n\nUtility functions concerned with parsing text into tokens.\n\nMost functions have the following pattern:\n\n* The parameters are:\n** `source`: the source string being parsed\n** `pos`: the current parse position within the string\n** Any further parameters are used to identify the token that is being parsed\n* The return value is:\n** null if the token was not found at the specified position\n** an object representing the token with the following standard fields:\n*** `type`: string indicating the type of the token\n*** `start`: start position of the token in the source string\n*** `end`: end position of the token in the source string\n*** Any further fields required to describe the token\n\nThe exception is `skipWhiteSpace`, which just returns the position after the whitespace.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nLook for a whitespace token. Returns null if not found, otherwise returns {type: \"whitespace\", start:, end:,}\n*/\nexports.parseWhiteSpace = function(source,pos) {\n\tvar node = {\n\t\ttype: \"whitespace\",\n\t\tstart: pos\n\t};\n\tvar re = /(\\s)+/g;\n\tre.lastIndex = pos;\n\tvar match = re.exec(source);\n\tif(match && match.index === pos) {\n\t\tnode.end = pos + match[0].length;\n\t\treturn node;\n\t}\n\treturn null;\n};\n\n/*\nConvenience wrapper for parseWhiteSpace. Returns the position after the whitespace\n*/\nexports.skipWhiteSpace = function(source,pos) {\n\tvar whitespace = $tw.utils.parseWhiteSpace(source,pos);\n\tif(whitespace) {\n\t\treturn whitespace.end;\n\t}\n\treturn pos;\n};\n\n/*\nLook for a given string token. Returns null if not found, otherwise returns {type: \"token\", value:, start:, end:,}\n*/\nexports.parseTokenString = function(source,pos,token) {\n\tvar match = source.indexOf(token,pos) === pos;\n\tif(match) {\n\t\treturn {\n\t\t\ttype: \"token\",\n\t\t\tvalue: token,\n\t\t\tstart: pos,\n\t\t\tend: pos + token.length\n\t\t};\n\t}\n\treturn null;\n};\n\n/*\nLook for a token matching a regex. Returns null if not found, otherwise returns {type: \"regexp\", match:, start:, end:,}\n*/\nexports.parseTokenRegExp = function(source,pos,reToken) {\n\tvar node = {\n\t\ttype: \"regexp\",\n\t\tstart: pos\n\t};\n\treToken.lastIndex = pos;\n\tnode.match = reToken.exec(source);\n\tif(node.match && node.match.index === pos) {\n\t\tnode.end = pos + node.match[0].length;\n\t\treturn node;\n\t} else {\n\t\treturn null;\n\t}\n};\n\n/*\nLook for a string literal. Returns null if not found, otherwise returns {type: \"string\", value:, start:, end:,}\n*/\nexports.parseStringLiteral = function(source,pos) {\n\tvar node = {\n\t\ttype: \"string\",\n\t\tstart: pos\n\t};\n\tvar reString = /(?:\"\"\"([\\s\\S]*?)\"\"\"|\"([^\"]*)\")|(?:'([^']*)')/g;\n\treString.lastIndex = pos;\n\tvar match = reString.exec(source);\n\tif(match && match.index === pos) {\n\t\tnode.value = match[1] !== undefined ? match[1] :(\n\t\t\tmatch[2] !== undefined ? match[2] : match[3] \n\t\t\t\t\t);\n\t\tnode.end = pos + match[0].length;\n\t\treturn node;\n\t} else {\n\t\treturn null;\n\t}\n};\n\n/*\nLook for a macro invocation parameter. Returns null if not found, or {type: \"macro-parameter\", name:, value:, start:, end:}\n*/\nexports.parseMacroParameter = function(source,pos) {\n\tvar node = {\n\t\ttype: \"macro-parameter\",\n\t\tstart: pos\n\t};\n\t// Define our regexp\n\tvar reMacroParameter = /(?:([A-Za-z0-9\\-_]+)\\s*:)?(?:\\s*(?:\"\"\"([\\s\\S]*?)\"\"\"|\"([^\"]*)\"|'([^']*)'|\\[\\[([^\\]]*)\\]\\]|([^\\s>\"'=]+)))/g;\n\t// Skip whitespace\n\tpos = $tw.utils.skipWhiteSpace(source,pos);\n\t// Look for the parameter\n\tvar token = $tw.utils.parseTokenRegExp(source,pos,reMacroParameter);\n\tif(!token) {\n\t\treturn null;\n\t}\n\tpos = token.end;\n\t// Get the parameter details\n\tnode.value = token.match[2] !== undefined ? token.match[2] : (\n\t\t\t\t\ttoken.match[3] !== undefined ? token.match[3] : (\n\t\t\t\t\t\ttoken.match[4] !== undefined ? token.match[4] : (\n\t\t\t\t\t\t\ttoken.match[5] !== undefined ? token.match[5] : (\n\t\t\t\t\t\t\t\ttoken.match[6] !== undefined ? token.match[6] : (\n\t\t\t\t\t\t\t\t\t\"\"\n\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t)\n\t\t\t\t\t\t)\n\t\t\t\t\t)\n\t\t\t\t);\n\tif(token.match[1]) {\n\t\tnode.name = token.match[1];\n\t}\n\t// Update the end position\n\tnode.end = pos;\n\treturn node;\n};\n\n/*\nLook for a macro invocation. Returns null if not found, or {type: \"macrocall\", name:, parameters:, start:, end:}\n*/\nexports.parseMacroInvocation = function(source,pos) {\n\tvar node = {\n\t\ttype: \"macrocall\",\n\t\tstart: pos,\n\t\tparams: []\n\t};\n\t// Define our regexps\n\tvar reMacroName = /([^\\s>\"'=]+)/g;\n\t// Skip whitespace\n\tpos = $tw.utils.skipWhiteSpace(source,pos);\n\t// Look for a double less than sign\n\tvar token = $tw.utils.parseTokenString(source,pos,\"<<\");\n\tif(!token) {\n\t\treturn null;\n\t}\n\tpos = token.end;\n\t// Get the macro name\n\tvar name = $tw.utils.parseTokenRegExp(source,pos,reMacroName);\n\tif(!name) {\n\t\treturn null;\n\t}\n\tnode.name = name.match[1];\n\tpos = name.end;\n\t// Process parameters\n\tvar parameter = $tw.utils.parseMacroParameter(source,pos);\n\twhile(parameter) {\n\t\tnode.params.push(parameter);\n\t\tpos = parameter.end;\n\t\t// Get the next parameter\n\t\tparameter = $tw.utils.parseMacroParameter(source,pos);\n\t}\n\t// Skip whitespace\n\tpos = $tw.utils.skipWhiteSpace(source,pos);\n\t// Look for a double greater than sign\n\ttoken = $tw.utils.parseTokenString(source,pos,\">>\");\n\tif(!token) {\n\t\treturn null;\n\t}\n\tpos = token.end;\n\t// Update the end position\n\tnode.end = pos;\n\treturn node;\n};\n\n/*\nLook for an HTML attribute definition. Returns null if not found, otherwise returns {type: \"attribute\", name:, valueType: \"string|indirect|macro\", value:, start:, end:,}\n*/\nexports.parseAttribute = function(source,pos) {\n\tvar node = {\n\t\tstart: pos\n\t};\n\t// Define our regexps\n\tvar reAttributeName = /([^\\/\\s>\"'=]+)/g,\n\t\treUnquotedAttribute = /([^\\/\\s<>\"'=]+)/g,\n\t\treIndirectValue = /\\{\\{([^\\}]+)\\}\\}/g;\n\t// Skip whitespace\n\tpos = $tw.utils.skipWhiteSpace(source,pos);\n\t// Get the attribute name\n\tvar name = $tw.utils.parseTokenRegExp(source,pos,reAttributeName);\n\tif(!name) {\n\t\treturn null;\n\t}\n\tnode.name = name.match[1];\n\tpos = name.end;\n\t// Skip whitespace\n\tpos = $tw.utils.skipWhiteSpace(source,pos);\n\t// Look for an equals sign\n\tvar token = $tw.utils.parseTokenString(source,pos,\"=\");\n\tif(token) {\n\t\tpos = token.end;\n\t\t// Skip whitespace\n\t\tpos = $tw.utils.skipWhiteSpace(source,pos);\n\t\t// Look for a string literal\n\t\tvar stringLiteral = $tw.utils.parseStringLiteral(source,pos);\n\t\tif(stringLiteral) {\n\t\t\tpos = stringLiteral.end;\n\t\t\tnode.type = \"string\";\n\t\t\tnode.value = stringLiteral.value;\n\t\t} else {\n\t\t\t// Look for an indirect value\n\t\t\tvar indirectValue = $tw.utils.parseTokenRegExp(source,pos,reIndirectValue);\n\t\t\tif(indirectValue) {\n\t\t\t\tpos = indirectValue.end;\n\t\t\t\tnode.type = \"indirect\";\n\t\t\t\tnode.textReference = indirectValue.match[1];\n\t\t\t} else {\n\t\t\t\t// Look for a unquoted value\n\t\t\t\tvar unquotedValue = $tw.utils.parseTokenRegExp(source,pos,reUnquotedAttribute);\n\t\t\t\tif(unquotedValue) {\n\t\t\t\t\tpos = unquotedValue.end;\n\t\t\t\t\tnode.type = \"string\";\n\t\t\t\t\tnode.value = unquotedValue.match[1];\n\t\t\t\t} else {\n\t\t\t\t\t// Look for a macro invocation value\n\t\t\t\t\tvar macroInvocation = $tw.utils.parseMacroInvocation(source,pos);\n\t\t\t\t\tif(macroInvocation) {\n\t\t\t\t\t\tpos = macroInvocation.end;\n\t\t\t\t\t\tnode.type = \"macro\";\n\t\t\t\t\t\tnode.value = macroInvocation;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tnode.type = \"string\";\n\t\t\t\t\t\tnode.value = \"true\";\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t} else {\n\t\tnode.type = \"string\";\n\t\tnode.value = \"true\";\n\t}\n\t// Update the end position\n\tnode.end = pos;\n\treturn node;\n};\n\n})();\n",
"title": "$:/core/modules/utils/parseutils.js",
"type": "application/javascript",
"module-type": "utils"
},
"$:/core/modules/parsers/textparser.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/textparser.js\ntype: application/javascript\nmodule-type: parser\n\nThe plain text parser processes blocks of source text into a degenerate parse tree consisting of a single text node\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar TextParser = function(type,text,options) {\n\tthis.tree = [{\n\t\ttype: \"codeblock\",\n\t\tattributes: {\n\t\t\tcode: {type: \"string\", value: text},\n\t\t\tlanguage: {type: \"string\", value: type}\n\t\t}\n\t}];\n};\n\nexports[\"text/plain\"] = TextParser;\nexports[\"text/x-tiddlywiki\"] = TextParser;\nexports[\"application/javascript\"] = TextParser;\nexports[\"application/json\"] = TextParser;\nexports[\"text/css\"] = TextParser;\nexports[\"application/x-tiddler-dictionary\"] = TextParser;\n\n})();\n\n",
"title": "$:/core/modules/parsers/textparser.js",
"type": "application/javascript",
"module-type": "parser"
},
"$:/core/modules/parsers/wikiparser/rules/codeblock.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/codeblock.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text rule for code blocks. For example:\n\n```\n\t```\n\tThis text will not be //wikified//\n\t```\n```\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"codeblock\";\nexports.types = {block: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match and get language if defined\n\tthis.matchRegExp = /```([\\w-]*)\\r?\\n/mg;\n};\n\nexports.parse = function() {\n\tvar reEnd = /(\\r?\\n```$)/mg;\n\t// Move past the match\n\tthis.parser.pos = this.matchRegExp.lastIndex;\n\n\t// Look for the end of the block\n\treEnd.lastIndex = this.parser.pos;\n\tvar match = reEnd.exec(this.parser.source),\n\t\ttext;\n\t// Process the block\n\tif(match) {\n\t\ttext = this.parser.source.substring(this.parser.pos,match.index);\n\t\tthis.parser.pos = match.index + match[0].length;\n\t} else {\n\t\ttext = this.parser.source.substr(this.parser.pos);\n\t\tthis.parser.pos = this.parser.sourceLength;\n\t}\n\t// Return the $codeblock widget\n\treturn [{\n\t\t\ttype: \"codeblock\",\n\t\t\tattributes: {\n\t\t\t\t\tcode: {type: \"string\", value: text},\n\t\t\t\t\tlanguage: {type: \"string\", value: this.match[1]}\n\t\t\t}\n\t}];\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/codeblock.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/codeinline.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/codeinline.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text inline rule for code runs. For example:\n\n```\n\tThis is a `code run`.\n\tThis is another ``code run``\n```\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"codeinline\";\nexports.types = {inline: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = /(``?)/mg;\n};\n\nexports.parse = function() {\n\t// Move past the match\n\tthis.parser.pos = this.matchRegExp.lastIndex;\n\tvar reEnd = new RegExp(this.match[1], \"mg\");\n\t// Look for the end marker\n\treEnd.lastIndex = this.parser.pos;\n\tvar match = reEnd.exec(this.parser.source),\n\t\ttext;\n\t// Process the text\n\tif(match) {\n\t\ttext = this.parser.source.substring(this.parser.pos,match.index);\n\t\tthis.parser.pos = match.index + match[0].length;\n\t} else {\n\t\ttext = this.parser.source.substr(this.parser.pos);\n\t\tthis.parser.pos = this.parser.sourceLength;\n\t}\n\treturn [{\n\t\ttype: \"element\",\n\t\ttag: \"code\",\n\t\tchildren: [{\n\t\t\ttype: \"text\",\n\t\t\ttext: text\n\t\t}]\n\t}];\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/codeinline.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/commentblock.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/commentblock.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text block rule for HTML comments. For example:\n\n```\n<!-- This is a comment -->\n```\n\nNote that the syntax for comments is simplified to an opening \"<!--\" sequence and a closing \"-->\" sequence -- HTML itself implements a more complex format (see http://ostermiller.org/findhtmlcomment.html)\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"commentblock\";\nexports.types = {block: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\tthis.matchRegExp = /<!--/mg;\n\tthis.endMatchRegExp = /-->/mg;\n};\n\nexports.findNextMatch = function(startPos) {\n\tthis.matchRegExp.lastIndex = startPos;\n\tthis.match = this.matchRegExp.exec(this.parser.source);\n\tif(this.match) {\n\t\tthis.endMatchRegExp.lastIndex = startPos + this.match[0].length;\n\t\tthis.endMatch = this.endMatchRegExp.exec(this.parser.source);\n\t\tif(this.endMatch) {\n\t\t\treturn this.match.index;\n\t\t}\n\t}\n\treturn undefined;\n};\n\nexports.parse = function() {\n\t// Move past the match\n\tthis.parser.pos = this.endMatchRegExp.lastIndex;\n\t// Don't return any elements\n\treturn [];\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/commentblock.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/commentinline.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/commentinline.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text inline rule for HTML comments. For example:\n\n```\n<!-- This is a comment -->\n```\n\nNote that the syntax for comments is simplified to an opening \"<!--\" sequence and a closing \"-->\" sequence -- HTML itself implements a more complex format (see http://ostermiller.org/findhtmlcomment.html)\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"commentinline\";\nexports.types = {inline: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\tthis.matchRegExp = /<!--/mg;\n\tthis.endMatchRegExp = /-->/mg;\n};\n\nexports.findNextMatch = function(startPos) {\n\tthis.matchRegExp.lastIndex = startPos;\n\tthis.match = this.matchRegExp.exec(this.parser.source);\n\tif(this.match) {\n\t\tthis.endMatchRegExp.lastIndex = startPos + this.match[0].length;\n\t\tthis.endMatch = this.endMatchRegExp.exec(this.parser.source);\n\t\tif(this.endMatch) {\n\t\t\treturn this.match.index;\n\t\t}\n\t}\n\treturn undefined;\n};\n\nexports.parse = function() {\n\t// Move past the match\n\tthis.parser.pos = this.endMatchRegExp.lastIndex;\n\t// Don't return any elements\n\treturn [];\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/commentinline.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/dash.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/dash.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text inline rule for dashes. For example:\n\n```\nThis is an en-dash: --\n\nThis is an em-dash: ---\n```\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"dash\";\nexports.types = {inline: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = /-{2,3}(?!-)/mg;\n};\n\nexports.parse = function() {\n\t// Move past the match\n\tthis.parser.pos = this.matchRegExp.lastIndex;\n\tvar dash = this.match[0].length === 2 ? \"–\" : \"—\";\n\treturn [{\n\t\ttype: \"entity\",\n\t\tentity: dash\n\t}];\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/dash.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/emphasis/bold.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/emphasis/bold.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text inline rule for emphasis - bold. For example:\n\n```\n\tThis is ''bold'' text\n```\n\nThis wikiparser can be modified using the rules eg:\n\n```\n\\rules except bold \n\\rules only bold \n```\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"bold\";\nexports.types = {inline: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = /''/mg;\n};\n\nexports.parse = function() {\n\t// Move past the match\n\tthis.parser.pos = this.matchRegExp.lastIndex;\n\n\t// Parse the run including the terminator\n\tvar tree = this.parser.parseInlineRun(/''/mg,{eatTerminator: true});\n\n\t// Return the classed span\n\treturn [{\n\t\ttype: \"element\",\n\t\ttag: \"strong\",\n\t\tchildren: tree\n\t}];\n};\n\n})();",
"title": "$:/core/modules/parsers/wikiparser/rules/emphasis/bold.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/emphasis/italic.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/emphasis/italic.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text inline rule for emphasis - italic. For example:\n\n```\n\tThis is //italic// text\n```\n\nThis wikiparser can be modified using the rules eg:\n\n```\n\\rules except italic\n\\rules only italic\n```\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"italic\";\nexports.types = {inline: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = /\\/\\//mg;\n};\n\nexports.parse = function() {\n\t// Move past the match\n\tthis.parser.pos = this.matchRegExp.lastIndex;\n\n\t// Parse the run including the terminator\n\tvar tree = this.parser.parseInlineRun(/\\/\\//mg,{eatTerminator: true});\n\n\t// Return the classed span\n\treturn [{\n\t\ttype: \"element\",\n\t\ttag: \"em\",\n\t\tchildren: tree\n\t}];\n};\n\n})();",
"title": "$:/core/modules/parsers/wikiparser/rules/emphasis/italic.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/emphasis/strikethrough.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/emphasis/strikethrough.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text inline rule for emphasis - strikethrough. For example:\n\n```\n\tThis is ~~strikethrough~~ text\n```\n\nThis wikiparser can be modified using the rules eg:\n\n```\n\\rules except strikethrough \n\\rules only strikethrough \n```\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"strikethrough\";\nexports.types = {inline: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = /~~/mg;\n};\n\nexports.parse = function() {\n\t// Move past the match\n\tthis.parser.pos = this.matchRegExp.lastIndex;\n\n\t// Parse the run including the terminator\n\tvar tree = this.parser.parseInlineRun(/~~/mg,{eatTerminator: true});\n\n\t// Return the classed span\n\treturn [{\n\t\ttype: \"element\",\n\t\ttag: \"strike\",\n\t\tchildren: tree\n\t}];\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/emphasis/strikethrough.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/emphasis/subscript.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/emphasis/subscript.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text inline rule for emphasis - subscript. For example:\n\n```\n\tThis is ,,subscript,, text\n```\n\nThis wikiparser can be modified using the rules eg:\n\n```\n\\rules except subscript \n\\rules only subscript \n```\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"subscript\";\nexports.types = {inline: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = /,,/mg;\n};\n\nexports.parse = function() {\n\t// Move past the match\n\tthis.parser.pos = this.matchRegExp.lastIndex;\n\n\t// Parse the run including the terminator\n\tvar tree = this.parser.parseInlineRun(/,,/mg,{eatTerminator: true});\n\n\t// Return the classed span\n\treturn [{\n\t\ttype: \"element\",\n\t\ttag: \"sub\",\n\t\tchildren: tree\n\t}];\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/emphasis/subscript.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/emphasis/superscript.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/emphasis/superscript.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text inline rule for emphasis - superscript. For example:\n\n```\n\tThis is ^^superscript^^ text\n```\n\nThis wikiparser can be modified using the rules eg:\n\n```\n\\rules except superscript \n\\rules only superscript \n```\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"superscript\";\nexports.types = {inline: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = /\\^\\^/mg;\n};\n\nexports.parse = function() {\n\t// Move past the match\n\tthis.parser.pos = this.matchRegExp.lastIndex;\n\n\t// Parse the run including the terminator\n\tvar tree = this.parser.parseInlineRun(/\\^\\^/mg,{eatTerminator: true});\n\n\t// Return the classed span\n\treturn [{\n\t\ttype: \"element\",\n\t\ttag: \"sup\",\n\t\tchildren: tree\n\t}];\n};\n\n})();",
"title": "$:/core/modules/parsers/wikiparser/rules/emphasis/superscript.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/emphasis/underscore.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/emphasis/underscore.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text inline rule for emphasis - underscore. For example:\n\n```\n\tThis is __underscore__ text\n```\n\nThis wikiparser can be modified using the rules eg:\n\n```\n\\rules except underscore \n\\rules only underscore\n```\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"underscore\";\nexports.types = {inline: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = /__/mg;\n};\n\nexports.parse = function() {\n\t// Move past the match\n\tthis.parser.pos = this.matchRegExp.lastIndex;\n\n\t// Parse the run including the terminator\n\tvar tree = this.parser.parseInlineRun(/__/mg,{eatTerminator: true});\n\n\t// Return the classed span\n\treturn [{\n\t\ttype: \"element\",\n\t\ttag: \"u\",\n\t\tchildren: tree\n\t}];\n};\n\n})();",
"title": "$:/core/modules/parsers/wikiparser/rules/emphasis/underscore.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/entity.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/entity.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text inline rule for HTML entities. For example:\n\n```\n\tThis is a copyright symbol: ©\n```\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"entity\";\nexports.types = {inline: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = /(&#?[a-zA-Z0-9]{2,8};)/mg;\n};\n\n/*\nParse the most recent match\n*/\nexports.parse = function() {\n\t// Get all the details of the match\n\tvar entityString = this.match[1];\n\t// Move past the macro call\n\tthis.parser.pos = this.matchRegExp.lastIndex;\n\t// Return the entity\n\treturn [{type: \"entity\", entity: this.match[0]}];\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/entity.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/extlink.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/extlink.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text inline rule for external links. For example:\n\n```\nAn external link: http://www.tiddlywiki.com/\n\nA suppressed external link: ~http://www.tiddlyspace.com/\n```\n\nExternal links can be suppressed by preceding them with `~`.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"extlink\";\nexports.types = {inline: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = /~?(?:file|http|https|mailto|ftp|irc|news|data|skype):[^\\s<>{}\\[\\]`|'\"\\\\^~]+(?:\\/|\\b)/mg;\n};\n\nexports.parse = function() {\n\t// Move past the match\n\tthis.parser.pos = this.matchRegExp.lastIndex;\n\t// Create the link unless it is suppressed\n\tif(this.match[0].substr(0,1) === \"~\") {\n\t\treturn [{type: \"text\", text: this.match[0].substr(1)}];\n\t} else {\n\t\treturn [{\n\t\t\ttype: \"element\",\n\t\t\ttag: \"a\",\n\t\t\tattributes: {\n\t\t\t\thref: {type: \"string\", value: this.match[0]},\n\t\t\t\t\"class\": {type: \"string\", value: \"tc-tiddlylink-external\"},\n\t\t\t\ttarget: {type: \"string\", value: \"_blank\"}\n\t\t\t},\n\t\t\tchildren: [{\n\t\t\t\ttype: \"text\", text: this.match[0]\n\t\t\t}]\n\t\t}];\n\t}\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/extlink.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/filteredtranscludeblock.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/filteredtranscludeblock.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text rule for block-level filtered transclusion. For example:\n\n```\n{{{ [tag[docs]] }}}\n{{{ [tag[docs]] |tooltip}}}\n{{{ [tag[docs]] ||TemplateTitle}}}\n{{{ [tag[docs]] |tooltip||TemplateTitle}}}\n{{{ [tag[docs]] }}width:40;height:50;}.class.class\n```\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"filteredtranscludeblock\";\nexports.types = {block: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = /\\{\\{\\{([^\\|]+?)(?:\\|([^\\|\\{\\}]+))?(?:\\|\\|([^\\|\\{\\}]+))?\\}\\}([^\\}]*)\\}(?:\\.(\\S+))?(?:\\r?\\n|$)/mg;\n};\n\nexports.parse = function() {\n\t// Move past the match\n\tthis.parser.pos = this.matchRegExp.lastIndex;\n\t// Get the match details\n\tvar filter = this.match[1],\n\t\ttooltip = this.match[2],\n\t\ttemplate = $tw.utils.trim(this.match[3]),\n\t\tstyle = this.match[4],\n\t\tclasses = this.match[5];\n\t// Return the list widget\n\tvar node = {\n\t\ttype: \"list\",\n\t\tattributes: {\n\t\t\tfilter: {type: \"string\", value: filter}\n\t\t},\n\t\tisBlock: true\n\t};\n\tif(tooltip) {\n\t\tnode.attributes.tooltip = {type: \"string\", value: tooltip};\n\t}\n\tif(template) {\n\t\tnode.attributes.template = {type: \"string\", value: template};\n\t}\n\tif(style) {\n\t\tnode.attributes.style = {type: \"string\", value: style};\n\t}\n\tif(classes) {\n\t\tnode.attributes.itemClass = {type: \"string\", value: classes.split(\".\").join(\" \")};\n\t}\n\treturn [node];\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/filteredtranscludeblock.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/filteredtranscludeinline.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/filteredtranscludeinline.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text rule for inline filtered transclusion. For example:\n\n```\n{{{ [tag[docs]] }}}\n{{{ [tag[docs]] |tooltip}}}\n{{{ [tag[docs]] ||TemplateTitle}}}\n{{{ [tag[docs]] |tooltip||TemplateTitle}}}\n{{{ [tag[docs]] }}width:40;height:50;}.class.class\n```\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"filteredtranscludeinline\";\nexports.types = {inline: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = /\\{\\{\\{([^\\|]+?)(?:\\|([^\\|\\{\\}]+))?(?:\\|\\|([^\\|\\{\\}]+))?\\}\\}([^\\}]*)\\}(?:\\.(\\S+))?/mg;\n};\n\nexports.parse = function() {\n\t// Move past the match\n\tthis.parser.pos = this.matchRegExp.lastIndex;\n\t// Get the match details\n\tvar filter = this.match[1],\n\t\ttooltip = this.match[2],\n\t\ttemplate = $tw.utils.trim(this.match[3]),\n\t\tstyle = this.match[4],\n\t\tclasses = this.match[5];\n\t// Return the list widget\n\tvar node = {\n\t\ttype: \"list\",\n\t\tattributes: {\n\t\t\tfilter: {type: \"string\", value: filter}\n\t\t}\n\t};\n\tif(tooltip) {\n\t\tnode.attributes.tooltip = {type: \"string\", value: tooltip};\n\t}\n\tif(template) {\n\t\tnode.attributes.template = {type: \"string\", value: template};\n\t}\n\tif(style) {\n\t\tnode.attributes.style = {type: \"string\", value: style};\n\t}\n\tif(classes) {\n\t\tnode.attributes.itemClass = {type: \"string\", value: classes.split(\".\").join(\" \")};\n\t}\n\treturn [node];\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/filteredtranscludeinline.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/hardlinebreaks.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/hardlinebreaks.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text inline rule for marking areas with hard line breaks. For example:\n\n```\n\"\"\"\nThis is some text\nThat is set like\nIt is a Poem\nWhen it is\nClearly\nNot\n\"\"\"\n```\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"hardlinebreaks\";\nexports.types = {inline: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = /\"\"\"(?:\\r?\\n)?/mg;\n};\n\nexports.parse = function() {\n\tvar reEnd = /(\"\"\")|(\\r?\\n)/mg,\n\t\ttree = [],\n\t\tmatch;\n\t// Move past the match\n\tthis.parser.pos = this.matchRegExp.lastIndex;\n\tdo {\n\t\t// Parse the run up to the terminator\n\t\ttree.push.apply(tree,this.parser.parseInlineRun(reEnd,{eatTerminator: false}));\n\t\t// Redo the terminator match\n\t\treEnd.lastIndex = this.parser.pos;\n\t\tmatch = reEnd.exec(this.parser.source);\n\t\tif(match) {\n\t\t\tthis.parser.pos = reEnd.lastIndex;\n\t\t\t// Add a line break if the terminator was a line break\n\t\t\tif(match[2]) {\n\t\t\t\ttree.push({type: \"element\", tag: \"br\"});\n\t\t\t}\n\t\t}\n\t} while(match && !match[1]);\n\t// Return the nodes\n\treturn tree;\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/hardlinebreaks.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/heading.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/heading.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text block rule for headings\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"heading\";\nexports.types = {block: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = /(!{1,6})/mg;\n};\n\n/*\nParse the most recent match\n*/\nexports.parse = function() {\n\t// Get all the details of the match\n\tvar headingLevel = this.match[1].length;\n\t// Move past the !s\n\tthis.parser.pos = this.matchRegExp.lastIndex;\n\t// Parse any classes, whitespace and then the heading itself\n\tvar classes = this.parser.parseClasses();\n\tthis.parser.skipWhitespace({treatNewlinesAsNonWhitespace: true});\n\tvar tree = this.parser.parseInlineRun(/(\\r?\\n)/mg);\n\t// Return the heading\n\treturn [{\n\t\ttype: \"element\",\n\t\ttag: \"h\" + headingLevel, \n\t\tattributes: {\n\t\t\t\"class\": {type: \"string\", value: classes.join(\" \")}\n\t\t},\n\t\tchildren: tree\n\t}];\n};\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/heading.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/horizrule.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/horizrule.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text block rule for rules. For example:\n\n```\n---\n```\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"horizrule\";\nexports.types = {block: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = /-{3,}\\r?(?:\\n|$)/mg;\n};\n\nexports.parse = function() {\n\t// Move past the match\n\tthis.parser.pos = this.matchRegExp.lastIndex;\n\treturn [{type: \"element\", tag: \"hr\"}];\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/horizrule.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/html.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/html.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki rule for HTML elements and widgets. For example:\n\n{{{\n<aside>\nThis is an HTML5 aside element\n</aside>\n\n<$slider target=\"MyTiddler\">\nThis is a widget invocation\n</$slider>\n\n}}}\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"html\";\nexports.types = {inline: true, block: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n};\n\nexports.findNextMatch = function(startPos) {\n\t// Find the next tag\n\tthis.nextTag = this.findNextTag(this.parser.source,startPos,{\n\t\trequireLineBreak: this.is.block\n\t});\n\treturn this.nextTag ? this.nextTag.start : undefined;\n};\n\n/*\nParse the most recent match\n*/\nexports.parse = function() {\n\t// Retrieve the most recent match so that recursive calls don't overwrite it\n\tvar tag = this.nextTag;\n\tthis.nextTag = null;\n\t// Advance the parser position to past the tag\n\tthis.parser.pos = tag.end;\n\t// Check for an immediately following double linebreak\n\tvar hasLineBreak = !tag.isSelfClosing && !!$tw.utils.parseTokenRegExp(this.parser.source,this.parser.pos,/([^\\S\\n\\r]*\\r?\\n(?:[^\\S\\n\\r]*\\r?\\n|$))/g);\n\t// Set whether we're in block mode\n\ttag.isBlock = this.is.block || hasLineBreak;\n\t// Parse the body if we need to\n\tif(!tag.isSelfClosing && $tw.config.htmlVoidElements.indexOf(tag.tag) === -1) {\n\t\t\tvar reEndString = \"</\" + $tw.utils.escapeRegExp(tag.tag) + \">\",\n\t\t\t\treEnd = new RegExp(\"(\" + reEndString + \")\",\"mg\");\n\t\tif(hasLineBreak) {\n\t\t\ttag.children = this.parser.parseBlocks(reEndString);\n\t\t} else {\n\t\t\ttag.children = this.parser.parseInlineRun(reEnd);\n\t\t}\n\t\treEnd.lastIndex = this.parser.pos;\n\t\tvar endMatch = reEnd.exec(this.parser.source);\n\t\tif(endMatch && endMatch.index === this.parser.pos) {\n\t\t\tthis.parser.pos = endMatch.index + endMatch[0].length;\n\t\t}\n\t}\n\t// Return the tag\n\treturn [tag];\n};\n\n/*\nLook for an HTML tag. Returns null if not found, otherwise returns {type: \"element\", name:, attributes: [], isSelfClosing:, start:, end:,}\n*/\nexports.parseTag = function(source,pos,options) {\n\toptions = options || {};\n\tvar token,\n\t\tnode = {\n\t\t\ttype: \"element\",\n\t\t\tstart: pos,\n\t\t\tattributes: {}\n\t\t};\n\t// Define our regexps\n\tvar reTagName = /([a-zA-Z0-9\\-\\$]+)/g;\n\t// Skip whitespace\n\tpos = $tw.utils.skipWhiteSpace(source,pos);\n\t// Look for a less than sign\n\ttoken = $tw.utils.parseTokenString(source,pos,\"<\");\n\tif(!token) {\n\t\treturn null;\n\t}\n\tpos = token.end;\n\t// Get the tag name\n\ttoken = $tw.utils.parseTokenRegExp(source,pos,reTagName);\n\tif(!token) {\n\t\treturn null;\n\t}\n\tnode.tag = token.match[1];\n\tif(node.tag.charAt(0) === \"$\") {\n\t\tnode.type = node.tag.substr(1);\n\t}\n\tpos = token.end;\n\t// Process attributes\n\tvar attribute = $tw.utils.parseAttribute(source,pos);\n\twhile(attribute) {\n\t\tnode.attributes[attribute.name] = attribute;\n\t\tpos = attribute.end;\n\t\t// Get the next attribute\n\t\tattribute = $tw.utils.parseAttribute(source,pos);\n\t}\n\t// Skip whitespace\n\tpos = $tw.utils.skipWhiteSpace(source,pos);\n\t// Look for a closing slash\n\ttoken = $tw.utils.parseTokenString(source,pos,\"/\");\n\tif(token) {\n\t\tpos = token.end;\n\t\tnode.isSelfClosing = true;\n\t}\n\t// Look for a greater than sign\n\ttoken = $tw.utils.parseTokenString(source,pos,\">\");\n\tif(!token) {\n\t\treturn null;\n\t}\n\tpos = token.end;\n\t// Check for a required line break\n\tif(options.requireLineBreak) {\n\t\ttoken = $tw.utils.parseTokenRegExp(source,pos,/([^\\S\\n\\r]*\\r?\\n(?:[^\\S\\n\\r]*\\r?\\n|$))/g);\n\t\tif(!token) {\n\t\t\treturn null;\n\t\t}\n\t}\n\t// Update the end position\n\tnode.end = pos;\n\treturn node;\n};\n\nexports.findNextTag = function(source,pos,options) {\n\t// A regexp for finding candidate HTML tags\n\tvar reLookahead = /<([a-zA-Z\\-\\$]+)/g;\n\t// Find the next candidate\n\treLookahead.lastIndex = pos;\n\tvar match = reLookahead.exec(source);\n\twhile(match) {\n\t\t// Try to parse the candidate as a tag\n\t\tvar tag = this.parseTag(source,match.index,options);\n\t\t// Return success\n\t\tif(tag && this.isLegalTag(tag)) {\n\t\t\treturn tag;\n\t\t}\n\t\t// Look for the next match\n\t\treLookahead.lastIndex = match.index + 1;\n\t\tmatch = reLookahead.exec(source);\n\t}\n\t// Failed\n\treturn null;\n};\n\nexports.isLegalTag = function(tag) {\n\t// Widgets are always OK\n\tif(tag.type !== \"element\") {\n\t\treturn true;\n\t// If it's an HTML tag that starts with a dash then it's not legal\n\t} else if(tag.tag.charAt(0) === \"-\") {\n\t\treturn false;\n\t} else {\n\t\t// Otherwise it's OK\n\t\treturn true;\n\t}\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/html.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/image.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/image.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text inline rule for embedding images. For example:\n\n```\n[img[http://tiddlywiki.com/fractalveg.jpg]]\n[img width=23 height=24 [http://tiddlywiki.com/fractalveg.jpg]]\n[img width={{!!width}} height={{!!height}} [http://tiddlywiki.com/fractalveg.jpg]]\n[img[Description of image|http://tiddlywiki.com/fractalveg.jpg]]\n[img[TiddlerTitle]]\n[img[Description of image|TiddlerTitle]]\n```\n\nGenerates the `<$image>` widget.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"image\";\nexports.types = {inline: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n};\n\nexports.findNextMatch = function(startPos) {\n\t// Find the next tag\n\tthis.nextImage = this.findNextImage(this.parser.source,startPos);\n\treturn this.nextImage ? this.nextImage.start : undefined;\n};\n\nexports.parse = function() {\n\t// Move past the match\n\tthis.parser.pos = this.nextImage.end;\n\tvar node = {\n\t\ttype: \"image\",\n\t\tattributes: this.nextImage.attributes\n\t};\n\treturn [node];\n};\n\n/*\nFind the next image from the current position\n*/\nexports.findNextImage = function(source,pos) {\n\t// A regexp for finding candidate HTML tags\n\tvar reLookahead = /(\\[img)/g;\n\t// Find the next candidate\n\treLookahead.lastIndex = pos;\n\tvar match = reLookahead.exec(source);\n\twhile(match) {\n\t\t// Try to parse the candidate as a tag\n\t\tvar tag = this.parseImage(source,match.index);\n\t\t// Return success\n\t\tif(tag) {\n\t\t\treturn tag;\n\t\t}\n\t\t// Look for the next match\n\t\treLookahead.lastIndex = match.index + 1;\n\t\tmatch = reLookahead.exec(source);\n\t}\n\t// Failed\n\treturn null;\n};\n\n/*\nLook for an image at the specified position. Returns null if not found, otherwise returns {type: \"image\", attributes: [], isSelfClosing:, start:, end:,}\n*/\nexports.parseImage = function(source,pos) {\n\tvar token,\n\t\tnode = {\n\t\t\ttype: \"image\",\n\t\t\tstart: pos,\n\t\t\tattributes: {}\n\t\t};\n\t// Skip whitespace\n\tpos = $tw.utils.skipWhiteSpace(source,pos);\n\t// Look for the `[img`\n\ttoken = $tw.utils.parseTokenString(source,pos,\"[img\");\n\tif(!token) {\n\t\treturn null;\n\t}\n\tpos = token.end;\n\t// Skip whitespace\n\tpos = $tw.utils.skipWhiteSpace(source,pos);\n\t// Process attributes\n\tif(source.charAt(pos) !== \"[\") {\n\t\tvar attribute = $tw.utils.parseAttribute(source,pos);\n\t\twhile(attribute) {\n\t\t\tnode.attributes[attribute.name] = attribute;\n\t\t\tpos = attribute.end;\n\t\t\tpos = $tw.utils.skipWhiteSpace(source,pos);\n\t\t\tif(source.charAt(pos) !== \"[\") {\n\t\t\t\t// Get the next attribute\n\t\t\t\tattribute = $tw.utils.parseAttribute(source,pos);\n\t\t\t} else {\n\t\t\t\tattribute = null;\n\t\t\t}\n\t\t}\n\t}\n\t// Skip whitespace\n\tpos = $tw.utils.skipWhiteSpace(source,pos);\n\t// Look for the `[` after the attributes\n\ttoken = $tw.utils.parseTokenString(source,pos,\"[\");\n\tif(!token) {\n\t\treturn null;\n\t}\n\tpos = token.end;\n\t// Skip whitespace\n\tpos = $tw.utils.skipWhiteSpace(source,pos);\n\t// Get the source up to the terminating `]]`\n\ttoken = $tw.utils.parseTokenRegExp(source,pos,/(?:([^|\\]]*?)\\|)?([^\\]]+?)\\]\\]/g);\n\tif(!token) {\n\t\treturn null;\n\t}\n\tpos = token.end;\n\tif(token.match[1]) {\n\t\tnode.attributes.tooltip = {type: \"string\", value: token.match[1].trim()};\n\t}\n\tnode.attributes.source = {type: \"string\", value: (token.match[2] || \"\").trim()};\n\t// Update the end position\n\tnode.end = pos;\n\treturn node;\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/image.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/list.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/list.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text block rule for lists. For example:\n\n```\n* This is an unordered list\n* It has two items\n\n# This is a numbered list\n## With a subitem\n# And a third item\n\n; This is a term that is being defined\n: This is the definition of that term\n```\n\nNote that lists can be nested arbitrarily:\n\n```\n#** One\n#* Two\n#** Three\n#**** Four\n#**# Five\n#**## Six\n## Seven\n### Eight\n## Nine\n```\n\nA CSS class can be applied to a list item as follows:\n\n```\n* List item one\n*.active List item two has the class `active`\n* List item three\n```\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"list\";\nexports.types = {block: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = /([\\*#;:>]+)/mg;\n};\n\nvar listTypes = {\n\t\"*\": {listTag: \"ul\", itemTag: \"li\"},\n\t\"#\": {listTag: \"ol\", itemTag: \"li\"},\n\t\";\": {listTag: \"dl\", itemTag: \"dt\"},\n\t\":\": {listTag: \"dl\", itemTag: \"dd\"},\n\t\">\": {listTag: \"blockquote\", itemTag: \"p\"}\n};\n\n/*\nParse the most recent match\n*/\nexports.parse = function() {\n\t// Array of parse tree nodes for the previous row of the list\n\tvar listStack = [];\n\t// Cycle through the items in the list\n\twhile(true) {\n\t\t// Match the list marker\n\t\tvar reMatch = /([\\*#;:>]+)/mg;\n\t\treMatch.lastIndex = this.parser.pos;\n\t\tvar match = reMatch.exec(this.parser.source);\n\t\tif(!match || match.index !== this.parser.pos) {\n\t\t\tbreak;\n\t\t}\n\t\t// Check whether the list type of the top level matches\n\t\tvar listInfo = listTypes[match[0].charAt(0)];\n\t\tif(listStack.length > 0 && listStack[0].tag !== listInfo.listTag) {\n\t\t\tbreak;\n\t\t}\n\t\t// Move past the list marker\n\t\tthis.parser.pos = match.index + match[0].length;\n\t\t// Walk through the list markers for the current row\n\t\tfor(var t=0; t<match[0].length; t++) {\n\t\t\tlistInfo = listTypes[match[0].charAt(t)];\n\t\t\t// Remove any stacked up element if we can't re-use it because the list type doesn't match\n\t\t\tif(listStack.length > t && listStack[t].tag !== listInfo.listTag) {\n\t\t\t\tlistStack.splice(t,listStack.length - t);\n\t\t\t}\n\t\t\t// Construct the list element or reuse the previous one at this level\n\t\t\tif(listStack.length <= t) {\n\t\t\t\tvar listElement = {type: \"element\", tag: listInfo.listTag, children: [\n\t\t\t\t\t{type: \"element\", tag: listInfo.itemTag, children: []}\n\t\t\t\t]};\n\t\t\t\t// Link this list element into the last child item of the parent list item\n\t\t\t\tif(t) {\n\t\t\t\t\tvar prevListItem = listStack[t-1].children[listStack[t-1].children.length-1];\n\t\t\t\t\tprevListItem.children.push(listElement);\n\t\t\t\t}\n\t\t\t\t// Save this element in the stack\n\t\t\t\tlistStack[t] = listElement;\n\t\t\t} else if(t === (match[0].length - 1)) {\n\t\t\t\tlistStack[t].children.push({type: \"element\", tag: listInfo.itemTag, children: []});\n\t\t\t}\n\t\t}\n\t\tif(listStack.length > match[0].length) {\n\t\t\tlistStack.splice(match[0].length,listStack.length - match[0].length);\n\t\t}\n\t\t// Process the body of the list item into the last list item\n\t\tvar lastListChildren = listStack[listStack.length-1].children,\n\t\t\tlastListItem = lastListChildren[lastListChildren.length-1],\n\t\t\tclasses = this.parser.parseClasses();\n\t\tthis.parser.skipWhitespace({treatNewlinesAsNonWhitespace: true});\n\t\tvar tree = this.parser.parseInlineRun(/(\\r?\\n)/mg);\n\t\tlastListItem.children.push.apply(lastListItem.children,tree);\n\t\tif(classes.length > 0) {\n\t\t\t$tw.utils.addClassToParseTreeNode(lastListItem,classes.join(\" \"));\n\t\t}\n\t\t// Consume any whitespace following the list item\n\t\tthis.parser.skipWhitespace();\n\t}\n\t// Return the root element of the list\n\treturn [listStack[0]];\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/list.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/macrocallblock.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/macrocallblock.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki rule for block macro calls\n\n```\n<<name value value2>>\n```\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"macrocallblock\";\nexports.types = {block: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = /<<([^>\\s]+)(?:\\s*)((?:[^>]|(?:>(?!>)))*?)>>(?:\\r?\\n|$)/mg;\n};\n\n/*\nParse the most recent match\n*/\nexports.parse = function() {\n\t// Get all the details of the match\n\tvar macroName = this.match[1],\n\t\tparamString = this.match[2];\n\t// Move past the macro call\n\tthis.parser.pos = this.matchRegExp.lastIndex;\n\tvar params = [],\n\t\treParam = /\\s*(?:([A-Za-z0-9\\-_]+)\\s*:)?(?:\\s*(?:\"\"\"([\\s\\S]*?)\"\"\"|\"([^\"]*)\"|'([^']*)'|\\[\\[([^\\]]*)\\]\\]|([^\"'\\s]+)))/mg,\n\t\tparamMatch = reParam.exec(paramString);\n\twhile(paramMatch) {\n\t\t// Process this parameter\n\t\tvar paramInfo = {\n\t\t\tvalue: paramMatch[2] || paramMatch[3] || paramMatch[4] || paramMatch[5] || paramMatch[6]\n\t\t};\n\t\tif(paramMatch[1]) {\n\t\t\tparamInfo.name = paramMatch[1];\n\t\t}\n\t\tparams.push(paramInfo);\n\t\t// Find the next match\n\t\tparamMatch = reParam.exec(paramString);\n\t}\n\treturn [{\n\t\ttype: \"macrocall\",\n\t\tname: macroName,\n\t\tparams: params,\n\t\tisBlock: true\n\t}];\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/macrocallblock.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/macrocallinline.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/macrocallinline.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki rule for macro calls\n\n```\n<<name value value2>>\n```\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"macrocallinline\";\nexports.types = {inline: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = /<<([^\\s>]+)\\s*([\\s\\S]*?)>>/mg;\n};\n\n/*\nParse the most recent match\n*/\nexports.parse = function() {\n\t// Get all the details of the match\n\tvar macroName = this.match[1],\n\t\tparamString = this.match[2];\n\t// Move past the macro call\n\tthis.parser.pos = this.matchRegExp.lastIndex;\n\tvar params = [],\n\t\treParam = /\\s*(?:([A-Za-z0-9\\-_]+)\\s*:)?(?:\\s*(?:\"\"\"([\\s\\S]*?)\"\"\"|\"([^\"]*)\"|'([^']*)'|\\[\\[([^\\]]*)\\]\\]|([^\"'\\s]+)))/mg,\n\t\tparamMatch = reParam.exec(paramString);\n\twhile(paramMatch) {\n\t\t// Process this parameter\n\t\tvar paramInfo = {\n\t\t\tvalue: paramMatch[2] || paramMatch[3] || paramMatch[4] || paramMatch[5]|| paramMatch[6]\n\t\t};\n\t\tif(paramMatch[1]) {\n\t\t\tparamInfo.name = paramMatch[1];\n\t\t}\n\t\tparams.push(paramInfo);\n\t\t// Find the next match\n\t\tparamMatch = reParam.exec(paramString);\n\t}\n\treturn [{\n\t\ttype: \"macrocall\",\n\t\tname: macroName,\n\t\tparams: params\n\t}];\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/macrocallinline.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/macrodef.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/macrodef.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki pragma rule for macro definitions\n\n```\n\\define name(param:defaultvalue,param2:defaultvalue)\ndefinition text, including $param$ markers\n\\end\n```\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"macrodef\";\nexports.types = {pragma: true};\n\n/*\nInstantiate parse rule\n*/\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = /^\\\\define\\s+([^(\\s]+)\\(\\s*([^)]*)\\)(\\s*\\r?\\n)?/mg;\n};\n\n/*\nParse the most recent match\n*/\nexports.parse = function() {\n\t// Move past the macro name and parameters\n\tthis.parser.pos = this.matchRegExp.lastIndex;\n\t// Parse the parameters\n\tvar paramString = this.match[2],\n\t\tparams = [];\n\tif(paramString !== \"\") {\n\t\tvar reParam = /\\s*([A-Za-z0-9\\-_]+)(?:\\s*:\\s*(?:\"\"\"([\\s\\S]*?)\"\"\"|\"([^\"]*)\"|'([^']*)'|\\[\\[([^\\]]*)\\]\\]|([^\"'\\s]+)))?/mg,\n\t\t\tparamMatch = reParam.exec(paramString);\n\t\twhile(paramMatch) {\n\t\t\t// Save the parameter details\n\t\t\tvar paramInfo = {name: paramMatch[1]},\n\t\t\t\tdefaultValue = paramMatch[2] || paramMatch[3] || paramMatch[4] || paramMatch[5] || paramMatch[6];\n\t\t\tif(defaultValue) {\n\t\t\t\tparamInfo[\"default\"] = defaultValue;\n\t\t\t}\n\t\t\tparams.push(paramInfo);\n\t\t\t// Look for the next parameter\n\t\t\tparamMatch = reParam.exec(paramString);\n\t\t}\n\t}\n\t// Is this a multiline definition?\n\tvar reEnd;\n\tif(this.match[3]) {\n\t\t// If so, the end of the body is marked with \\end\n\t\treEnd = /(\\r?\\n\\\\end[^\\S\\n\\r]*(?:$|\\r?\\n))/mg;\n\t} else {\n\t\t// Otherwise, the end of the definition is marked by the end of the line\n\t\treEnd = /(\\r?\\n)/mg;\n\t\t// Move past any whitespace\n\t\tthis.parser.pos = $tw.utils.skipWhiteSpace(this.parser.source,this.parser.pos);\n\t}\n\t// Find the end of the definition\n\treEnd.lastIndex = this.parser.pos;\n\tvar text,\n\t\tendMatch = reEnd.exec(this.parser.source);\n\tif(endMatch) {\n\t\ttext = this.parser.source.substring(this.parser.pos,endMatch.index);\n\t\tthis.parser.pos = endMatch.index + endMatch[0].length;\n\t} else {\n\t\t// We didn't find the end of the definition, so we'll make it blank\n\t\ttext = \"\";\n\t}\n\t// Save the macro definition\n\treturn [{\n\t\ttype: \"macrodef\",\n\t\tname: this.match[1],\n\t\tparams: params,\n\t\ttext: text\n\t}];\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/macrodef.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/prettyextlink.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/prettyextlink.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text inline rule for external links. For example:\n\n```\n[ext[http://tiddlywiki.com/fractalveg.jpg]]\n[ext[Tooltip|http://tiddlywiki.com/fractalveg.jpg]]\n```\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"prettyextlink\";\nexports.types = {inline: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n};\n\nexports.findNextMatch = function(startPos) {\n\t// Find the next tag\n\tthis.nextLink = this.findNextLink(this.parser.source,startPos);\n\treturn this.nextLink ? this.nextLink.start : undefined;\n};\n\nexports.parse = function() {\n\t// Move past the match\n\tthis.parser.pos = this.nextLink.end;\n\treturn [this.nextLink];\n};\n\n/*\nFind the next link from the current position\n*/\nexports.findNextLink = function(source,pos) {\n\t// A regexp for finding candidate links\n\tvar reLookahead = /(\\[ext\\[)/g;\n\t// Find the next candidate\n\treLookahead.lastIndex = pos;\n\tvar match = reLookahead.exec(source);\n\twhile(match) {\n\t\t// Try to parse the candidate as a link\n\t\tvar link = this.parseLink(source,match.index);\n\t\t// Return success\n\t\tif(link) {\n\t\t\treturn link;\n\t\t}\n\t\t// Look for the next match\n\t\treLookahead.lastIndex = match.index + 1;\n\t\tmatch = reLookahead.exec(source);\n\t}\n\t// Failed\n\treturn null;\n};\n\n/*\nLook for an link at the specified position. Returns null if not found, otherwise returns {type: \"element\", tag: \"a\", attributes: [], isSelfClosing:, start:, end:,}\n*/\nexports.parseLink = function(source,pos) {\n\tvar token,\n\t\ttextNode = {\n\t\t\ttype: \"text\"\n\t\t},\n\t\tnode = {\n\t\t\ttype: \"element\",\n\t\t\ttag: \"a\",\n\t\t\tstart: pos,\n\t\t\tattributes: {\n\t\t\t\t\"class\": {type: \"string\", value: \"tc-tiddlylink-external\"},\n\t\t\t},\n\t\t\tchildren: [textNode]\n\t\t};\n\t// Skip whitespace\n\tpos = $tw.utils.skipWhiteSpace(source,pos);\n\t// Look for the `[ext[`\n\ttoken = $tw.utils.parseTokenString(source,pos,\"[ext[\");\n\tif(!token) {\n\t\treturn null;\n\t}\n\tpos = token.end;\n\t// Look ahead for the terminating `]]`\n\tvar closePos = source.indexOf(\"]]\",pos);\n\tif(closePos === -1) {\n\t\treturn null;\n\t}\n\t// Look for a `|` separating the tooltip\n\tvar splitPos = source.indexOf(\"|\",pos);\n\tif(splitPos === -1 || splitPos > closePos) {\n\t\tsplitPos = null;\n\t}\n\t// Pull out the tooltip and URL\n\tvar tooltip, URL;\n\tif(splitPos) {\n\t\tURL = source.substring(splitPos + 1,closePos).trim();\n\t\ttextNode.text = source.substring(pos,splitPos).trim();\n\t} else {\n\t\tURL = source.substring(pos,closePos).trim();\n\t\ttextNode.text = URL;\n\t}\n\tnode.attributes.href = {type: \"string\", value: URL};\n\tnode.attributes.target = {type: \"string\", value: \"_blank\"};\n\t// Update the end position\n\tnode.end = closePos + 2;\n\treturn node;\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/prettyextlink.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/prettylink.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/prettylink.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text inline rule for pretty links. For example:\n\n```\n[[Introduction]]\n\n[[Link description|TiddlerTitle]]\n```\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"prettylink\";\nexports.types = {inline: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = /\\[\\[(.*?)(?:\\|(.*?))?\\]\\]/mg;\n};\n\nexports.parse = function() {\n\t// Move past the match\n\tthis.parser.pos = this.matchRegExp.lastIndex;\n\t// Process the link\n\tvar text = this.match[1],\n\t\tlink = this.match[2] || text;\n\tif($tw.utils.isLinkExternal(link)) {\n\t\treturn [{\n\t\t\ttype: \"element\",\n\t\t\ttag: \"a\",\n\t\t\tattributes: {\n\t\t\t\thref: {type: \"string\", value: link},\n\t\t\t\t\"class\": {type: \"string\", value: \"tc-tiddlylink-external\"},\n\t\t\t\ttarget: {type: \"string\", value: \"_blank\"}\n\t\t\t},\n\t\t\tchildren: [{\n\t\t\t\ttype: \"text\", text: text\n\t\t\t}]\n\t\t}];\n\t} else {\n\t\treturn [{\n\t\t\ttype: \"link\",\n\t\t\tattributes: {\n\t\t\t\tto: {type: \"string\", value: link}\n\t\t\t},\n\t\t\tchildren: [{\n\t\t\t\ttype: \"text\", text: text\n\t\t\t}]\n\t\t}];\n\t}\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/prettylink.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/quoteblock.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/quoteblock.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text rule for quote blocks. For example:\n\n```\n\t<<<.optionalClass(es) optional cited from\n\ta quote\n\t<<<\n\t\n\t<<<.optionalClass(es)\n\ta quote\n\t<<< optional cited from\n```\n\nQuotes can be quoted by putting more <s\n\n```\n\t<<<\n\tQuote Level 1\n\t\n\t<<<<\n\tQuoteLevel 2\n\t<<<<\n\t\n\t<<<\n```\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"quoteblock\";\nexports.types = {block: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = /(<<<+)/mg;\n};\n\nexports.parse = function() {\n\tvar classes = [\"tc-quote\"];\n\t// Get all the details of the match\n\tvar reEndString = \"^\" + this.match[1] + \"(?!<)\";\n\t// Move past the <s\n\tthis.parser.pos = this.matchRegExp.lastIndex;\n\t\n\t// Parse any classes, whitespace and then the optional cite itself\n\tclasses.push.apply(classes, this.parser.parseClasses());\n\tthis.parser.skipWhitespace({treatNewlinesAsNonWhitespace: true});\n\tvar cite = this.parser.parseInlineRun(/(\\r?\\n)/mg);\n\t// before handling the cite, parse the body of the quote\n\tvar tree= this.parser.parseBlocks(reEndString);\n\t// If we got a cite, put it before the text\n\tif(cite.length > 0) {\n\t\ttree.unshift({\n\t\t\ttype: \"element\",\n\t\t\ttag: \"cite\",\n\t\t\tchildren: cite\n\t\t});\n\t}\n\t// Parse any optional cite\n\tthis.parser.skipWhitespace({treatNewlinesAsNonWhitespace: true});\n\tcite = this.parser.parseInlineRun(/(\\r?\\n)/mg);\n\t// If we got a cite, push it\n\tif(cite.length > 0) {\n\t\ttree.push({\n\t\t\ttype: \"element\",\n\t\t\ttag: \"cite\",\n\t\t\tchildren: cite\n\t\t});\n\t}\n\t// Return the blockquote element\n\treturn [{\n\t\ttype: \"element\",\n\t\ttag: \"blockquote\",\n\t\tattributes: {\n\t\t\tclass: { type: \"string\", value: classes.join(\" \") },\n\t\t},\n\t\tchildren: tree\n\t}];\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/quoteblock.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/rules.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/rules.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki pragma rule for rules specifications\n\n```\n\\rules except ruleone ruletwo rulethree\n\\rules only ruleone ruletwo rulethree\n```\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"rules\";\nexports.types = {pragma: true};\n\n/*\nInstantiate parse rule\n*/\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = /^\\\\rules[^\\S\\n]/mg;\n};\n\n/*\nParse the most recent match\n*/\nexports.parse = function() {\n\t// Move past the pragma invocation\n\tthis.parser.pos = this.matchRegExp.lastIndex;\n\t// Parse whitespace delimited tokens terminated by a line break\n\tvar reMatch = /[^\\S\\n]*(\\S+)|(\\r?\\n)/mg,\n\t\ttokens = [];\n\treMatch.lastIndex = this.parser.pos;\n\tvar match = reMatch.exec(this.parser.source);\n\twhile(match && match.index === this.parser.pos) {\n\t\tthis.parser.pos = reMatch.lastIndex;\n\t\t// Exit if we've got the line break\n\t\tif(match[2]) {\n\t\t\tbreak;\n\t\t}\n\t\t// Process the token\n\t\tif(match[1]) {\n\t\t\ttokens.push(match[1]);\n\t\t}\n\t\t// Match the next token\n\t\tmatch = reMatch.exec(this.parser.source);\n\t}\n\t// Process the tokens\n\tif(tokens.length > 0) {\n\t\tthis.parser.amendRules(tokens[0],tokens.slice(1));\n\t}\n\t// No parse tree nodes to return\n\treturn [];\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/rules.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/styleblock.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/styleblock.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text block rule for assigning styles and classes to paragraphs and other blocks. For example:\n\n```\n@@.myClass\n@@background-color:red;\nThis paragraph will have the CSS class `myClass`.\n\n* The `<ul>` around this list will also have the class `myClass`\n* List item 2\n\n@@\n```\n\nNote that classes and styles can be mixed subject to the rule that styles must precede classes. For example\n\n```\n@@.myFirstClass.mySecondClass\n@@width:100px;.myThirdClass\nThis is a paragraph\n@@\n```\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"styleblock\";\nexports.types = {block: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = /@@((?:[^\\.\\r\\n\\s:]+:[^\\r\\n;]+;)+)?(?:\\.([^\\r\\n\\s]+))?\\r?\\n/mg;\n};\n\nexports.parse = function() {\n\tvar reEndString = \"^@@(?:\\\\r?\\\\n)?\";\n\tvar classes = [], styles = [];\n\tdo {\n\t\t// Get the class and style\n\t\tif(this.match[1]) {\n\t\t\tstyles.push(this.match[1]);\n\t\t}\n\t\tif(this.match[2]) {\n\t\t\tclasses.push(this.match[2].split(\".\").join(\" \"));\n\t\t}\n\t\t// Move past the match\n\t\tthis.parser.pos = this.matchRegExp.lastIndex;\n\t\t// Look for another line of classes and styles\n\t\tthis.match = this.matchRegExp.exec(this.parser.source);\n\t} while(this.match && this.match.index === this.parser.pos);\n\t// Parse the body\n\tvar tree = this.parser.parseBlocks(reEndString);\n\tfor(var t=0; t<tree.length; t++) {\n\t\tif(classes.length > 0) {\n\t\t\t$tw.utils.addClassToParseTreeNode(tree[t],classes.join(\" \"));\n\t\t}\n\t\tif(styles.length > 0) {\n\t\t\t$tw.utils.addAttributeToParseTreeNode(tree[t],\"style\",styles.join(\"\"));\n\t\t}\n\t}\n\treturn tree;\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/styleblock.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/styleinline.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/styleinline.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text inline rule for assigning styles and classes to inline runs. For example:\n\n```\n@@.myClass This is some text with a class@@\n@@background-color:red;This is some text with a background colour@@\n@@width:100px;.myClass This is some text with a class and a width@@\n```\n\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"styleinline\";\nexports.types = {inline: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = /@@((?:[^\\.\\r\\n\\s:]+:[^\\r\\n;]+;)+)?(\\.(?:[^\\r\\n\\s]+)\\s+)?/mg;\n};\n\nexports.parse = function() {\n\tvar reEnd = /@@/g;\n\t// Get the styles and class\n\tvar stylesString = this.match[1],\n\t\tclassString = this.match[2] ? this.match[2].split(\".\").join(\" \") : undefined;\n\t// Move past the match\n\tthis.parser.pos = this.matchRegExp.lastIndex;\n\t// Parse the run up to the terminator\n\tvar tree = this.parser.parseInlineRun(reEnd,{eatTerminator: true});\n\t// Return the classed span\n\tvar node = {\n\t\ttype: \"element\",\n\t\ttag: \"span\",\n\t\tattributes: {\n\t\t\t\"class\": {type: \"string\", value: \"tc-inline-style\"}\n\t\t},\n\t\tchildren: tree\n\t};\n\tif(classString) {\n\t\t$tw.utils.addClassToParseTreeNode(node,classString);\n\t}\n\tif(stylesString) {\n\t\t$tw.utils.addAttributeToParseTreeNode(node,\"style\",stylesString);\n\t}\n\treturn [node];\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/styleinline.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/syslink.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/syslink.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text inline rule for system tiddler links.\nCan be suppressed preceding them with `~`.\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"syslink\";\nexports.types = {inline: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = /~?\\$:\\/[a-zA-Z/.-]+/mg;\n};\n\nexports.parse = function() {\n\tvar match = this.match[0];\n\t// Move past the match\n\tthis.parser.pos = this.matchRegExp.lastIndex;\n\t// Create the link unless it is suppressed\n\tif(match.substr(0,1) === \"~\") {\n\t\treturn [{type: \"text\", text: match.substr(1)}];\n\t} else {\n\t\treturn [{\n\t\t\ttype: \"link\",\n\t\t\tattributes: {\n\t\t\t\tto: {type: \"string\", value: match}\n\t\t\t},\n\t\t\tchildren: [{\n\t\t\t\ttype: \"text\",\n\t\t\t\ttext: match\n\t\t\t}]\n\t\t}];\n\t}\n};\n\n})();",
"title": "$:/core/modules/parsers/wikiparser/rules/syslink.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/table.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/table.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text block rule for tables.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"table\";\nexports.types = {block: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = /^\\|(?:[^\\n]*)\\|(?:[fhck]?)\\r?(?:\\n|$)/mg;\n};\n\nvar processRow = function(prevColumns) {\n\tvar cellRegExp = /(?:\\|([^\\n\\|]*)\\|)|(\\|[fhck]?\\r?(?:\\n|$))/mg,\n\t\tcellTermRegExp = /((?:\\x20*)\\|)/mg,\n\t\ttree = [],\n\t\tcol = 0,\n\t\tcolSpanCount = 1,\n\t\tprevCell,\n\t\tvAlign;\n\t// Match a single cell\n\tcellRegExp.lastIndex = this.parser.pos;\n\tvar cellMatch = cellRegExp.exec(this.parser.source);\n\twhile(cellMatch && cellMatch.index === this.parser.pos) {\n\t\tif(cellMatch[1] === \"~\") {\n\t\t\t// Rowspan\n\t\t\tvar last = prevColumns[col];\n\t\t\tif(last) {\n\t\t\t\tlast.rowSpanCount++;\n\t\t\t\t$tw.utils.addAttributeToParseTreeNode(last.element,\"rowspan\",last.rowSpanCount);\n\t\t\t\tvAlign = $tw.utils.getAttributeValueFromParseTreeNode(last.element,\"valign\",\"center\");\n\t\t\t\t$tw.utils.addAttributeToParseTreeNode(last.element,\"valign\",vAlign);\n\t\t\t\tif(colSpanCount > 1) {\n\t\t\t\t\t$tw.utils.addAttributeToParseTreeNode(last.element,\"colspan\",colSpanCount);\n\t\t\t\t\tcolSpanCount = 1;\n\t\t\t\t}\n\t\t\t}\n\t\t\t// Move to just before the `|` terminating the cell\n\t\t\tthis.parser.pos = cellRegExp.lastIndex - 1;\n\t\t} else if(cellMatch[1] === \">\") {\n\t\t\t// Colspan\n\t\t\tcolSpanCount++;\n\t\t\t// Move to just before the `|` terminating the cell\n\t\t\tthis.parser.pos = cellRegExp.lastIndex - 1;\n\t\t} else if(cellMatch[1] === \"<\" && prevCell) {\n\t\t\tcolSpanCount = 1 + $tw.utils.getAttributeValueFromParseTreeNode(prevCell,\"colspan\",1);\n\t\t\t$tw.utils.addAttributeToParseTreeNode(prevCell,\"colspan\",colSpanCount);\n\t\t\tcolSpanCount = 1;\n\t\t\t// Move to just before the `|` terminating the cell\n\t\t\tthis.parser.pos = cellRegExp.lastIndex - 1;\n\t\t} else if(cellMatch[2]) {\n\t\t\t// End of row\n\t\t\tif(prevCell && colSpanCount > 1) {\n\t\t\t\tif(prevCell.attributes && prevCell.attributes && prevCell.attributes.colspan) {\n\t\t\t\t\t\tcolSpanCount += prevCell.attributes.colspan.value;\n\t\t\t\t} else {\n\t\t\t\t\tcolSpanCount -= 1;\n\t\t\t\t}\n\t\t\t\t$tw.utils.addAttributeToParseTreeNode(prevCell,\"colspan\",colSpanCount);\n\t\t\t}\n\t\t\tthis.parser.pos = cellRegExp.lastIndex - 1;\n\t\t\tbreak;\n\t\t} else {\n\t\t\t// For ordinary cells, step beyond the opening `|`\n\t\t\tthis.parser.pos++;\n\t\t\t// Look for a space at the start of the cell\n\t\t\tvar spaceLeft = false;\n\t\t\tvAlign = null;\n\t\t\tif(this.parser.source.substr(this.parser.pos).search(/^\\^([^\\^]|\\^\\^)/) === 0) {\n\t\t\t\tvAlign = \"top\";\n\t\t\t} else if(this.parser.source.substr(this.parser.pos).search(/^,([^,]|,,)/) === 0) {\n\t\t\t\tvAlign = \"bottom\";\n\t\t\t}\n\t\t\tif(vAlign) {\n\t\t\t\tthis.parser.pos++;\n\t\t\t}\n\t\t\tvar chr = this.parser.source.substr(this.parser.pos,1);\n\t\t\twhile(chr === \" \") {\n\t\t\t\tspaceLeft = true;\n\t\t\t\tthis.parser.pos++;\n\t\t\t\tchr = this.parser.source.substr(this.parser.pos,1);\n\t\t\t}\n\t\t\t// Check whether this is a heading cell\n\t\t\tvar cell;\n\t\t\tif(chr === \"!\") {\n\t\t\t\tthis.parser.pos++;\n\t\t\t\tcell = {type: \"element\", tag: \"th\", children: []};\n\t\t\t} else {\n\t\t\t\tcell = {type: \"element\", tag: \"td\", children: []};\n\t\t\t}\n\t\t\ttree.push(cell);\n\t\t\t// Record information about this cell\n\t\t\tprevCell = cell;\n\t\t\tprevColumns[col] = {rowSpanCount:1,element:cell};\n\t\t\t// Check for a colspan\n\t\t\tif(colSpanCount > 1) {\n\t\t\t\t$tw.utils.addAttributeToParseTreeNode(cell,\"colspan\",colSpanCount);\n\t\t\t\tcolSpanCount = 1;\n\t\t\t}\n\t\t\t// Parse the cell\n\t\t\tcell.children = this.parser.parseInlineRun(cellTermRegExp,{eatTerminator: true});\n\t\t\t// Set the alignment for the cell\n\t\t\tif(vAlign) {\n\t\t\t\t$tw.utils.addAttributeToParseTreeNode(cell,\"valign\",vAlign);\n\t\t\t}\n\t\t\tif(this.parser.source.substr(this.parser.pos - 2,1) === \" \") { // spaceRight\n\t\t\t\t$tw.utils.addAttributeToParseTreeNode(cell,\"align\",spaceLeft ? \"center\" : \"left\");\n\t\t\t} else if(spaceLeft) {\n\t\t\t\t$tw.utils.addAttributeToParseTreeNode(cell,\"align\",\"right\");\n\t\t\t}\n\t\t\t// Move back to the closing `|`\n\t\t\tthis.parser.pos--;\n\t\t}\n\t\tcol++;\n\t\tcellRegExp.lastIndex = this.parser.pos;\n\t\tcellMatch = cellRegExp.exec(this.parser.source);\n\t}\n\treturn tree;\n};\n\nexports.parse = function() {\n\tvar rowContainerTypes = {\"c\":\"caption\", \"h\":\"thead\", \"\":\"tbody\", \"f\":\"tfoot\"},\n\t\ttable = {type: \"element\", tag: \"table\", children: []},\n\t\trowRegExp = /^\\|([^\\n]*)\\|([fhck]?)\\r?(?:\\n|$)/mg,\n\t\trowTermRegExp = /(\\|(?:[fhck]?)\\r?(?:\\n|$))/mg,\n\t\tprevColumns = [],\n\t\tcurrRowType,\n\t\trowContainer,\n\t\trowCount = 0;\n\t// Match the row\n\trowRegExp.lastIndex = this.parser.pos;\n\tvar rowMatch = rowRegExp.exec(this.parser.source);\n\twhile(rowMatch && rowMatch.index === this.parser.pos) {\n\t\tvar rowType = rowMatch[2];\n\t\t// Check if it is a class assignment\n\t\tif(rowType === \"k\") {\n\t\t\t$tw.utils.addClassToParseTreeNode(table,rowMatch[1]);\n\t\t\tthis.parser.pos = rowMatch.index + rowMatch[0].length;\n\t\t} else {\n\t\t\t// Otherwise, create a new row if this one is of a different type\n\t\t\tif(rowType !== currRowType) {\n\t\t\t\trowContainer = {type: \"element\", tag: rowContainerTypes[rowType], children: []};\n\t\t\t\ttable.children.push(rowContainer);\n\t\t\t\tcurrRowType = rowType;\n\t\t\t}\n\t\t\t// Is this a caption row?\n\t\t\tif(currRowType === \"c\") {\n\t\t\t\t// If so, move past the opening `|` of the row\n\t\t\t\tthis.parser.pos++;\n\t\t\t\t// Move the caption to the first row if it isn't already\n\t\t\t\tif(table.children.length !== 1) {\n\t\t\t\t\ttable.children.pop(); // Take rowContainer out of the children array\n\t\t\t\t\ttable.children.splice(0,0,rowContainer); // Insert it at the bottom\t\t\t\t\t\t\n\t\t\t\t}\n\t\t\t\t// Set the alignment - TODO: figure out why TW did this\n//\t\t\t\trowContainer.attributes.align = rowCount === 0 ? \"top\" : \"bottom\";\n\t\t\t\t// Parse the caption\n\t\t\t\trowContainer.children = this.parser.parseInlineRun(rowTermRegExp,{eatTerminator: true});\n\t\t\t} else {\n\t\t\t\t// Create the row\n\t\t\t\tvar theRow = {type: \"element\", tag: \"tr\", children: []};\n\t\t\t\t$tw.utils.addClassToParseTreeNode(theRow,rowCount%2 ? \"oddRow\" : \"evenRow\");\n\t\t\t\trowContainer.children.push(theRow);\n\t\t\t\t// Process the row\n\t\t\t\ttheRow.children = processRow.call(this,prevColumns);\n\t\t\t\tthis.parser.pos = rowMatch.index + rowMatch[0].length;\n\t\t\t\t// Increment the row count\n\t\t\t\trowCount++;\n\t\t\t}\n\t\t}\n\t\trowMatch = rowRegExp.exec(this.parser.source);\n\t}\n\treturn [table];\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/table.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/transcludeblock.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/transcludeblock.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text rule for block-level transclusion. For example:\n\n```\n{{MyTiddler}}\n{{MyTiddler||TemplateTitle}}\n```\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"transcludeblock\";\nexports.types = {block: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = /\\{\\{([^\\{\\}\\|]*)(?:\\|\\|([^\\|\\{\\}]+))?\\}\\}(?:\\r?\\n|$)/mg;\n};\n\nexports.parse = function() {\n\t// Move past the match\n\tthis.parser.pos = this.matchRegExp.lastIndex;\n\t// Move past the match\n\tthis.parser.pos = this.matchRegExp.lastIndex;\n\t// Get the match details\n\tvar template = $tw.utils.trim(this.match[2]),\n\t\ttextRef = $tw.utils.trim(this.match[1]);\n\t// Prepare the transclude widget\n\tvar transcludeNode = {\n\t\t\ttype: \"transclude\",\n\t\t\tattributes: {},\n\t\t\tisBlock: true\n\t\t};\n\t// Prepare the tiddler widget\n\tvar tr, targetTitle, targetField, targetIndex, tiddlerNode;\n\tif(textRef) {\n\t\ttr = $tw.utils.parseTextReference(textRef);\n\t\ttargetTitle = tr.title;\n\t\ttargetField = tr.field;\n\t\ttargetIndex = tr.index;\n\t\ttiddlerNode = {\n\t\t\ttype: \"tiddler\",\n\t\t\tattributes: {\n\t\t\t\ttiddler: {type: \"string\", value: targetTitle}\n\t\t\t},\n\t\t\tisBlock: true,\n\t\t\tchildren: [transcludeNode]\n\t\t};\n\t}\n\tif(template) {\n\t\ttranscludeNode.attributes.tiddler = {type: \"string\", value: template};\n\t\tif(textRef) {\n\t\t\treturn [tiddlerNode];\n\t\t} else {\n\t\t\treturn [transcludeNode];\n\t\t}\n\t} else {\n\t\tif(textRef) {\n\t\t\ttranscludeNode.attributes.tiddler = {type: \"string\", value: targetTitle};\n\t\t\tif(targetField) {\n\t\t\t\ttranscludeNode.attributes.field = {type: \"string\", value: targetField};\n\t\t\t}\n\t\t\tif(targetIndex) {\n\t\t\t\ttranscludeNode.attributes.index = {type: \"string\", value: targetIndex};\n\t\t\t}\n\t\t\treturn [tiddlerNode];\n\t\t} else {\n\t\t\treturn [transcludeNode];\n\t\t}\n\t}\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/transcludeblock.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/transcludeinline.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/transcludeinline.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text rule for inline-level transclusion. For example:\n\n```\n{{MyTiddler}}\n{{MyTiddler||TemplateTitle}}\n```\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"transcludeinline\";\nexports.types = {inline: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = /\\{\\{([^\\{\\}\\|]*)(?:\\|\\|([^\\|\\{\\}]+))?\\}\\}/mg;\n};\n\nexports.parse = function() {\n\t// Move past the match\n\tthis.parser.pos = this.matchRegExp.lastIndex;\n\t// Get the match details\n\tvar template = $tw.utils.trim(this.match[2]),\n\t\ttextRef = $tw.utils.trim(this.match[1]);\n\t// Prepare the transclude widget\n\tvar transcludeNode = {\n\t\t\ttype: \"transclude\",\n\t\t\tattributes: {}\n\t\t};\n\t// Prepare the tiddler widget\n\tvar tr, targetTitle, targetField, targetIndex, tiddlerNode;\n\tif(textRef) {\n\t\ttr = $tw.utils.parseTextReference(textRef);\n\t\ttargetTitle = tr.title;\n\t\ttargetField = tr.field;\n\t\ttargetIndex = tr.index;\n\t\ttiddlerNode = {\n\t\t\ttype: \"tiddler\",\n\t\t\tattributes: {\n\t\t\t\ttiddler: {type: \"string\", value: targetTitle}\n\t\t\t},\n\t\t\tchildren: [transcludeNode]\n\t\t};\n\t}\n\tif(template) {\n\t\ttranscludeNode.attributes.tiddler = {type: \"string\", value: template};\n\t\tif(textRef) {\n\t\t\treturn [tiddlerNode];\n\t\t} else {\n\t\t\treturn [transcludeNode];\n\t\t}\n\t} else {\n\t\tif(textRef) {\n\t\t\ttranscludeNode.attributes.tiddler = {type: \"string\", value: targetTitle};\n\t\t\tif(targetField) {\n\t\t\t\ttranscludeNode.attributes.field = {type: \"string\", value: targetField};\n\t\t\t}\n\t\t\tif(targetIndex) {\n\t\t\t\ttranscludeNode.attributes.index = {type: \"string\", value: targetIndex};\n\t\t\t}\n\t\t\treturn [tiddlerNode];\n\t\t} else {\n\t\t\treturn [transcludeNode];\n\t\t}\n\t}\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/transcludeinline.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/typedblock.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/typedblock.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text rule for typed blocks. For example:\n\n```\n$$$.js\nThis will be rendered as JavaScript\n$$$\n\n$$$.svg\n<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"150\" height=\"100\">\n <circle cx=\"100\" cy=\"50\" r=\"40\" stroke=\"black\" stroke-width=\"2\" fill=\"red\" />\n</svg>\n$$$\n\n$$$text/vnd.tiddlywiki>text/html\nThis will be rendered as an //HTML representation// of WikiText\n$$$\n```\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar widget = require(\"$:/core/modules/widgets/widget.js\");\n\nexports.name = \"typedblock\";\nexports.types = {block: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = /\\$\\$\\$([^ >\\r\\n]*)(?: *> *([^ \\r\\n]+))?\\r?\\n/mg;\n};\n\nexports.parse = function() {\n\tvar reEnd = /\\r?\\n\\$\\$\\$\\r?(?:\\n|$)/mg;\n\t// Save the type\n\tvar parseType = this.match[1],\n\t\trenderType = this.match[2];\n\t// Move past the match\n\tthis.parser.pos = this.matchRegExp.lastIndex;\n\t// Look for the end of the block\n\treEnd.lastIndex = this.parser.pos;\n\tvar match = reEnd.exec(this.parser.source),\n\t\ttext;\n\t// Process the block\n\tif(match) {\n\t\ttext = this.parser.source.substring(this.parser.pos,match.index);\n\t\tthis.parser.pos = match.index + match[0].length;\n\t} else {\n\t\ttext = this.parser.source.substr(this.parser.pos);\n\t\tthis.parser.pos = this.parser.sourceLength;\n\t}\n\t// Parse the block according to the specified type\n\tvar parser = this.parser.wiki.parseText(parseType,text,{defaultType: \"text/plain\"});\n\t// If there's no render type, just return the parse tree\n\tif(!renderType) {\n\t\treturn parser.tree;\n\t} else {\n\t\t// Otherwise, render to the rendertype and return in a <PRE> tag\n\t\tvar widgetNode = this.parser.wiki.makeWidget(parser),\n\t\t\tcontainer = $tw.fakeDocument.createElement(\"div\");\n\t\twidgetNode.render(container,null);\n\t\ttext = renderType === \"text/html\" ? container.innerHTML : container.textContent;\n\t\treturn [{\n\t\t\ttype: \"element\",\n\t\t\ttag: \"pre\",\n\t\t\tchildren: [{\n\t\t\t\ttype: \"text\",\n\t\t\t\ttext: text\n\t\t\t}]\n\t\t}];\n\t}\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/typedblock.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/rules/wikilink.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/wikilink.js\ntype: application/javascript\nmodule-type: wikirule\n\nWiki text inline rule for wiki links. For example:\n\n```\nAWikiLink\nAnotherLink\n~SuppressedLink\n```\n\nPrecede a camel case word with `~` to prevent it from being recognised as a link.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.name = \"wikilink\";\nexports.types = {inline: true};\n\nexports.init = function(parser) {\n\tthis.parser = parser;\n\t// Regexp to match\n\tthis.matchRegExp = new RegExp($tw.config.textPrimitives.unWikiLink + \"?\" + $tw.config.textPrimitives.wikiLink,\"mg\");\n};\n\n/*\nParse the most recent match\n*/\nexports.parse = function() {\n\t// Get the details of the match\n\tvar linkText = this.match[0];\n\t// Move past the macro call\n\tthis.parser.pos = this.matchRegExp.lastIndex;\n\t// If the link starts with the unwikilink character then just output it as plain text\n\tif(linkText.substr(0,1) === $tw.config.textPrimitives.unWikiLink) {\n\t\treturn [{type: \"text\", text: linkText.substr(1)}];\n\t}\n\t// If the link has been preceded with a blocked letter then don't treat it as a link\n\tif(this.match.index > 0) {\n\t\tvar preRegExp = new RegExp($tw.config.textPrimitives.blockPrefixLetters,\"mg\");\n\t\tpreRegExp.lastIndex = this.match.index-1;\n\t\tvar preMatch = preRegExp.exec(this.parser.source);\n\t\tif(preMatch && preMatch.index === this.match.index-1) {\n\t\t\treturn [{type: \"text\", text: linkText}];\n\t\t}\n\t}\n\treturn [{\n\t\ttype: \"link\",\n\t\tattributes: {\n\t\t\tto: {type: \"string\", value: linkText}\n\t\t},\n\t\tchildren: [{\n\t\t\ttype: \"text\",\n\t\t\ttext: linkText\n\t\t}]\n\t}];\n};\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/wikilink.js",
"type": "application/javascript",
"module-type": "wikirule"
},
"$:/core/modules/parsers/wikiparser/wikiparser.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/wikiparser.js\ntype: application/javascript\nmodule-type: parser\n\nThe wiki text parser processes blocks of source text into a parse tree.\n\nThe parse tree is made up of nested arrays of these JavaScript objects:\n\n\t{type: \"element\", tag: <string>, attributes: {}, children: []} - an HTML element\n\t{type: \"text\", text: <string>} - a text node\n\t{type: \"entity\", value: <string>} - an entity\n\t{type: \"raw\", html: <string>} - raw HTML\n\nAttributes are stored as hashmaps of the following objects:\n\n\t{type: \"string\", value: <string>} - literal string\n\t{type: \"indirect\", textReference: <textReference>} - indirect through a text reference\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar WikiParser = function(type,text,options) {\n\tthis.wiki = options.wiki;\n\t// Initialise the classes if we don't have them already\n\tif(!this.pragmaRuleClasses) {\n\t\tWikiParser.prototype.pragmaRuleClasses = $tw.modules.createClassesFromModules(\"wikirule\",\"pragma\",$tw.WikiRuleBase);\n\t}\n\tif(!this.blockRuleClasses) {\n\t\tWikiParser.prototype.blockRuleClasses = $tw.modules.createClassesFromModules(\"wikirule\",\"block\",$tw.WikiRuleBase);\n\t}\n\tif(!this.inlineRuleClasses) {\n\t\tWikiParser.prototype.inlineRuleClasses = $tw.modules.createClassesFromModules(\"wikirule\",\"inline\",$tw.WikiRuleBase);\n\t}\n\t// Save the parse text\n\tthis.type = type || \"text/vnd.tiddlywiki\";\n\tthis.source = text || \"\";\n\tthis.sourceLength = this.source.length;\n\t// Set current parse position\n\tthis.pos = 0;\n\t// Instantiate the pragma parse rules\n\tthis.pragmaRules = this.instantiateRules(this.pragmaRuleClasses,\"pragma\",0);\n\t// Instantiate the parser block and inline rules\n\tthis.blockRules = this.instantiateRules(this.blockRuleClasses,\"block\",0);\n\tthis.inlineRules = this.instantiateRules(this.inlineRuleClasses,\"inline\",0);\n\t// Parse any pragmas\n\tthis.tree = this.parsePragmas();\n\t// Parse the text into inline runs or blocks\n\tif(options.parseAsInline) {\n\t\tthis.tree.push.apply(this.tree,this.parseInlineRun());\n\t} else {\n\t\tthis.tree.push.apply(this.tree,this.parseBlocks());\n\t}\n\t// Return the parse tree\n};\n\n/*\nInstantiate an array of parse rules\n*/\nWikiParser.prototype.instantiateRules = function(classes,type,startPos) {\n\tvar rulesInfo = [],\n\t\tself = this;\n\t$tw.utils.each(classes,function(RuleClass) {\n\t\t// Instantiate the rule\n\t\tvar rule = new RuleClass(self);\n\t\trule.is = {};\n\t\trule.is[type] = true;\n\t\trule.init(self);\n\t\tvar matchIndex = rule.findNextMatch(startPos);\n\t\tif(matchIndex !== undefined) {\n\t\t\trulesInfo.push({\n\t\t\t\trule: rule,\n\t\t\t\tmatchIndex: matchIndex\n\t\t\t});\n\t\t}\n\t});\n\treturn rulesInfo;\n};\n\n/*\nSkip any whitespace at the current position. Options are:\n\ttreatNewlinesAsNonWhitespace: true if newlines are NOT to be treated as whitespace\n*/\nWikiParser.prototype.skipWhitespace = function(options) {\n\toptions = options || {};\n\tvar whitespaceRegExp = options.treatNewlinesAsNonWhitespace ? /([^\\S\\n]+)/mg : /(\\s+)/mg;\n\twhitespaceRegExp.lastIndex = this.pos;\n\tvar whitespaceMatch = whitespaceRegExp.exec(this.source);\n\tif(whitespaceMatch && whitespaceMatch.index === this.pos) {\n\t\tthis.pos = whitespaceRegExp.lastIndex;\n\t}\n};\n\n/*\nGet the next match out of an array of parse rule instances\n*/\nWikiParser.prototype.findNextMatch = function(rules,startPos) {\n\t// Find the best matching rule by finding the closest match position\n\tvar matchingRule,\n\t\tmatchingRulePos = this.sourceLength;\n\t// Step through each rule\n\tfor(var t=0; t<rules.length; t++) {\n\t\tvar ruleInfo = rules[t];\n\t\t// Ask the rule to get the next match if we've moved past the current one\n\t\tif(ruleInfo.matchIndex !== undefined && ruleInfo.matchIndex < startPos) {\n\t\t\truleInfo.matchIndex = ruleInfo.rule.findNextMatch(startPos);\n\t\t}\n\t\t// Adopt this match if it's closer than the current best match\n\t\tif(ruleInfo.matchIndex !== undefined && ruleInfo.matchIndex <= matchingRulePos) {\n\t\t\tmatchingRule = ruleInfo;\n\t\t\tmatchingRulePos = ruleInfo.matchIndex;\n\t\t}\n\t}\n\treturn matchingRule;\n};\n\n/*\nParse any pragmas at the beginning of a block of parse text\n*/\nWikiParser.prototype.parsePragmas = function() {\n\tvar tree = [];\n\twhile(true) {\n\t\t// Skip whitespace\n\t\tthis.skipWhitespace();\n\t\t// Check for the end of the text\n\t\tif(this.pos >= this.sourceLength) {\n\t\t\tbreak;\n\t\t}\n\t\t// Check if we've arrived at a pragma rule match\n\t\tvar nextMatch = this.findNextMatch(this.pragmaRules,this.pos);\n\t\t// If not, just exit\n\t\tif(!nextMatch || nextMatch.matchIndex !== this.pos) {\n\t\t\tbreak;\n\t\t}\n\t\t// Process the pragma rule\n\t\ttree.push.apply(tree,nextMatch.rule.parse());\n\t}\n\treturn tree;\n};\n\n/*\nParse a block from the current position\n\tterminatorRegExpString: optional regular expression string that identifies the end of plain paragraphs. Must not include capturing parenthesis\n*/\nWikiParser.prototype.parseBlock = function(terminatorRegExpString) {\n\tvar terminatorRegExp = terminatorRegExpString ? new RegExp(\"(\" + terminatorRegExpString + \"|\\\\r?\\\\n\\\\r?\\\\n)\",\"mg\") : /(\\r?\\n\\r?\\n)/mg;\n\tthis.skipWhitespace();\n\tif(this.pos >= this.sourceLength) {\n\t\treturn [];\n\t}\n\t// Look for a block rule that applies at the current position\n\tvar nextMatch = this.findNextMatch(this.blockRules,this.pos);\n\tif(nextMatch && nextMatch.matchIndex === this.pos) {\n\t\treturn nextMatch.rule.parse();\n\t}\n\t// Treat it as a paragraph if we didn't find a block rule\n\treturn [{type: \"element\", tag: \"p\", children: this.parseInlineRun(terminatorRegExp)}];\n};\n\n/*\nParse a series of blocks of text until a terminating regexp is encountered or the end of the text\n\tterminatorRegExpString: terminating regular expression\n*/\nWikiParser.prototype.parseBlocks = function(terminatorRegExpString) {\n\tif(terminatorRegExpString) {\n\t\treturn this.parseBlocksTerminated(terminatorRegExpString);\n\t} else {\n\t\treturn this.parseBlocksUnterminated();\n\t}\n};\n\n/*\nParse a block from the current position to the end of the text\n*/\nWikiParser.prototype.parseBlocksUnterminated = function() {\n\tvar tree = [];\n\twhile(this.pos < this.sourceLength) {\n\t\ttree.push.apply(tree,this.parseBlock());\n\t}\n\treturn tree;\n};\n\n/*\nParse blocks of text until a terminating regexp is encountered\n*/\nWikiParser.prototype.parseBlocksTerminated = function(terminatorRegExpString) {\n\tvar terminatorRegExp = new RegExp(\"(\" + terminatorRegExpString + \")\",\"mg\"),\n\t\ttree = [];\n\t// Skip any whitespace\n\tthis.skipWhitespace();\n\t// Check if we've got the end marker\n\tterminatorRegExp.lastIndex = this.pos;\n\tvar match = terminatorRegExp.exec(this.source);\n\t// Parse the text into blocks\n\twhile(this.pos < this.sourceLength && !(match && match.index === this.pos)) {\n\t\tvar blocks = this.parseBlock(terminatorRegExpString);\n\t\ttree.push.apply(tree,blocks);\n\t\t// Skip any whitespace\n\t\tthis.skipWhitespace();\n\t\t// Check if we've got the end marker\n\t\tterminatorRegExp.lastIndex = this.pos;\n\t\tmatch = terminatorRegExp.exec(this.source);\n\t}\n\tif(match && match.index === this.pos) {\n\t\tthis.pos = match.index + match[0].length;\n\t}\n\treturn tree;\n};\n\n/*\nParse a run of text at the current position\n\tterminatorRegExp: a regexp at which to stop the run\n\toptions: see below\nOptions available:\n\teatTerminator: move the parse position past any encountered terminator (default false)\n*/\nWikiParser.prototype.parseInlineRun = function(terminatorRegExp,options) {\n\tif(terminatorRegExp) {\n\t\treturn this.parseInlineRunTerminated(terminatorRegExp,options);\n\t} else {\n\t\treturn this.parseInlineRunUnterminated(options);\n\t}\n};\n\nWikiParser.prototype.parseInlineRunUnterminated = function(options) {\n\tvar tree = [];\n\t// Find the next occurrence of an inline rule\n\tvar nextMatch = this.findNextMatch(this.inlineRules,this.pos);\n\t// Loop around the matches until we've reached the end of the text\n\twhile(this.pos < this.sourceLength && nextMatch) {\n\t\t// Process the text preceding the run rule\n\t\tif(nextMatch.matchIndex > this.pos) {\n\t\t\ttree.push({type: \"text\", text: this.source.substring(this.pos,nextMatch.matchIndex)});\n\t\t\tthis.pos = nextMatch.matchIndex;\n\t\t}\n\t\t// Process the run rule\n\t\ttree.push.apply(tree,nextMatch.rule.parse());\n\t\t// Look for the next run rule\n\t\tnextMatch = this.findNextMatch(this.inlineRules,this.pos);\n\t}\n\t// Process the remaining text\n\tif(this.pos < this.sourceLength) {\n\t\ttree.push({type: \"text\", text: this.source.substr(this.pos)});\n\t}\n\tthis.pos = this.sourceLength;\n\treturn tree;\n};\n\nWikiParser.prototype.parseInlineRunTerminated = function(terminatorRegExp,options) {\n\toptions = options || {};\n\tvar tree = [];\n\t// Find the next occurrence of the terminator\n\tterminatorRegExp.lastIndex = this.pos;\n\tvar terminatorMatch = terminatorRegExp.exec(this.source);\n\t// Find the next occurrence of a inlinerule\n\tvar inlineRuleMatch = this.findNextMatch(this.inlineRules,this.pos);\n\t// Loop around until we've reached the end of the text\n\twhile(this.pos < this.sourceLength && (terminatorMatch || inlineRuleMatch)) {\n\t\t// Return if we've found the terminator, and it precedes any inline rule match\n\t\tif(terminatorMatch) {\n\t\t\tif(!inlineRuleMatch || inlineRuleMatch.matchIndex >= terminatorMatch.index) {\n\t\t\t\tif(terminatorMatch.index > this.pos) {\n\t\t\t\t\ttree.push({type: \"text\", text: this.source.substring(this.pos,terminatorMatch.index)});\n\t\t\t\t}\n\t\t\t\tthis.pos = terminatorMatch.index;\n\t\t\t\tif(options.eatTerminator) {\n\t\t\t\t\tthis.pos += terminatorMatch[0].length;\n\t\t\t\t}\n\t\t\t\treturn tree;\n\t\t\t}\n\t\t}\n\t\t// Process any inline rule, along with the text preceding it\n\t\tif(inlineRuleMatch) {\n\t\t\t// Preceding text\n\t\t\tif(inlineRuleMatch.matchIndex > this.pos) {\n\t\t\t\ttree.push({type: \"text\", text: this.source.substring(this.pos,inlineRuleMatch.matchIndex)});\n\t\t\t\tthis.pos = inlineRuleMatch.matchIndex;\n\t\t\t}\n\t\t\t// Process the inline rule\n\t\t\ttree.push.apply(tree,inlineRuleMatch.rule.parse());\n\t\t\t// Look for the next inline rule\n\t\t\tinlineRuleMatch = this.findNextMatch(this.inlineRules,this.pos);\n\t\t\t// Look for the next terminator match\n\t\t\tterminatorRegExp.lastIndex = this.pos;\n\t\t\tterminatorMatch = terminatorRegExp.exec(this.source);\n\t\t}\n\t}\n\t// Process the remaining text\n\tif(this.pos < this.sourceLength) {\n\t\ttree.push({type: \"text\", text: this.source.substr(this.pos)});\n\t}\n\tthis.pos = this.sourceLength;\n\treturn tree;\n};\n\n/*\nParse zero or more class specifiers `.classname`\n*/\nWikiParser.prototype.parseClasses = function() {\n\tvar classRegExp = /\\.([^\\s\\.]+)/mg,\n\t\tclassNames = [];\n\tclassRegExp.lastIndex = this.pos;\n\tvar match = classRegExp.exec(this.source);\n\twhile(match && match.index === this.pos) {\n\t\tthis.pos = match.index + match[0].length;\n\t\tclassNames.push(match[1]);\n\t\tmatch = classRegExp.exec(this.source);\n\t}\n\treturn classNames;\n};\n\n/*\nAmend the rules used by this instance of the parser\n\ttype: `only` keeps just the named rules, `except` keeps all but the named rules\n\tnames: array of rule names\n*/\nWikiParser.prototype.amendRules = function(type,names) {\n\tnames = names || [];\n\t// Define the filter function\n\tvar keepFilter;\n\tif(type === \"only\") {\n\t\tkeepFilter = function(name) {\n\t\t\treturn names.indexOf(name) !== -1;\n\t\t};\n\t} else if(type === \"except\") {\n\t\tkeepFilter = function(name) {\n\t\t\treturn names.indexOf(name) === -1;\n\t\t};\n\t} else {\n\t\treturn;\n\t}\n\t// Define a function to process each of our rule arrays\n\tvar processRuleArray = function(ruleArray) {\n\t\tfor(var t=ruleArray.length-1; t>=0; t--) {\n\t\t\tif(!keepFilter(ruleArray[t].rule.name)) {\n\t\t\t\truleArray.splice(t,1);\n\t\t\t}\n\t\t}\n\t};\n\t// Process each rule array\n\tprocessRuleArray(this.pragmaRules);\n\tprocessRuleArray(this.blockRules);\n\tprocessRuleArray(this.inlineRules);\n};\n\nexports[\"text/vnd.tiddlywiki\"] = WikiParser;\n\n})();\n\n",
"title": "$:/core/modules/parsers/wikiparser/wikiparser.js",
"type": "application/javascript",
"module-type": "parser"
},
"$:/core/modules/parsers/wikiparser/rules/wikirulebase.js": {
"text": "/*\\\ntitle: $:/core/modules/parsers/wikiparser/rules/wikirulebase.js\ntype: application/javascript\nmodule-type: global\n\nBase class for wiki parser rules\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nThis constructor is always overridden with a blank constructor, and so shouldn't be used\n*/\nvar WikiRuleBase = function() {\n};\n\n/*\nTo be overridden by individual rules\n*/\nWikiRuleBase.prototype.init = function(parser) {\n\tthis.parser = parser;\n};\n\n/*\nDefault implementation of findNextMatch uses RegExp matching\n*/\nWikiRuleBase.prototype.findNextMatch = function(startPos) {\n\tthis.matchRegExp.lastIndex = startPos;\n\tthis.match = this.matchRegExp.exec(this.parser.source);\n\treturn this.match ? this.match.index : undefined;\n};\n\nexports.WikiRuleBase = WikiRuleBase;\n\n})();\n",
"title": "$:/core/modules/parsers/wikiparser/rules/wikirulebase.js",
"type": "application/javascript",
"module-type": "global"
},
"$:/core/modules/pluginswitcher.js": {
"text": "/*\\\ntitle: $:/core/modules/pluginswitcher.js\ntype: application/javascript\nmodule-type: global\n\nManages switching plugins for themes and languages.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\noptions:\nwiki: wiki store to be used\npluginType: type of plugin to be switched\ncontrollerTitle: title of tiddler used to control switching of this resource\ndefaultPlugins: array of default plugins to be used if nominated plugin isn't found\n*/\nfunction PluginSwitcher(options) {\n\tthis.wiki = options.wiki;\n\tthis.pluginType = options.pluginType;\n\tthis.controllerTitle = options.controllerTitle;\n\tthis.defaultPlugins = options.defaultPlugins || [];\n\t// Switch to the current plugin\n\tthis.switchPlugins();\n\t// Listen for changes to the selected plugin\n\tvar self = this;\n\tthis.wiki.addEventListener(\"change\",function(changes) {\n\t\tif($tw.utils.hop(changes,self.controllerTitle)) {\n\t\t\tself.switchPlugins();\n\t\t}\n\t});\n}\n\nPluginSwitcher.prototype.switchPlugins = function() {\n\t// Get the name of the current theme\n\tvar selectedPluginTitle = this.wiki.getTiddlerText(this.controllerTitle);\n\t// If it doesn't exist, then fallback to one of the default themes\n\tvar index = 0;\n\twhile(!this.wiki.getTiddler(selectedPluginTitle) && index < this.defaultPlugins.length) {\n\t\tselectedPluginTitle = this.defaultPlugins[index++];\n\t}\n\t// Accumulate the titles of the plugins that we need to load\n\tvar plugins = [],\n\t\tself = this,\n\t\taccumulatePlugin = function(title) {\n\t\t\tvar tiddler = self.wiki.getTiddler(title);\n\t\t\tif(tiddler && tiddler.isPlugin() && plugins.indexOf(title) === -1) {\n\t\t\t\tplugins.push(title);\n\t\t\t\tvar pluginInfo = JSON.parse(self.wiki.getTiddlerText(title)),\n\t\t\t\t\tdependents = $tw.utils.parseStringArray(tiddler.fields.dependents || \"\");\n\t\t\t\t$tw.utils.each(dependents,function(title) {\n\t\t\t\t\taccumulatePlugin(title);\n\t\t\t\t});\n\t\t\t}\n\t\t};\n\taccumulatePlugin(selectedPluginTitle);\n\t// Unregister any existing theme tiddlers\n\tvar unregisteredTiddlers = $tw.wiki.unregisterPluginTiddlers(this.pluginType);\n\t// Register any new theme tiddlers\n\tvar registeredTiddlers = $tw.wiki.registerPluginTiddlers(this.pluginType,plugins);\n\t// Unpack the current theme tiddlers\n\t$tw.wiki.unpackPluginTiddlers();\n};\n\nexports.PluginSwitcher = PluginSwitcher;\n\n})();\n",
"title": "$:/core/modules/pluginswitcher.js",
"type": "application/javascript",
"module-type": "global"
},
"$:/core/modules/saver-handler.js": {
"text": "/*\\\ntitle: $:/core/modules/saver-handler.js\ntype: application/javascript\nmodule-type: global\n\nThe saver handler tracks changes to the store and handles saving the entire wiki via saver modules.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nInstantiate the saver handler with the following options:\nwiki: wiki to be synced\ndirtyTracking: true if dirty tracking should be performed\n*/\nfunction SaverHandler(options) {\n\tvar self = this;\n\tthis.wiki = options.wiki;\n\tthis.dirtyTracking = options.dirtyTracking;\n\tthis.pendingAutoSave = false;\n\t// Make a logger\n\tthis.logger = new $tw.utils.Logger(\"saver-handler\");\n\t// Initialise our savers\n\tif($tw.browser) {\n\t\tthis.initSavers();\n\t}\n\t// Only do dirty tracking if required\n\tif($tw.browser && this.dirtyTracking) {\n\t\t// Compile the dirty tiddler filter\n\t\tthis.filterFn = this.wiki.compileFilter(this.wiki.getTiddlerText(this.titleSyncFilter));\n\t\t// Count of changes that have not yet been saved\n\t\tthis.numChanges = 0;\n\t\t// Listen out for changes to tiddlers\n\t\tthis.wiki.addEventListener(\"change\",function(changes) {\n\t\t\t// Filter the changes so that we only count changes to tiddlers that we care about\n\t\t\tvar filteredChanges = self.filterFn.call(self.wiki,function(callback) {\n\t\t\t\t$tw.utils.each(changes,function(change,title) {\n\t\t\t\t\tvar tiddler = self.wiki.getTiddler(title);\n\t\t\t\t\tcallback(tiddler,title);\n\t\t\t\t});\n\t\t\t});\n\t\t\t// Adjust the number of changes\n\t\t\tself.numChanges += filteredChanges.length;\n\t\t\tself.updateDirtyStatus();\n\t\t\t// Do any autosave if one is pending and there's no more change events\n\t\t\tif(self.pendingAutoSave && self.wiki.getSizeOfTiddlerEventQueue() === 0) {\n\t\t\t\t// Check if we're dirty\n\t\t\t\tif(self.numChanges > 0) {\n\t\t\t\t\tself.saveWiki({\n\t\t\t\t\t\tmethod: \"autosave\",\n\t\t\t\t\t\tdownloadType: \"text/plain\"\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\tself.pendingAutoSave = false;\n\t\t\t}\n\t\t});\n\t\t// Listen for the autosave event\n\t\t$tw.rootWidget.addEventListener(\"tm-auto-save-wiki\",function(event) {\n\t\t\t// Do the autosave unless there are outstanding tiddler change events\n\t\t\tif(self.wiki.getSizeOfTiddlerEventQueue() === 0) {\n\t\t\t\t// Check if we're dirty\n\t\t\t\tif(self.numChanges > 0) {\n\t\t\t\t\tself.saveWiki({\n\t\t\t\t\t\tmethod: \"autosave\",\n\t\t\t\t\t\tdownloadType: \"text/plain\"\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// Otherwise put ourselves in the \"pending autosave\" state and wait for the change event before we do the autosave\n\t\t\t\tself.pendingAutoSave = true;\n\t\t\t}\n\t\t});\n\t\t// Set up our beforeunload handler\n\t\t$tw.addUnloadTask(function(event) {\n\t\t\tvar confirmationMessage;\n\t\t\tif(self.isDirty()) {\n\t\t\t\tconfirmationMessage = $tw.language.getString(\"UnsavedChangesWarning\");\n\t\t\t\tevent.returnValue = confirmationMessage; // Gecko\n\t\t\t}\n\t\t\treturn confirmationMessage;\n\t\t});\n\t}\n\t// Install the save action handlers\n\tif($tw.browser) {\n\t\t$tw.rootWidget.addEventListener(\"tm-save-wiki\",function(event) {\n\t\t\tself.saveWiki({\n\t\t\t\ttemplate: event.param,\n\t\t\t\tdownloadType: \"text/plain\",\n\t\t\t\tvariables: event.paramObject\n\t\t\t});\n\t\t});\n\t\t$tw.rootWidget.addEventListener(\"tm-download-file\",function(event) {\n\t\t\tself.saveWiki({\n\t\t\t\tmethod: \"download\",\n\t\t\t\ttemplate: event.param,\n\t\t\t\tdownloadType: \"text/plain\",\n\t\t\t\tvariables: event.paramObject\n\t\t\t});\n\t\t});\n\t}\n}\n\nSaverHandler.prototype.titleSyncFilter = \"$:/config/SaverFilter\";\nSaverHandler.prototype.titleAutoSave = \"$:/config/AutoSave\";\nSaverHandler.prototype.titleSavedNotification = \"$:/language/Notifications/Save/Done\";\n\n/*\nSelect the appropriate saver modules and set them up\n*/\nSaverHandler.prototype.initSavers = function(moduleType) {\n\tmoduleType = moduleType || \"saver\";\n\t// Instantiate the available savers\n\tthis.savers = [];\n\tvar self = this;\n\t$tw.modules.forEachModuleOfType(moduleType,function(title,module) {\n\t\tif(module.canSave(self)) {\n\t\t\tself.savers.push(module.create(self.wiki));\n\t\t}\n\t});\n\t// Sort the savers into priority order\n\tthis.savers.sort(function(a,b) {\n\t\tif(a.info.priority < b.info.priority) {\n\t\t\treturn -1;\n\t\t} else {\n\t\t\tif(a.info.priority > b.info.priority) {\n\t\t\t\treturn +1;\n\t\t\t} else {\n\t\t\t\treturn 0;\n\t\t\t}\n\t\t}\n\t});\n};\n\n/*\nSave the wiki contents. Options are:\n\tmethod: \"save\", \"autosave\" or \"download\"\n\ttemplate: the tiddler containing the template to save\n\tdownloadType: the content type for the saved file\n*/\nSaverHandler.prototype.saveWiki = function(options) {\n\toptions = options || {};\n\tvar self = this,\n\t\tmethod = options.method || \"save\",\n\t\tvariables = options.variables || {},\n\t\ttemplate = options.template || \"$:/core/save/all\",\n\t\tdownloadType = options.downloadType || \"text/plain\",\n\t\ttext = this.wiki.renderTiddler(downloadType,template,options),\n\t\tcallback = function(err) {\n\t\t\tif(err) {\n\t\t\t\talert(\"Error while saving:\\n\\n\" + err);\n\t\t\t} else {\n\t\t\t\t// Clear the task queue if we're saving (rather than downloading)\n\t\t\t\tif(method !== \"download\") {\n\t\t\t\t\tself.numChanges = 0;\n\t\t\t\t\tself.updateDirtyStatus();\n\t\t\t\t}\n\t\t\t\t$tw.notifier.display(self.titleSavedNotification);\n\t\t\t\tif(options.callback) {\n\t\t\t\t\toptions.callback();\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\t// Ignore autosave if disabled\n\tif(method === \"autosave\" && this.wiki.getTiddlerText(this.titleAutoSave,\"yes\") !== \"yes\") {\n\t\treturn false;\n\t}\n\t// Call the highest priority saver that supports this method\n\tfor(var t=this.savers.length-1; t>=0; t--) {\n\t\tvar saver = this.savers[t];\n\t\tif(saver.info.capabilities.indexOf(method) !== -1 && saver.save(text,method,callback,{variables: {filename: variables.filename}})) {\n\t\t\tthis.logger.log(\"Saving wiki with method\",method,\"through saver\",saver.info.name);\n\t\t\treturn true;\n\t\t}\n\t}\n\treturn false;\n};\n\n/*\nChecks whether the wiki is dirty (ie the window shouldn't be closed)\n*/\nSaverHandler.prototype.isDirty = function() {\n\treturn this.numChanges > 0;\n};\n\n/*\nUpdate the document body with the class \"tc-dirty\" if the wiki has unsaved/unsynced changes\n*/\nSaverHandler.prototype.updateDirtyStatus = function() {\n\tif($tw.browser) {\n\t\t$tw.utils.toggleClass(document.body,\"tc-dirty\",this.isDirty());\n\t}\n};\n\nexports.SaverHandler = SaverHandler;\n\n})();\n",
"title": "$:/core/modules/saver-handler.js",
"type": "application/javascript",
"module-type": "global"
},
"$:/core/modules/savers/andtidwiki.js": {
"text": "/*\\\ntitle: $:/core/modules/savers/andtidwiki.js\ntype: application/javascript\nmodule-type: saver\n\nHandles saving changes via the AndTidWiki Android app\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false, netscape: false, Components: false */\n\"use strict\";\n\nvar AndTidWiki = function(wiki) {\n};\n\nAndTidWiki.prototype.save = function(text,method,callback) {\n\t// Get the pathname of this document\n\tvar pathname = decodeURIComponent(document.location.toString().split(\"#\")[0]);\n\t// Strip the file://\n\tif(pathname.indexOf(\"file://\") === 0) {\n\t\tpathname = pathname.substr(7);\n\t}\n\t// Strip any query or location part\n\tvar p = pathname.indexOf(\"?\");\n\tif(p !== -1) {\n\t\tpathname = pathname.substr(0,p);\n\t}\n\tp = pathname.indexOf(\"#\");\n\tif(p !== -1) {\n\t\tpathname = pathname.substr(0,p);\n\t}\n\t// Save the file\n\twindow.twi.saveFile(pathname,text);\n\t// Call the callback\n\tcallback(null);\n\treturn true;\n};\n\n/*\nInformation about this saver\n*/\nAndTidWiki.prototype.info = {\n\tname: \"andtidwiki\",\n\tpriority: 1600,\n\tcapabilities: [\"save\", \"autosave\"]\n};\n\n/*\nStatic method that returns true if this saver is capable of working\n*/\nexports.canSave = function(wiki) {\n\treturn !!window.twi && !!window.twi.saveFile;\n};\n\n/*\nCreate an instance of this saver\n*/\nexports.create = function(wiki) {\n\treturn new AndTidWiki(wiki);\n};\n\n})();\n",
"title": "$:/core/modules/savers/andtidwiki.js",
"type": "application/javascript",
"module-type": "saver"
},
"$:/core/modules/savers/download.js": {
"text": "/*\\\ntitle: $:/core/modules/savers/download.js\ntype: application/javascript\nmodule-type: saver\n\nHandles saving changes via HTML5's download APIs\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nSelect the appropriate saver module and set it up\n*/\nvar DownloadSaver = function(wiki) {\n};\n\nDownloadSaver.prototype.save = function(text,method,callback,options) {\n\toptions = options || {};\n\t// Get the current filename\n\tvar filename = options.variables.filename;\n\tif(!filename) {\n\t\tvar p = document.location.pathname.lastIndexOf(\"/\");\n\t\tif(p !== -1) {\n\t\t\tfilename = document.location.pathname.substr(p+1);\n\t\t}\n\t}\n\tif(!filename) {\n\t\tfilename = \"tiddlywiki.html\";\n\t}\n\t// Set up the link\n\tvar link = document.createElement(\"a\");\n\tlink.setAttribute(\"target\",\"_blank\");\n\tif(Blob !== undefined) {\n\t\tvar blob = new Blob([text], {type: \"text/html\"});\n\t\tlink.setAttribute(\"href\", URL.createObjectURL(blob));\n\t} else {\n\t\tlink.setAttribute(\"href\",\"data:text/html,\" + encodeURIComponent(text));\n\t}\n\tlink.setAttribute(\"download\",filename);\n\tdocument.body.appendChild(link);\n\tlink.click();\n\tdocument.body.removeChild(link);\n\t// Callback that we succeeded\n\tcallback(null);\n\treturn true;\n};\n\n/*\nInformation about this saver\n*/\nDownloadSaver.prototype.info = {\n\tname: \"download\",\n\tpriority: 100,\n\tcapabilities: [\"save\", \"download\"]\n};\n\n/*\nStatic method that returns true if this saver is capable of working\n*/\nexports.canSave = function(wiki) {\n\treturn document.createElement(\"a\").download !== undefined;\n};\n\n/*\nCreate an instance of this saver\n*/\nexports.create = function(wiki) {\n\treturn new DownloadSaver(wiki);\n};\n\n})();\n",
"title": "$:/core/modules/savers/download.js",
"type": "application/javascript",
"module-type": "saver"
},
"$:/core/modules/savers/fsosaver.js": {
"text": "/*\\\ntitle: $:/core/modules/savers/fsosaver.js\ntype: application/javascript\nmodule-type: saver\n\nHandles saving changes via MS FileSystemObject ActiveXObject\n\nNote: Since TiddlyWiki's markup contains the MOTW, the FileSystemObject normally won't be available. \nHowever, if the wiki is loaded as an .HTA file (Windows HTML Applications) then the FSO can be used.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nSelect the appropriate saver module and set it up\n*/\nvar FSOSaver = function(wiki) {\n};\n\nFSOSaver.prototype.save = function(text,method,callback) {\n\t// Get the pathname of this document\n\tvar pathname = unescape(document.location.pathname);\n\t// Test for a Windows path of the form /x:\\blah...\n\tif(/^\\/[A-Z]\\:\\\\[^\\\\]+/i.test(pathname)) {\t// ie: ^/[a-z]:/[^/]+\n\t\t// Remove the leading slash\n\t\tpathname = pathname.substr(1);\n\t} else if(document.location.hostname !== \"\" && /^\\/\\\\[^\\\\]+\\\\[^\\\\]+/i.test(pathname)) {\t// test for \\\\server\\share\\blah... - ^/[^/]+/[^/]+\n\t\t// Remove the leading slash\n\t\tpathname = pathname.substr(1);\n\t\t// reconstruct UNC path\n\t\tpathname = \"\\\\\\\\\" + document.location.hostname + pathname;\n\t} else {\n\t\treturn false;\n\t}\n\t// Save the file (as UTF-16)\n\tvar fso = new ActiveXObject(\"Scripting.FileSystemObject\");\n\tvar file = fso.OpenTextFile(pathname,2,-1,-1);\n\tfile.Write(text);\n\tfile.Close();\n\t// Callback that we succeeded\n\tcallback(null);\n\treturn true;\n};\n\n/*\nInformation about this saver\n*/\nFSOSaver.prototype.info = {\n\tname: \"FSOSaver\",\n\tpriority: 120,\n\tcapabilities: [\"save\", \"autosave\"]\n};\n\n/*\nStatic method that returns true if this saver is capable of working\n*/\nexports.canSave = function(wiki) {\n\ttry {\n\t\treturn (window.location.protocol === \"file:\") && !!(new ActiveXObject(\"Scripting.FileSystemObject\"));\n\t} catch(e) { return false; }\n};\n\n/*\nCreate an instance of this saver\n*/\nexports.create = function(wiki) {\n\treturn new FSOSaver(wiki);\n};\n\n})();\n",
"title": "$:/core/modules/savers/fsosaver.js",
"type": "application/javascript",
"module-type": "saver"
},
"$:/core/modules/savers/manualdownload.js": {
"text": "/*\\\ntitle: $:/core/modules/savers/manualdownload.js\ntype: application/javascript\nmodule-type: saver\n\nHandles saving changes via HTML5's download APIs\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n// Title of the tiddler containing the download message\nvar downloadInstructionsTitle = \"$:/language/Modals/Download\";\n\n/*\nSelect the appropriate saver module and set it up\n*/\nvar ManualDownloadSaver = function(wiki) {\n};\n\nManualDownloadSaver.prototype.save = function(text,method,callback) {\n\t$tw.modal.display(downloadInstructionsTitle,{\n\t\tdownloadLink: \"data:text/html,\" + encodeURIComponent(text)\n\t});\n\t// Callback that we succeeded\n\tcallback(null);\n\treturn true;\n};\n\n/*\nInformation about this saver\n*/\nManualDownloadSaver.prototype.info = {\n\tname: \"manualdownload\",\n\tpriority: 0,\n\tcapabilities: [\"save\", \"download\"]\n};\n\n/*\nStatic method that returns true if this saver is capable of working\n*/\nexports.canSave = function(wiki) {\n\treturn true;\n};\n\n/*\nCreate an instance of this saver\n*/\nexports.create = function(wiki) {\n\treturn new ManualDownloadSaver(wiki);\n};\n\n})();\n",
"title": "$:/core/modules/savers/manualdownload.js",
"type": "application/javascript",
"module-type": "saver"
},
"$:/core/modules/savers/msdownload.js": {
"text": "/*\\\ntitle: $:/core/modules/savers/msdownload.js\ntype: application/javascript\nmodule-type: saver\n\nHandles saving changes via window.navigator.msSaveBlob()\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nSelect the appropriate saver module and set it up\n*/\nvar MsDownloadSaver = function(wiki) {\n};\n\nMsDownloadSaver.prototype.save = function(text,method,callback) {\n\t// Get the current filename\n\tvar filename = \"tiddlywiki.html\",\n\t\tp = document.location.pathname.lastIndexOf(\"/\");\n\tif(p !== -1) {\n\t\tfilename = document.location.pathname.substr(p+1);\n\t}\n\t// Set up the link\n\tvar blob = new Blob([text], {type: \"text/html\"});\n\twindow.navigator.msSaveBlob(blob,filename);\n\t// Callback that we succeeded\n\tcallback(null);\n\treturn true;\n};\n\n/*\nInformation about this saver\n*/\nMsDownloadSaver.prototype.info = {\n\tname: \"msdownload\",\n\tpriority: 110,\n\tcapabilities: [\"save\", \"download\"]\n};\n\n/*\nStatic method that returns true if this saver is capable of working\n*/\nexports.canSave = function(wiki) {\n\treturn !!window.navigator.msSaveBlob;\n};\n\n/*\nCreate an instance of this saver\n*/\nexports.create = function(wiki) {\n\treturn new MsDownloadSaver(wiki);\n};\n\n})();\n",
"title": "$:/core/modules/savers/msdownload.js",
"type": "application/javascript",
"module-type": "saver"
},
"$:/core/modules/savers/tiddlyfox.js": {
"text": "/*\\\ntitle: $:/core/modules/savers/tiddlyfox.js\ntype: application/javascript\nmodule-type: saver\n\nHandles saving changes via the TiddlyFox file extension\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false, netscape: false, Components: false */\n\"use strict\";\n\nvar TiddlyFoxSaver = function(wiki) {\n};\n\nTiddlyFoxSaver.prototype.save = function(text,method,callback) {\n\tvar messageBox = document.getElementById(\"tiddlyfox-message-box\");\n\tif(messageBox) {\n\t\t// Get the pathname of this document\n\t\tvar pathname = document.location.toString().split(\"#\")[0];\n\t\t// Replace file://localhost/ with file:///\n\t\tif(pathname.indexOf(\"file://localhost/\") === 0) {\n\t\t\tpathname = \"file://\" + pathname.substr(16);\n\t\t}\n\t\t// Windows path file:///x:/blah/blah --> x:\\blah\\blah\n\t\tif(/^file\\:\\/\\/\\/[A-Z]\\:\\//i.test(pathname)) {\n\t\t\t// Remove the leading slash and convert slashes to backslashes\n\t\t\tpathname = pathname.substr(8).replace(/\\//g,\"\\\\\");\n\t\t// Firefox Windows network path file://///server/share/blah/blah --> //server/share/blah/blah\n\t\t} else if(pathname.indexOf(\"file://///\") === 0) {\n\t\t\tpathname = \"\\\\\\\\\" + unescape(pathname.substr(10)).replace(/\\//g,\"\\\\\");\n\t\t// Mac/Unix local path file:///path/path --> /path/path\n\t\t} else if(pathname.indexOf(\"file:///\") === 0) {\n\t\t\tpathname = unescape(pathname.substr(7));\n\t\t// Mac/Unix local path file:/path/path --> /path/path\n\t\t} else if(pathname.indexOf(\"file:/\") === 0) {\n\t\t\tpathname = unescape(pathname.substr(5));\n\t\t// Otherwise Windows networth path file://server/share/path/path --> \\\\server\\share\\path\\path\n\t\t} else {\n\t\t\tpathname = \"\\\\\\\\\" + unescape(pathname.substr(7)).replace(new RegExp(\"/\",\"g\"),\"\\\\\");\n\t\t}\n\t\t// Create the message element and put it in the message box\n\t\tvar message = document.createElement(\"div\");\n\t\tmessage.setAttribute(\"data-tiddlyfox-path\",decodeURIComponent(pathname));\n\t\tmessage.setAttribute(\"data-tiddlyfox-content\",text);\n\t\tmessageBox.appendChild(message);\n\t\t// Add an event handler for when the file has been saved\n\t\tmessage.addEventListener(\"tiddlyfox-have-saved-file\",function(event) {\n\t\t\tcallback(null);\n\t\t}, false);\n\t\t// Create and dispatch the custom event to the extension\n\t\tvar event = document.createEvent(\"Events\");\n\t\tevent.initEvent(\"tiddlyfox-save-file\",true,false);\n\t\tmessage.dispatchEvent(event);\n\t\treturn true;\n\t} else {\n\t\treturn false;\n\t}\n};\n\n/*\nInformation about this saver\n*/\nTiddlyFoxSaver.prototype.info = {\n\tname: \"tiddlyfox\",\n\tpriority: 1500,\n\tcapabilities: [\"save\", \"autosave\"]\n};\n\n/*\nStatic method that returns true if this saver is capable of working\n*/\nexports.canSave = function(wiki) {\n\treturn (window.location.protocol === \"file:\");\n};\n\n/*\nCreate an instance of this saver\n*/\nexports.create = function(wiki) {\n\treturn new TiddlyFoxSaver(wiki);\n};\n\n})();\n",
"title": "$:/core/modules/savers/tiddlyfox.js",
"type": "application/javascript",
"module-type": "saver"
},
"$:/core/modules/savers/tiddlyie.js": {
"text": "/*\\\ntitle: $:/core/modules/savers/tiddlyie.js\ntype: application/javascript\nmodule-type: saver\n\nHandles saving changes via Internet Explorer BHO extenion (TiddlyIE)\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nSelect the appropriate saver module and set it up\n*/\nvar TiddlyIESaver = function(wiki) {\n};\n\nTiddlyIESaver.prototype.save = function(text,method,callback) {\n\t// Check existence of TiddlyIE BHO extension (note: only works after document is complete)\n\tif(typeof(window.TiddlyIE) != \"undefined\") {\n\t\t// Get the pathname of this document\n\t\tvar pathname = unescape(document.location.pathname);\n\t\t// Test for a Windows path of the form /x:/blah...\n\t\tif(/^\\/[A-Z]\\:\\/[^\\/]+/i.test(pathname)) {\t// ie: ^/[a-z]:/[^/]+ (is this better?: ^/[a-z]:/[^/]+(/[^/]+)*\\.[^/]+ )\n\t\t\t// Remove the leading slash\n\t\t\tpathname = pathname.substr(1);\n\t\t\t// Convert slashes to backslashes\n\t\t\tpathname = pathname.replace(/\\//g,\"\\\\\");\n\t\t} else if(document.hostname !== \"\" && /^\\/[^\\/]+\\/[^\\/]+/i.test(pathname)) {\t// test for \\\\server\\share\\blah... - ^/[^/]+/[^/]+\n\t\t\t// Convert slashes to backslashes\n\t\t\tpathname = pathname.replace(/\\//g,\"\\\\\");\n\t\t\t// reconstruct UNC path\n\t\t\tpathname = \"\\\\\\\\\" + document.location.hostname + pathname;\n\t\t} else return false;\n\t\t// Prompt the user to save the file\n\t\twindow.TiddlyIE.save(pathname, text);\n\t\t// Callback that we succeeded\n\t\tcallback(null);\n\t\treturn true;\n\t} else {\n\t\treturn false;\n\t}\n};\n\n/*\nInformation about this saver\n*/\nTiddlyIESaver.prototype.info = {\n\tname: \"tiddlyiesaver\",\n\tpriority: 1500,\n\tcapabilities: [\"save\"]\n};\n\n/*\nStatic method that returns true if this saver is capable of working\n*/\nexports.canSave = function(wiki) {\n\treturn (window.location.protocol === \"file:\");\n};\n\n/*\nCreate an instance of this saver\n*/\nexports.create = function(wiki) {\n\treturn new TiddlyIESaver(wiki);\n};\n\n})();\n",
"title": "$:/core/modules/savers/tiddlyie.js",
"type": "application/javascript",
"module-type": "saver"
},
"$:/core/modules/savers/twedit.js": {
"text": "/*\\\ntitle: $:/core/modules/savers/twedit.js\ntype: application/javascript\nmodule-type: saver\n\nHandles saving changes via the TWEdit iOS app\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false, netscape: false, Components: false */\n\"use strict\";\n\nvar TWEditSaver = function(wiki) {\n};\n\nTWEditSaver.prototype.save = function(text,method,callback) {\n\t// Bail if we're not running under TWEdit\n\tif(typeof DeviceInfo !== \"object\") {\n\t\treturn false;\n\t}\n\t// Get the pathname of this document\n\tvar pathname = decodeURIComponent(document.location.pathname);\n\t// Strip any query or location part\n\tvar p = pathname.indexOf(\"?\");\n\tif(p !== -1) {\n\t\tpathname = pathname.substr(0,p);\n\t}\n\tp = pathname.indexOf(\"#\");\n\tif(p !== -1) {\n\t\tpathname = pathname.substr(0,p);\n\t}\n\t// Remove the leading \"/Documents\" from path\n\tvar prefix = \"/Documents\";\n\tif(pathname.indexOf(prefix) === 0) {\n\t\tpathname = pathname.substr(prefix.length);\n\t}\n\t// Error handler\n\tvar errorHandler = function(event) {\n\t\t// Error\n\t\tcallback(\"Error saving to TWEdit: \" + event.target.error.code);\n\t};\n\t// Get the file system\n\twindow.requestFileSystem(LocalFileSystem.PERSISTENT,0,function(fileSystem) {\n\t\t// Now we've got the filesystem, get the fileEntry\n\t\tfileSystem.root.getFile(pathname, {create: true}, function(fileEntry) {\n\t\t\t// Now we've got the fileEntry, create the writer\n\t\t\tfileEntry.createWriter(function(writer) {\n\t\t\t\twriter.onerror = errorHandler;\n\t\t\t\twriter.onwrite = function() {\n\t\t\t\t\tcallback(null);\n\t\t\t\t};\n\t\t\t\twriter.position = 0;\n\t\t\t\twriter.write(text);\n\t\t\t},errorHandler);\n\t\t}, errorHandler);\n\t}, errorHandler);\n\treturn true;\n};\n\n/*\nInformation about this saver\n*/\nTWEditSaver.prototype.info = {\n\tname: \"twedit\",\n\tpriority: 1600,\n\tcapabilities: [\"save\", \"autosave\"]\n};\n\n/*\nStatic method that returns true if this saver is capable of working\n*/\nexports.canSave = function(wiki) {\n\treturn true;\n};\n\n/*\nCreate an instance of this saver\n*/\nexports.create = function(wiki) {\n\treturn new TWEditSaver(wiki);\n};\n\n/////////////////////////// Hack\n// HACK: This ensures that TWEdit recognises us as a TiddlyWiki document\nif($tw.browser) {\n\twindow.version = {title: \"TiddlyWiki\"};\n}\n\n})();\n",
"title": "$:/core/modules/savers/twedit.js",
"type": "application/javascript",
"module-type": "saver"
},
"$:/core/modules/savers/upload.js": {
"text": "/*\\\ntitle: $:/core/modules/savers/upload.js\ntype: application/javascript\nmodule-type: saver\n\nHandles saving changes via upload to a server.\n\nDesigned to be compatible with BidiX's UploadPlugin at http://tiddlywiki.bidix.info/#UploadPlugin\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nSelect the appropriate saver module and set it up\n*/\nvar UploadSaver = function(wiki) {\n\tthis.wiki = wiki;\n};\n\nUploadSaver.prototype.save = function(text,method,callback) {\n\t// Get the various parameters we need\n\tvar backupDir = this.wiki.getTextReference(\"$:/UploadBackupDir\") || \".\",\n\t\tusername = this.wiki.getTextReference(\"$:/UploadName\"),\n\t\tpassword = $tw.utils.getPassword(\"upload\"),\n\t\tuploadDir = this.wiki.getTextReference(\"$:/UploadDir\") || \".\",\n\t\tuploadFilename = this.wiki.getTextReference(\"$:/UploadFilename\") || \"index.html\",\n\t\turl = this.wiki.getTextReference(\"$:/UploadURL\");\n\t// Bail out if we don't have the bits we need\n\tif(!username || username.toString().trim() === \"\" || !password || password.toString().trim() === \"\") {\n\t\treturn false;\n\t}\n\t// Construct the url if not provided\n\tif(!url) {\n\t\turl = \"http://\" + username + \".tiddlyspot.com/store.cgi\";\n\t}\n\t// Assemble the header\n\tvar boundary = \"---------------------------\" + \"AaB03x\";\t\n\tvar uploadFormName = \"UploadPlugin\";\n\tvar head = [];\n\thead.push(\"--\" + boundary + \"\\r\\nContent-disposition: form-data; name=\\\"UploadPlugin\\\"\\r\\n\");\n\thead.push(\"backupDir=\" + backupDir + \";user=\" + username + \";password=\" + password + \";uploaddir=\" + uploadDir + \";;\"); \n\thead.push(\"\\r\\n\" + \"--\" + boundary);\n\thead.push(\"Content-disposition: form-data; name=\\\"userfile\\\"; filename=\\\"\" + uploadFilename + \"\\\"\");\n\thead.push(\"Content-Type: text/html;charset=UTF-8\");\n\thead.push(\"Content-Length: \" + text.length + \"\\r\\n\");\n\thead.push(\"\");\n\t// Assemble the tail and the data itself\n\tvar tail = \"\\r\\n--\" + boundary + \"--\\r\\n\",\n\t\tdata = head.join(\"\\r\\n\") + text + tail;\n\t// Do the HTTP post\n\tvar http = new XMLHttpRequest();\n\thttp.open(\"POST\",url,true,username,password);\n\thttp.setRequestHeader(\"Content-Type\",\"multipart/form-data; ;charset=UTF-8; boundary=\" + boundary);\n\thttp.onreadystatechange = function() {\n\t\tif(http.readyState == 4 && http.status == 200) {\n\t\t\tif(http.responseText.substr(0,4) === \"0 - \") {\n\t\t\t\tcallback(null);\n\t\t\t} else {\n\t\t\t\tcallback(http.responseText);\n\t\t\t}\n\t\t}\n\t};\n\ttry {\n\t\thttp.send(data);\n\t} catch(ex) {\n\t\treturn callback(\"Error:\" + ex);\n\t}\n\t$tw.notifier.display(\"$:/language/Notifications/Save/Starting\");\n\treturn true;\n};\n\n/*\nInformation about this saver\n*/\nUploadSaver.prototype.info = {\n\tname: \"upload\",\n\tpriority: 2000,\n\tcapabilities: [\"save\", \"autosave\"]\n};\n\n/*\nStatic method that returns true if this saver is capable of working\n*/\nexports.canSave = function(wiki) {\n\treturn true;\n};\n\n/*\nCreate an instance of this saver\n*/\nexports.create = function(wiki) {\n\treturn new UploadSaver(wiki);\n};\n\n})();\n",
"title": "$:/core/modules/savers/upload.js",
"type": "application/javascript",
"module-type": "saver"
},
"$:/core/modules/browser-messaging.js": {
"text": "/*\\\ntitle: $:/core/modules/browser-messaging.js\ntype: application/javascript\nmodule-type: startup\n\nBrowser message handling\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n// Export name and synchronous status\nexports.name = \"browser-messaging\";\nexports.platforms = [\"browser\"];\nexports.after = [\"startup\"];\nexports.synchronous = true;\n\n/*\nLoad a specified url as an iframe and call the callback when it is loaded. If the url is already loaded then the existing iframe instance is used\n*/\nfunction loadIFrame(url,callback) {\n\t// Check if iframe already exists\n\tvar iframeInfo = $tw.browserMessaging.iframeInfoMap[url];\n\tif(iframeInfo) {\n\t\t// We've already got the iframe\n\t\tcallback(null,iframeInfo);\n\t} else {\n\t\t// Create the iframe and save it in the list\n\t\tvar iframe = document.createElement(\"iframe\"),\n\t\t\tiframeInfo = {\n\t\t\t\turl: url,\n\t\t\t\tstatus: \"loading\",\n\t\t\t\tdomNode: iframe\n\t\t\t};\n\t\t$tw.browserMessaging.iframeInfoMap[url] = iframeInfo;\n\t\tsaveIFrameInfoTiddler(iframeInfo);\n\t\t// Add the iframe to the DOM and hide it\n\t\tiframe.style.display = \"none\";\n\t\tdocument.body.appendChild(iframe);\n\t\t// Set up onload\n\t\tiframe.onload = function() {\n\t\t\tiframeInfo.status = \"loaded\";\n\t\t\tsaveIFrameInfoTiddler(iframeInfo);\n\t\t\tcallback(null,iframeInfo);\n\t\t};\n\t\tiframe.onerror = function() {\n\t\t\tcallback(\"Cannot load iframe\");\n\t\t};\n\t\ttry {\n\t\t\tiframe.src = url;\n\t\t} catch(ex) {\n\t\t\tcallback(ex);\n\t\t}\n\t}\n}\n\nfunction saveIFrameInfoTiddler(iframeInfo) {\n\t$tw.wiki.addTiddler(new $tw.Tiddler($tw.wiki.getCreationFields(),{\n\t\ttitle: \"$:/temp/ServerConnection/\" + iframeInfo.url,\n\t\ttext: iframeInfo.status,\n\t\ttags: [\"$:/tags/ServerConnection\"],\n\t\turl: iframeInfo.url\n\t},$tw.wiki.getModificationFields()));\n}\n\nexports.startup = function() {\n\t// Initialise the store of iframes we've created\n\t$tw.browserMessaging = {\n\t\tiframeInfoMap: {} // Hashmap by URL of {url:,status:\"loading/loaded\",domNode:}\n\t};\n\t// Listen for widget messages to control loading the plugin library\n\t$tw.rootWidget.addEventListener(\"tm-load-plugin-library\",function(event) {\n\t\tvar paramObject = event.paramObject || {},\n\t\t\turl = paramObject.url;\n\t\tif(url) {\n\t\t\tloadIFrame(url,function(err,iframeInfo) {\n\t\t\t\tif(err) {\n\t\t\t\t\talert(\"Error loading plugin library: \" + url);\n\t\t\t\t} else {\n\t\t\t\t\tiframeInfo.domNode.contentWindow.postMessage({\n\t\t\t\t\t\tverb: \"GET\",\n\t\t\t\t\t\turl: \"recipes/library/tiddlers.json\",\n\t\t\t\t\t\tcookies: {\n\t\t\t\t\t\t\ttype: \"save-info\",\n\t\t\t\t\t\t\tinfoTitlePrefix: paramObject.infoTitlePrefix || \"$:/temp/RemoteAssetInfo/\",\n\t\t\t\t\t\t\turl: url\n\t\t\t\t\t\t}\n\t\t\t\t\t},\"*\");\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t});\n\t$tw.rootWidget.addEventListener(\"tm-load-plugin-from-library\",function(event) {\n\t\tvar paramObject = event.paramObject || {},\n\t\t\turl = paramObject.url,\n\t\t\ttitle = paramObject.title;\n\t\tif(url && title) {\n\t\t\tloadIFrame(url,function(err,iframeInfo) {\n\t\t\t\tif(err) {\n\t\t\t\t\talert(\"Error loading plugin library: \" + url);\n\t\t\t\t} else {\n\t\t\t\t\tiframeInfo.domNode.contentWindow.postMessage({\n\t\t\t\t\t\tverb: \"GET\",\n\t\t\t\t\t\turl: \"recipes/library/tiddlers/\" + encodeURIComponent(title) + \".json\",\n\t\t\t\t\t\tcookies: {\n\t\t\t\t\t\t\ttype: \"save-tiddler\",\n\t\t\t\t\t\t\turl: url\n\t\t\t\t\t\t}\n\t\t\t\t\t},\"*\");\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t});\n\t// Listen for window messages from other windows\n\twindow.addEventListener(\"message\",function listener(event){\n\t\tconsole.log(\"browser-messaging: \",document.location.toString())\n\t\tconsole.log(\"browser-messaging: Received message from\",event.origin);\n\t\tconsole.log(\"browser-messaging: Message content\",event.data);\n\t\tswitch(event.data.verb) {\n\t\t\tcase \"GET-RESPONSE\":\n\t\t\t\tif(event.data.status.charAt(0) === \"2\") {\n\t\t\t\t\tif(event.data.cookies) {\n\t\t\t\t\t\tif(event.data.cookies.type === \"save-info\") {\n\t\t\t\t\t\t\tvar tiddlers = JSON.parse(event.data.body);\n\t\t\t\t\t\t\t$tw.utils.each(tiddlers,function(tiddler) {\n\t\t\t\t\t\t\t\t$tw.wiki.addTiddler(new $tw.Tiddler($tw.wiki.getCreationFields(),tiddler,{\n\t\t\t\t\t\t\t\t\ttitle: event.data.cookies.infoTitlePrefix + event.data.cookies.url + \"/\" + tiddler.title,\n\t\t\t\t\t\t\t\t\t\"original-title\": tiddler.title,\n\t\t\t\t\t\t\t\t\ttext: \"\",\n\t\t\t\t\t\t\t\t\ttype: \"text/vnd.tiddlywiki\",\n\t\t\t\t\t\t\t\t\t\"original-type\": tiddler.type,\n\t\t\t\t\t\t\t\t\t\"plugin-type\": undefined,\n\t\t\t\t\t\t\t\t\t\"original-plugin-type\": tiddler[\"plugin-type\"],\n\t\t\t\t\t\t\t\t\t\"module-type\": undefined,\n\t\t\t\t\t\t\t\t\t\"original-module-type\": tiddler[\"module-type\"],\n\t\t\t\t\t\t\t\t\ttags: [\"$:/tags/RemoteAssetInfo\"],\n\t\t\t\t\t\t\t\t\t\"original-tags\": $tw.utils.stringifyList(tiddler.tags || []),\n\t\t\t\t\t\t\t\t\t\"server-url\": event.data.cookies.url\n\t\t\t\t\t\t\t\t},$tw.wiki.getModificationFields()));\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t} else if(event.data.cookies.type === \"save-tiddler\") {\n\t\t\t\t\t\t\tvar tiddler = JSON.parse(event.data.body);\n\t\t\t\t\t\t\t$tw.wiki.addTiddler(new $tw.Tiddler(tiddler));\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t}\n\t},false);\n};\n\n})();\n",
"title": "$:/core/modules/browser-messaging.js",
"type": "application/javascript",
"module-type": "startup"
},
"$:/core/modules/startup/commands.js": {
"text": "/*\\\ntitle: $:/core/modules/startup/commands.js\ntype: application/javascript\nmodule-type: startup\n\nCommand processing\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n// Export name and synchronous status\nexports.name = \"commands\";\nexports.platforms = [\"node\"];\nexports.after = [\"story\"];\nexports.synchronous = false;\n\nexports.startup = function(callback) {\n\t// On the server, start a commander with the command line arguments\n\tvar commander = new $tw.Commander(\n\t\t$tw.boot.argv,\n\t\tfunction(err) {\n\t\t\tif(err) {\n\t\t\t\treturn $tw.utils.error(\"Error: \" + err);\n\t\t\t}\n\t\t\tcallback();\n\t\t},\n\t\t$tw.wiki,\n\t\t{output: process.stdout, error: process.stderr}\n\t);\n\tcommander.execute();\n};\n\n})();\n",
"title": "$:/core/modules/startup/commands.js",
"type": "application/javascript",
"module-type": "startup"
},
"$:/core/modules/startup/favicon.js": {
"text": "/*\\\ntitle: $:/core/modules/startup/favicon.js\ntype: application/javascript\nmodule-type: startup\n\nFavicon handling\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n// Export name and synchronous status\nexports.name = \"favicon\";\nexports.platforms = [\"browser\"];\nexports.after = [\"startup\"];\nexports.synchronous = true;\n\t\t\n// Favicon tiddler\nvar FAVICON_TITLE = \"$:/favicon.ico\";\n\nexports.startup = function() {\n\t// Set up the favicon\n\tsetFavicon();\n\t// Reset the favicon when the tiddler changes\n\t$tw.wiki.addEventListener(\"change\",function(changes) {\n\t\tif($tw.utils.hop(changes,FAVICON_TITLE)) {\n\t\t\tsetFavicon();\n\t\t}\n\t});\n};\n\nfunction setFavicon() {\n\tvar tiddler = $tw.wiki.getTiddler(FAVICON_TITLE);\n\tif(tiddler) {\n\t\tvar faviconLink = document.getElementById(\"faviconLink\");\n\t\tfaviconLink.setAttribute(\"href\",\"data:\" + tiddler.fields.type + \";base64,\" + tiddler.fields.text);\n\t}\n}\n\n})();\n",
"title": "$:/core/modules/startup/favicon.js",
"type": "application/javascript",
"module-type": "startup"
},
"$:/core/modules/startup/info.js": {
"text": "/*\\\ntitle: $:/core/modules/startup/info.js\ntype: application/javascript\nmodule-type: startup\n\nInitialise $:/info tiddlers via $:/temp/info-plugin pseudo-plugin\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n// Export name and synchronous status\nexports.name = \"info\";\nexports.before = [\"startup\"];\nexports.after = [\"load-modules\"];\nexports.synchronous = true;\n\nexports.startup = function() {\n\t// Collect up the info tiddlers\n\tvar infoTiddlerFields = {};\n\t// Give each info module a chance to fill in as many info tiddlers as they want\n\t$tw.modules.forEachModuleOfType(\"info\",function(title,moduleExports) {\n\t\tif(moduleExports && moduleExports.getInfoTiddlerFields) {\n\t\t\tvar tiddlerFieldsArray = moduleExports.getInfoTiddlerFields(infoTiddlerFields);\n\t\t\t$tw.utils.each(tiddlerFieldsArray,function(fields) {\n\t\t\t\tif(fields) {\n\t\t\t\t\tinfoTiddlerFields[fields.title] = fields;\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t});\n\t// Bake the info tiddlers into a plugin\n\tvar fields = {\n\t\ttitle: \"$:/temp/info-plugin\",\n\t\ttype: \"application/json\",\n\t\t\"plugin-type\": \"info\",\n\t\ttext: JSON.stringify({tiddlers: infoTiddlerFields},null,$tw.config.preferences.jsonSpaces)\n\t};\n\t$tw.wiki.addTiddler(new $tw.Tiddler(fields));\n\t$tw.wiki.readPluginInfo();\n\t$tw.wiki.registerPluginTiddlers(\"info\");\n\t$tw.wiki.unpackPluginTiddlers();\n};\n\n})();\n",
"title": "$:/core/modules/startup/info.js",
"type": "application/javascript",
"module-type": "startup"
},
"$:/core/modules/startup/load-modules.js": {
"text": "/*\\\ntitle: $:/core/modules/startup/load-modules.js\ntype: application/javascript\nmodule-type: startup\n\nLoad core modules\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n// Export name and synchronous status\nexports.name = \"load-modules\";\nexports.synchronous = true;\n\nexports.startup = function() {\n\t// Load modules\n\t$tw.modules.applyMethods(\"utils\",$tw.utils);\n\tif($tw.node) {\n\t\t$tw.modules.applyMethods(\"utils-node\",$tw.utils);\n\t}\n\t$tw.modules.applyMethods(\"global\",$tw);\n\t$tw.modules.applyMethods(\"config\",$tw.config);\n\t$tw.Tiddler.fieldModules = $tw.modules.getModulesByTypeAsHashmap(\"tiddlerfield\");\n\t$tw.modules.applyMethods(\"tiddlermethod\",$tw.Tiddler.prototype);\n\t$tw.modules.applyMethods(\"wikimethod\",$tw.Wiki.prototype);\n\t$tw.modules.applyMethods(\"tiddlerdeserializer\",$tw.Wiki.tiddlerDeserializerModules);\n\t$tw.macros = $tw.modules.getModulesByTypeAsHashmap(\"macro\");\n\t$tw.wiki.initParsers();\n\t$tw.Commander.initCommands();\n};\n\n})();\n",
"title": "$:/core/modules/startup/load-modules.js",
"type": "application/javascript",
"module-type": "startup"
},
"$:/core/modules/startup/password.js": {
"text": "/*\\\ntitle: $:/core/modules/startup/password.js\ntype: application/javascript\nmodule-type: startup\n\nPassword handling\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n// Export name and synchronous status\nexports.name = \"password\";\nexports.platforms = [\"browser\"];\nexports.after = [\"startup\"];\nexports.synchronous = true;\n\nexports.startup = function() {\n\t$tw.rootWidget.addEventListener(\"tm-set-password\",function(event) {\n\t\t$tw.passwordPrompt.createPrompt({\n\t\t\tserviceName: $tw.language.getString(\"Encryption/PromptSetPassword\"),\n\t\t\tnoUserName: true,\n\t\t\tsubmitText: $tw.language.getString(\"Encryption/SetPassword\"),\n\t\t\tcanCancel: true,\n\t\t\trepeatPassword: true,\n\t\t\tcallback: function(data) {\n\t\t\t\tif(data) {\n\t\t\t\t\t$tw.crypto.setPassword(data.password);\n\t\t\t\t}\n\t\t\t\treturn true; // Get rid of the password prompt\n\t\t\t}\n\t\t});\n\t});\n\t$tw.rootWidget.addEventListener(\"tm-clear-password\",function(event) {\n\t\tif($tw.browser) {\n\t\t\tif(!confirm($tw.language.getString(\"Encryption/ConfirmClearPassword\"))) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\t\t$tw.crypto.setPassword(null);\n\t});\n\t// Ensure that $:/isEncrypted is maintained properly\n\t$tw.wiki.addEventListener(\"change\",function(changes) {\n\t\tif($tw.utils.hop(changes,\"$:/isEncrypted\")) {\n\t\t\t$tw.crypto.updateCryptoStateTiddler();\n\t\t}\n\t});\n};\n\n})();\n",
"title": "$:/core/modules/startup/password.js",
"type": "application/javascript",
"module-type": "startup"
},
"$:/core/modules/startup/render.js": {
"text": "/*\\\ntitle: $:/core/modules/startup/render.js\ntype: application/javascript\nmodule-type: startup\n\nTitle, stylesheet and page rendering\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n// Export name and synchronous status\nexports.name = \"render\";\nexports.platforms = [\"browser\"];\nexports.after = [\"story\"];\nexports.synchronous = true;\n\n// Default story and history lists\nvar PAGE_TITLE_TITLE = \"$:/core/wiki/title\";\nvar PAGE_STYLESHEET_TITLE = \"$:/core/ui/PageStylesheet\";\nvar PAGE_TEMPLATE_TITLE = \"$:/core/ui/PageTemplate\";\n\n// Time (in ms) that we defer refreshing changes to draft tiddlers\nvar DRAFT_TIDDLER_TIMEOUT_TITLE = \"$:/config/Drafts/TypingTimeout\";\nvar DRAFT_TIDDLER_TIMEOUT = 400;\n\nexports.startup = function() {\n\t// Set up the title\n\t$tw.titleWidgetNode = $tw.wiki.makeTranscludeWidget(PAGE_TITLE_TITLE,{document: $tw.fakeDocument, parseAsInline: true});\n\t$tw.titleContainer = $tw.fakeDocument.createElement(\"div\");\n\t$tw.titleWidgetNode.render($tw.titleContainer,null);\n\tdocument.title = $tw.titleContainer.textContent;\n\t$tw.wiki.addEventListener(\"change\",function(changes) {\n\t\tif($tw.titleWidgetNode.refresh(changes,$tw.titleContainer,null)) {\n\t\t\tdocument.title = $tw.titleContainer.textContent;\n\t\t}\n\t});\n\t// Set up the styles\n\t$tw.styleWidgetNode = $tw.wiki.makeTranscludeWidget(PAGE_STYLESHEET_TITLE,{document: $tw.fakeDocument});\n\t$tw.styleContainer = $tw.fakeDocument.createElement(\"style\");\n\t$tw.styleWidgetNode.render($tw.styleContainer,null);\n\t$tw.styleElement = document.createElement(\"style\");\n\t$tw.styleElement.innerHTML = $tw.styleContainer.textContent;\n\tdocument.head.insertBefore($tw.styleElement,document.head.firstChild);\n\t$tw.wiki.addEventListener(\"change\",$tw.perf.report(\"styleRefresh\",function(changes) {\n\t\tif($tw.styleWidgetNode.refresh(changes,$tw.styleContainer,null)) {\n\t\t\t$tw.styleElement.innerHTML = $tw.styleContainer.textContent;\n\t\t}\n\t}));\n\t// Display the $:/core/ui/PageTemplate tiddler to kick off the display\n\t$tw.perf.report(\"mainRender\",function() {\n\t\t$tw.pageWidgetNode = $tw.wiki.makeTranscludeWidget(PAGE_TEMPLATE_TITLE,{document: document, parentWidget: $tw.rootWidget});\n\t\t$tw.pageContainer = document.createElement(\"div\");\n\t\t$tw.utils.addClass($tw.pageContainer,\"tc-page-container-wrapper\");\n\t\tdocument.body.insertBefore($tw.pageContainer,document.body.firstChild);\n\t\t$tw.pageWidgetNode.render($tw.pageContainer,null);\n\t})();\n\t// Prepare refresh mechanism\n\tvar deferredChanges = Object.create(null),\n\t\ttimerId;\n\tfunction refresh() {\n\t\t// Process the refresh\n\t\t$tw.pageWidgetNode.refresh(deferredChanges);\n\t\tdeferredChanges = Object.create(null);\n\t}\n\t// Add the change event handler\n\t$tw.wiki.addEventListener(\"change\",$tw.perf.report(\"mainRefresh\",function(changes) {\n\t\t// Check if only drafts have changed\n\t\tvar onlyDraftsHaveChanged = true;\n\t\tfor(var title in changes) {\n\t\t\tvar tiddler = $tw.wiki.getTiddler(title);\n\t\t\tif(!tiddler || !tiddler.hasField(\"draft.of\")) {\n\t\t\t\tonlyDraftsHaveChanged = false;\n\t\t\t}\n\t\t}\n\t\t// Defer the change if only drafts have changed\n\t\tif(timerId) {\n\t\t\tclearTimeout(timerId);\n\t\t}\n\t\ttimerId = null;\n\t\tif(onlyDraftsHaveChanged) {\n\t\t\tvar timeout = parseInt($tw.wiki.getTiddlerText(DRAFT_TIDDLER_TIMEOUT_TITLE,\"\"),10);\n\t\t\tif(isNaN(timeout)) {\n\t\t\t\ttimeout = DRAFT_TIDDLER_TIMEOUT;\n\t\t\t}\n\t\t\ttimerId = setTimeout(refresh,timeout);\n\t\t\t$tw.utils.extend(deferredChanges,changes);\n\t\t} else {\n\t\t\t$tw.utils.extend(deferredChanges,changes);\n\t\t\trefresh();\n\t\t}\n\t}));\n\t// Fix up the link between the root widget and the page container\n\t$tw.rootWidget.domNodes = [$tw.pageContainer];\n\t$tw.rootWidget.children = [$tw.pageWidgetNode];\n};\n\n})();\n",
"title": "$:/core/modules/startup/render.js",
"type": "application/javascript",
"module-type": "startup"
},
"$:/core/modules/startup/rootwidget.js": {
"text": "/*\\\ntitle: $:/core/modules/startup/rootwidget.js\ntype: application/javascript\nmodule-type: startup\n\nSetup the root widget and the core root widget handlers\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n// Export name and synchronous status\nexports.name = \"rootwidget\";\nexports.platforms = [\"browser\"];\nexports.after = [\"startup\"];\nexports.before = [\"story\"];\nexports.synchronous = true;\n\nexports.startup = function() {\n\t// Install the modal message mechanism\n\t$tw.modal = new $tw.utils.Modal($tw.wiki);\n\t$tw.rootWidget.addEventListener(\"tm-modal\",function(event) {\n\t\t$tw.modal.display(event.param,{variables: event.paramObject});\n\t});\n\t// Install the notification mechanism\n\t$tw.notifier = new $tw.utils.Notifier($tw.wiki);\n\t$tw.rootWidget.addEventListener(\"tm-notify\",function(event) {\n\t\t$tw.notifier.display(event.param);\n\t});\n\t// Install the scroller\n\t$tw.pageScroller = new $tw.utils.PageScroller();\n\t$tw.rootWidget.addEventListener(\"tm-scroll\",function(event) {\n\t\t$tw.pageScroller.handleEvent(event);\n\t});\n\tvar fullscreen = $tw.utils.getFullScreenApis();\n\tif(fullscreen) {\n\t\t$tw.rootWidget.addEventListener(\"tm-full-screen\",function(event) {\n\t\t\tif(document[fullscreen._fullscreenElement]) {\n\t\t\t\tdocument[fullscreen._exitFullscreen]();\n\t\t\t} else {\n\t\t\t\tdocument.documentElement[fullscreen._requestFullscreen](Element.ALLOW_KEYBOARD_INPUT);\n\t\t\t}\n\t\t});\n\t}\n\t// If we're being viewed on a data: URI then give instructions for how to save\n\tif(document.location.protocol === \"data:\") {\n\t\t$tw.rootWidget.dispatchEvent({\n\t\t\ttype: \"tm-modal\",\n\t\t\tparam: \"$:/language/Modals/SaveInstructions\"\n\t\t});\n\t}\n};\n\n})();\n",
"title": "$:/core/modules/startup/rootwidget.js",
"type": "application/javascript",
"module-type": "startup"
},
"$:/core/modules/startup.js": {
"text": "/*\\\ntitle: $:/core/modules/startup.js\ntype: application/javascript\nmodule-type: startup\n\nMiscellaneous startup logic for both the client and server.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n// Export name and synchronous status\nexports.name = \"startup\";\nexports.after = [\"load-modules\"];\nexports.synchronous = true;\n\n// Set to `true` to enable performance instrumentation\nvar PERFORMANCE_INSTRUMENTATION = false;\n\nvar widget = require(\"$:/core/modules/widgets/widget.js\");\n\nexports.startup = function() {\n\tvar modules,n,m,f;\n\tif($tw.browser) {\n\t\t$tw.browser.isIE = (/msie|trident/i.test(navigator.userAgent));\n\t}\n\t$tw.version = $tw.utils.extractVersionInfo();\n\t// Set up the performance framework\n\t$tw.perf = new $tw.Performance(PERFORMANCE_INSTRUMENTATION);\n\t// Kick off the language manager and switcher\n\t$tw.language = new $tw.Language();\n\t$tw.languageSwitcher = new $tw.PluginSwitcher({\n\t\twiki: $tw.wiki,\n\t\tpluginType: \"language\",\n\t\tcontrollerTitle: \"$:/language\",\n\t\tdefaultPlugins: [\n\t\t\t\"$:/languages/en-US\"\n\t\t]\n\t});\n\t// Kick off the theme manager\n\t$tw.themeManager = new $tw.PluginSwitcher({\n\t\twiki: $tw.wiki,\n\t\tpluginType: \"theme\",\n\t\tcontrollerTitle: \"$:/theme\",\n\t\tdefaultPlugins: [\n\t\t\t\"$:/themes/tiddlywiki/snowwhite\",\n\t\t\t\"$:/themes/tiddlywiki/vanilla\"\n\t\t]\n\t});\n\t// Clear outstanding tiddler store change events to avoid an unnecessary refresh cycle at startup\n\t$tw.wiki.clearTiddlerEventQueue();\n\t// Create a root widget for attaching event handlers. By using it as the parentWidget for another widget tree, one can reuse the event handlers\n\tif($tw.browser) {\n\t\t$tw.rootWidget = new widget.widget({\n\t\t\ttype: \"widget\",\n\t\t\tchildren: []\n\t\t},{\n\t\t\twiki: $tw.wiki,\n\t\t\tdocument: document\n\t\t});\n\t}\n\t// Find a working syncadaptor\n\t$tw.syncadaptor = undefined;\n\t$tw.modules.forEachModuleOfType(\"syncadaptor\",function(title,module) {\n\t\tif(!$tw.syncadaptor && module.adaptorClass) {\n\t\t\t$tw.syncadaptor = new module.adaptorClass({wiki: $tw.wiki});\n\t\t}\n\t});\n\t// Set up the syncer object if we've got a syncadaptor\n\tif($tw.syncadaptor) {\n\t\t$tw.syncer = new $tw.Syncer({wiki: $tw.wiki, syncadaptor: $tw.syncadaptor});\n\t} \n\t// Setup the saver handler\n\t$tw.saverHandler = new $tw.SaverHandler({wiki: $tw.wiki, dirtyTracking: !$tw.syncadaptor});\n\t// Host-specific startup\n\tif($tw.browser) {\n\t\t// Install the popup manager\n\t\t$tw.popup = new $tw.utils.Popup();\n\t\t// Install the animator\n\t\t$tw.anim = new $tw.utils.Animator();\n\t}\n};\n\n})();\n",
"title": "$:/core/modules/startup.js",
"type": "application/javascript",
"module-type": "startup"
},
"$:/core/modules/startup/story.js": {
"text": "/*\\\ntitle: $:/core/modules/startup/story.js\ntype: application/javascript\nmodule-type: startup\n\nLoad core modules\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n// Export name and synchronous status\nexports.name = \"story\";\nexports.after = [\"startup\"];\nexports.synchronous = true;\n\n// Default story and history lists\nvar DEFAULT_STORY_TITLE = \"$:/StoryList\";\nvar DEFAULT_HISTORY_TITLE = \"$:/HistoryList\";\n\n// Default tiddlers\nvar DEFAULT_TIDDLERS_TITLE = \"$:/DefaultTiddlers\";\n\n// Config\nvar CONFIG_UPDATE_ADDRESS_BAR = \"$:/config/Navigation/UpdateAddressBar\"; // Can be \"no\", \"permalink\", \"permaview\"\nvar CONFIG_UPDATE_HISTORY = \"$:/config/Navigation/UpdateHistory\"; // Can be \"yes\" or \"no\"\n\nexports.startup = function() {\n\t// Open startup tiddlers\n\topenStartupTiddlers();\n\tif($tw.browser) {\n\t\t// Set up location hash update\n\t\t$tw.wiki.addEventListener(\"change\",function(changes) {\n\t\t\tif($tw.utils.hop(changes,DEFAULT_STORY_TITLE) || $tw.utils.hop(changes,DEFAULT_HISTORY_TITLE)) {\n\t\t\t\tupdateLocationHash({\n\t\t\t\t\tupdateAddressBar: $tw.wiki.getTiddlerText(CONFIG_UPDATE_ADDRESS_BAR,\"permaview\").trim(),\n\t\t\t\t\tupdateHistory: $tw.wiki.getTiddlerText(CONFIG_UPDATE_HISTORY,\"no\").trim()\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t\t// Listen for changes to the browser location hash\n\t\twindow.addEventListener(\"hashchange\",function() {\n\t\t\tvar hash = $tw.utils.getLocationHash();\n\t\t\tif(hash !== $tw.locationHash) {\n\t\t\t\t$tw.locationHash = hash;\n\t\t\t\topenStartupTiddlers({defaultToCurrentStory: true});\n\t\t\t}\n\t\t},false);\n\t\t// Listen for the tm-browser-refresh message\n\t\t$tw.rootWidget.addEventListener(\"tm-browser-refresh\",function(event) {\n\t\t\twindow.location.reload(true);\n\t\t});\n\t\t// Listen for the tm-home message\n\t\t$tw.rootWidget.addEventListener(\"tm-home\",function(event) {\n\t\t\twindow.location.hash = \"\";\n\t\t\tvar storyFilter = $tw.wiki.getTiddlerText(DEFAULT_TIDDLERS_TITLE),\n\t\t\t\tstoryList = $tw.wiki.filterTiddlers(storyFilter);\n\t\t\t//invoke any hooks that might change the default story list\n\t\t\tstoryList = $tw.hooks.invokeHook(\"th-opening-default-tiddlers-list\",storyList);\n\t\t\t$tw.wiki.addTiddler({title: DEFAULT_STORY_TITLE, text: \"\", list: storyList},$tw.wiki.getModificationFields());\n\t\t\tif(storyList[0]) {\n\t\t\t\t$tw.wiki.addToHistory(storyList[0]);\t\t\t\t\n\t\t\t}\n\t\t});\n\t\t// Listen for the tm-permalink message\n\t\t$tw.rootWidget.addEventListener(\"tm-permalink\",function(event) {\n\t\t\tupdateLocationHash({\n\t\t\t\tupdateAddressBar: \"permalink\",\n\t\t\t\tupdateHistory: $tw.wiki.getTiddlerText(CONFIG_UPDATE_HISTORY,\"no\").trim(),\n\t\t\t\ttargetTiddler: event.param || event.tiddlerTitle\n\t\t\t});\n\t\t});\n\t\t// Listen for the tm-permaview message\n\t\t$tw.rootWidget.addEventListener(\"tm-permaview\",function(event) {\n\t\t\tupdateLocationHash({\n\t\t\t\tupdateAddressBar: \"permaview\",\n\t\t\t\tupdateHistory: $tw.wiki.getTiddlerText(CONFIG_UPDATE_HISTORY,\"no\").trim(),\n\t\t\t\ttargetTiddler: event.param || event.tiddlerTitle\n\t\t\t});\n\t\t});\n\t}\n};\n\n/*\nProcess the location hash to open the specified tiddlers. Options:\ndefaultToCurrentStory: If true, the current story is retained as the default, instead of opening the default tiddlers\n*/\nfunction openStartupTiddlers(options) {\n\toptions = options || {};\n\t// Work out the target tiddler and the story filter. \"null\" means \"unspecified\"\n\tvar target = null,\n\t\tstoryFilter = null;\n\tif($tw.locationHash.length > 1) {\n\t\tvar hash = $tw.locationHash.substr(1),\n\t\t\tsplit = hash.indexOf(\":\");\n\t\tif(split === -1) {\n\t\t\ttarget = decodeURIComponent(hash.trim());\n\t\t} else {\n\t\t\ttarget = decodeURIComponent(hash.substr(0,split).trim());\n\t\t\tstoryFilter = decodeURIComponent(hash.substr(split + 1).trim());\n\t\t}\n\t}\n\t// If the story wasn't specified use the current tiddlers or a blank story\n\tif(storyFilter === null) {\n\t\tif(options.defaultToCurrentStory) {\n\t\t\tvar currStoryList = $tw.wiki.getTiddlerList(DEFAULT_STORY_TITLE);\n\t\t\tstoryFilter = $tw.utils.stringifyList(currStoryList);\n\t\t} else {\n\t\t\tif(target && target !== \"\") {\n\t\t\t\tstoryFilter = \"\";\n\t\t\t} else {\n\t\t\t\tstoryFilter = $tw.wiki.getTiddlerText(DEFAULT_TIDDLERS_TITLE);\n\t\t\t}\n\t\t}\n\t}\n\t// Process the story filter to get the story list\n\tvar storyList = $tw.wiki.filterTiddlers(storyFilter);\n\t//invoke any hooks that might change the default story list\n\tstoryList = $tw.hooks.invokeHook(\"th-opening-default-tiddlers-list\",storyList);\n\t// If the target tiddler isn't included then splice it in at the top\n\tif(target && storyList.indexOf(target) === -1) {\n\t\tstoryList.unshift(target);\n\t}\n\t// Save the story list\n\t$tw.wiki.addTiddler({title: DEFAULT_STORY_TITLE, text: \"\", list: storyList},$tw.wiki.getModificationFields());\n\t// If a target tiddler was specified add it to the history stack\n\tif(target && target !== \"\") {\n\t\t// The target tiddler doesn't need double square brackets, but we'll silently remove them if they're present\n\t\tif(target.indexOf(\"[[\") === 0 && target.substr(-2) === \"]]\") {\n\t\t\ttarget = target.substr(2,target.length - 4);\n\t\t}\n\t\t$tw.wiki.addToHistory(target);\n\t} else if(storyList.length > 0) {\n\t\t$tw.wiki.addToHistory(storyList[0]);\n\t}\n}\n\n/*\noptions: See below\noptions.updateAddressBar: \"permalink\", \"permaview\" or \"no\" (defaults to \"permaview\")\noptions.updateHistory: \"yes\" or \"no\" (defaults to \"no\")\noptions.targetTiddler: optional title of target tiddler for permalink\n*/\nfunction updateLocationHash(options) {\n\tif(options.updateAddressBar !== \"no\") {\n\t\t// Get the story and the history stack\n\t\tvar storyList = $tw.wiki.getTiddlerList(DEFAULT_STORY_TITLE),\n\t\t\thistoryList = $tw.wiki.getTiddlerData(DEFAULT_HISTORY_TITLE,[]),\n\t\t\ttargetTiddler = \"\";\n\t\tif(options.targetTiddler) {\n\t\t\ttargetTiddler = options.targetTiddler;\n\t\t} else {\n\t\t\t// The target tiddler is the one at the top of the stack\n\t\t\tif(historyList.length > 0) {\n\t\t\t\ttargetTiddler = historyList[historyList.length-1].title;\n\t\t\t}\n\t\t\t// Blank the target tiddler if it isn't present in the story\n\t\t\tif(storyList.indexOf(targetTiddler) === -1) {\n\t\t\t\ttargetTiddler = \"\";\n\t\t\t}\n\t\t}\n\t\t// Assemble the location hash\n\t\tif(options.updateAddressBar === \"permalink\") {\n\t\t\t$tw.locationHash = \"#\" + encodeURIComponent(targetTiddler);\n\t\t} else {\n\t\t\t$tw.locationHash = \"#\" + encodeURIComponent(targetTiddler) + \":\" + encodeURIComponent($tw.utils.stringifyList(storyList));\n\t\t}\n\t\t// Only change the location hash if we must, thus avoiding unnecessary onhashchange events\n\t\tif($tw.utils.getLocationHash() !== $tw.locationHash) {\n\t\t\tif(options.updateHistory === \"yes\") {\n\t\t\t\t// Assign the location hash so that history is updated\n\t\t\t\twindow.location.hash = $tw.locationHash;\n\t\t\t} else {\n\t\t\t\t// We use replace so that browser history isn't affected\n\t\t\t\twindow.location.replace(window.location.toString().split(\"#\")[0] + $tw.locationHash);\n\t\t\t}\n\t\t}\n\t}\n}\n\n})();\n",
"title": "$:/core/modules/startup/story.js",
"type": "application/javascript",
"module-type": "startup"
},
"$:/core/modules/startup/windows.js": {
"text": "/*\\\ntitle: $:/core/modules/startup/windows.js\ntype: application/javascript\nmodule-type: startup\n\nSetup root widget handlers for the messages concerned with opening external browser windows\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n// Export name and synchronous status\nexports.name = \"windows\";\nexports.platforms = [\"browser\"];\nexports.after = [\"startup\"];\nexports.synchronous = true;\n\n// Global to keep track of open windows (hashmap by title)\nvar windows = {};\n\nexports.startup = function() {\n\t// Handle open window message\n\t$tw.rootWidget.addEventListener(\"tm-open-window\",function(event) {\n\t\t// Get the parameters\n\t\tvar refreshHandler,\n\t\t\ttitle = event.param || event.tiddlerTitle,\n\t\t\tparamObject = event.paramObject || {},\n\t\t\ttemplate = paramObject.template || \"$:/core/templates/single.tiddler.window\",\n\t\t\twidth = paramObject.width || \"700\",\n\t\t\theight = paramObject.height || \"600\";\n\t\t// Open the window\n\t\tvar srcWindow = window.open(\"\",\"external-\" + title,\"scrollbars,width=\" + width + \",height=\" + height),\n\t\t\tsrcDocument = srcWindow.document;\n\t\twindows[title] = srcWindow;\n\t\t// Check for reopening the same window\n\t\tif(srcWindow.haveInitialisedWindow) {\n\t\t\treturn;\n\t\t}\n\t\t// Initialise the document\n\t\tsrcDocument.write(\"<html><head></head><body class='tc-body tc-single-tiddler-window'></body></html>\");\n\t\tsrcDocument.close();\n\t\tsrcDocument.title = title;\n\t\tsrcWindow.addEventListener(\"beforeunload\",function(event) {\n\t\t\tdelete windows[title];\n\t\t\t$tw.wiki.removeEventListener(\"change\",refreshHandler);\n\t\t},false);\n\t\t// Set up the styles\n\t\tvar styleWidgetNode = $tw.wiki.makeTranscludeWidget(\"$:/core/ui/PageStylesheet\",{document: $tw.fakeDocument}),\n\t\t\tstyleContainer = $tw.fakeDocument.createElement(\"style\");\n\t\tstyleWidgetNode.render(styleContainer,null);\n\t\tvar styleElement = srcDocument.createElement(\"style\");\n\t\tstyleElement.innerHTML = styleContainer.textContent;\n\t\tsrcDocument.head.insertBefore(styleElement,srcDocument.head.firstChild);\n\t\t// Render the text of the tiddler\n\t\tvar parser = $tw.wiki.parseTiddler(template),\n\t\t\twidgetNode = $tw.wiki.makeWidget(parser,{document: srcDocument, parentWidget: $tw.rootWidget, variables: {currentTiddler: title}});\n\t\twidgetNode.render(srcDocument.body,srcDocument.body.firstChild);\n\t\t// Function to handle refreshes\n\t\trefreshHandler = function(changes) {\n\t\t\tif(styleWidgetNode.refresh(changes,styleContainer,null)) {\n\t\t\t\tstyleElement.innerHTML = styleContainer.textContent;\n\t\t\t}\n\t\t\twidgetNode.refresh(changes);\n\t\t};\n\t\t$tw.wiki.addEventListener(\"change\",refreshHandler);\n\t\tsrcWindow.haveInitialisedWindow = true;\n\t});\n\t// Close open windows when unloading main window\n\t$tw.addUnloadTask(function() {\n\t\t$tw.utils.each(windows,function(win) {\n\t\t\twin.close();\n\t\t});\n\t});\n\n};\n\n})();\n",
"title": "$:/core/modules/startup/windows.js",
"type": "application/javascript",
"module-type": "startup"
},
"$:/core/modules/storyviews/classic.js": {
"text": "/*\\\ntitle: $:/core/modules/storyviews/classic.js\ntype: application/javascript\nmodule-type: storyview\n\nViews the story as a linear sequence\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar easing = \"cubic-bezier(0.645, 0.045, 0.355, 1)\"; // From http://easings.net/#easeInOutCubic\n\nvar ClassicStoryView = function(listWidget) {\n\tthis.listWidget = listWidget;\n};\n\nClassicStoryView.prototype.navigateTo = function(historyInfo) {\n\tvar listElementIndex = this.listWidget.findListItem(0,historyInfo.title);\n\tif(listElementIndex === undefined) {\n\t\treturn;\n\t}\n\tvar listItemWidget = this.listWidget.children[listElementIndex],\n\t\ttargetElement = listItemWidget.findFirstDomNode();\n\t// Abandon if the list entry isn't a DOM element (it might be a text node)\n\tif(!(targetElement instanceof Element)) {\n\t\treturn;\n\t}\n\t// Scroll the node into view\n\tthis.listWidget.dispatchEvent({type: \"tm-scroll\", target: targetElement});\n};\n\nClassicStoryView.prototype.insert = function(widget) {\n\tvar targetElement = widget.findFirstDomNode(),\n\t\tduration = $tw.utils.getAnimationDuration();\n\t// Abandon if the list entry isn't a DOM element (it might be a text node)\n\tif(!(targetElement instanceof Element)) {\n\t\treturn;\n\t}\n\t// Get the current height of the tiddler\n\tvar computedStyle = window.getComputedStyle(targetElement),\n\t\tcurrMarginBottom = parseInt(computedStyle.marginBottom,10),\n\t\tcurrMarginTop = parseInt(computedStyle.marginTop,10),\n\t\tcurrHeight = targetElement.offsetHeight + currMarginTop;\n\t// Reset the margin once the transition is over\n\tsetTimeout(function() {\n\t\t$tw.utils.setStyle(targetElement,[\n\t\t\t{transition: \"none\"},\n\t\t\t{marginBottom: \"\"}\n\t\t]);\n\t},duration);\n\t// Set up the initial position of the element\n\t$tw.utils.setStyle(targetElement,[\n\t\t{transition: \"none\"},\n\t\t{marginBottom: (-currHeight) + \"px\"},\n\t\t{opacity: \"0.0\"}\n\t]);\n\t$tw.utils.forceLayout(targetElement);\n\t// Transition to the final position\n\t$tw.utils.setStyle(targetElement,[\n\t\t{transition: \"opacity \" + duration + \"ms \" + easing + \", \" +\n\t\t\t\t\t\"margin-bottom \" + duration + \"ms \" + easing},\n\t\t{marginBottom: currMarginBottom + \"px\"},\n\t\t{opacity: \"1.0\"}\n\t]);\n};\n\nClassicStoryView.prototype.remove = function(widget) {\n\tvar targetElement = widget.findFirstDomNode(),\n\t\tduration = $tw.utils.getAnimationDuration(),\n\t\tremoveElement = function() {\n\t\t\twidget.removeChildDomNodes();\n\t\t};\n\t// Abandon if the list entry isn't a DOM element (it might be a text node)\n\tif(!(targetElement instanceof Element)) {\n\t\tremoveElement();\n\t\treturn;\n\t}\n\t// Get the current height of the tiddler\n\tvar currWidth = targetElement.offsetWidth,\n\t\tcomputedStyle = window.getComputedStyle(targetElement),\n\t\tcurrMarginBottom = parseInt(computedStyle.marginBottom,10),\n\t\tcurrMarginTop = parseInt(computedStyle.marginTop,10),\n\t\tcurrHeight = targetElement.offsetHeight + currMarginTop;\n\t// Remove the dom nodes of the widget at the end of the transition\n\tsetTimeout(removeElement,duration);\n\t// Animate the closure\n\t$tw.utils.setStyle(targetElement,[\n\t\t{transition: \"none\"},\n\t\t{transform: \"translateX(0px)\"},\n\t\t{marginBottom: currMarginBottom + \"px\"},\n\t\t{opacity: \"1.0\"}\n\t]);\n\t$tw.utils.forceLayout(targetElement);\n\t$tw.utils.setStyle(targetElement,[\n\t\t{transition: $tw.utils.roundTripPropertyName(\"transform\") + \" \" + duration + \"ms \" + easing + \", \" +\n\t\t\t\t\t\"opacity \" + duration + \"ms \" + easing + \", \" +\n\t\t\t\t\t\"margin-bottom \" + duration + \"ms \" + easing},\n\t\t{transform: \"translateX(-\" + currWidth + \"px)\"},\n\t\t{marginBottom: (-currHeight) + \"px\"},\n\t\t{opacity: \"0.0\"}\n\t]);\n};\n\nexports.classic = ClassicStoryView;\n\n})();",
"title": "$:/core/modules/storyviews/classic.js",
"type": "application/javascript",
"module-type": "storyview"
},
"$:/core/modules/storyviews/pop.js": {
"text": "/*\\\ntitle: $:/core/modules/storyviews/pop.js\ntype: application/javascript\nmodule-type: storyview\n\nAnimates list insertions and removals\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar PopStoryView = function(listWidget) {\n\tthis.listWidget = listWidget;\n};\n\nPopStoryView.prototype.navigateTo = function(historyInfo) {\n\tvar listElementIndex = this.listWidget.findListItem(0,historyInfo.title);\n\tif(listElementIndex === undefined) {\n\t\treturn;\n\t}\n\tvar listItemWidget = this.listWidget.children[listElementIndex],\n\t\ttargetElement = listItemWidget.findFirstDomNode();\n\t// Abandon if the list entry isn't a DOM element (it might be a text node)\n\tif(!(targetElement instanceof Element)) {\n\t\treturn;\n\t}\n\t// Scroll the node into view\n\tthis.listWidget.dispatchEvent({type: \"tm-scroll\", target: targetElement});\n};\n\nPopStoryView.prototype.insert = function(widget) {\n\tvar targetElement = widget.findFirstDomNode(),\n\t\tduration = $tw.utils.getAnimationDuration();\n\t// Abandon if the list entry isn't a DOM element (it might be a text node)\n\tif(!(targetElement instanceof Element)) {\n\t\treturn;\n\t}\n\t// Reset once the transition is over\n\tsetTimeout(function() {\n\t\t$tw.utils.setStyle(targetElement,[\n\t\t\t{transition: \"none\"},\n\t\t\t{transform: \"none\"}\n\t\t]);\n\t},duration);\n\t// Set up the initial position of the element\n\t$tw.utils.setStyle(targetElement,[\n\t\t{transition: \"none\"},\n\t\t{transform: \"scale(2)\"},\n\t\t{opacity: \"0.0\"}\n\t]);\n\t$tw.utils.forceLayout(targetElement);\n\t// Transition to the final position\n\t$tw.utils.setStyle(targetElement,[\n\t\t{transition: $tw.utils.roundTripPropertyName(\"transform\") + \" \" + duration + \"ms ease-in-out, \" +\n\t\t\t\t\t\"opacity \" + duration + \"ms ease-in-out\"},\n\t\t{transform: \"scale(1)\"},\n\t\t{opacity: \"1.0\"}\n\t]);\n};\n\nPopStoryView.prototype.remove = function(widget) {\n\tvar targetElement = widget.findFirstDomNode(),\n\t\tduration = $tw.utils.getAnimationDuration(),\n\t\tremoveElement = function() {\n\t\t\tif(targetElement.parentNode) {\n\t\t\t\twidget.removeChildDomNodes();\n\t\t\t}\n\t\t};\n\t// Abandon if the list entry isn't a DOM element (it might be a text node)\n\tif(!(targetElement instanceof Element)) {\n\t\tremoveElement();\n\t\treturn;\n\t}\n\t// Remove the element at the end of the transition\n\tsetTimeout(removeElement,duration);\n\t// Animate the closure\n\t$tw.utils.setStyle(targetElement,[\n\t\t{transition: \"none\"},\n\t\t{transform: \"scale(1)\"},\n\t\t{opacity: \"1.0\"}\n\t]);\n\t$tw.utils.forceLayout(targetElement);\n\t$tw.utils.setStyle(targetElement,[\n\t\t{transition: $tw.utils.roundTripPropertyName(\"transform\") + \" \" + duration + \"ms ease-in-out, \" +\n\t\t\t\t\t\"opacity \" + duration + \"ms ease-in-out\"},\n\t\t{transform: \"scale(0.1)\"},\n\t\t{opacity: \"0.0\"}\n\t]);\n};\n\nexports.pop = PopStoryView;\n\n})();\n",
"title": "$:/core/modules/storyviews/pop.js",
"type": "application/javascript",
"module-type": "storyview"
},
"$:/core/modules/storyviews/zoomin.js": {
"text": "/*\\\ntitle: $:/core/modules/storyviews/zoomin.js\ntype: application/javascript\nmodule-type: storyview\n\nZooms between individual tiddlers\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar easing = \"cubic-bezier(0.645, 0.045, 0.355, 1)\"; // From http://easings.net/#easeInOutCubic\n\nvar ZoominListView = function(listWidget) {\n\tvar self = this;\n\tthis.listWidget = listWidget;\n\t// Get the index of the tiddler that is at the top of the history\n\tvar history = this.listWidget.wiki.getTiddlerData(this.listWidget.historyTitle,[]),\n\t\ttargetTiddler;\n\tif(history.length > 0) {\n\t\ttargetTiddler = history[history.length-1].title;\n\t}\n\t// Make all the tiddlers position absolute, and hide all but the top (or first) one\n\t$tw.utils.each(this.listWidget.children,function(itemWidget,index) {\n\t\tvar domNode = itemWidget.findFirstDomNode();\n\t\t// Abandon if the list entry isn't a DOM element (it might be a text node)\n\t\tif(!(domNode instanceof Element)) {\n\t\t\treturn;\n\t\t}\n\t\tif((targetTiddler && targetTiddler !== itemWidget.parseTreeNode.itemTitle) || (!targetTiddler && index)) {\n\t\t\tdomNode.style.display = \"none\";\n\t\t} else {\n\t\t\tself.currentTiddlerDomNode = domNode;\n\t\t}\n\t\t$tw.utils.addClass(domNode,\"tc-storyview-zoomin-tiddler\");\n\t});\n};\n\nZoominListView.prototype.navigateTo = function(historyInfo) {\n\tvar duration = $tw.utils.getAnimationDuration(),\n\t\tlistElementIndex = this.listWidget.findListItem(0,historyInfo.title);\n\tif(listElementIndex === undefined) {\n\t\treturn;\n\t}\n\tvar listItemWidget = this.listWidget.children[listElementIndex],\n\t\ttargetElement = listItemWidget.findFirstDomNode();\n\t// Abandon if the list entry isn't a DOM element (it might be a text node)\n\tif(!(targetElement instanceof Element)) {\n\t\treturn;\n\t}\n\t// Make the new tiddler be position absolute and visible so that we can measure it\n\t$tw.utils.addClass(targetElement,\"tc-storyview-zoomin-tiddler\");\n\t$tw.utils.setStyle(targetElement,[\n\t\t{display: \"block\"},\n\t\t{transformOrigin: \"0 0\"},\n\t\t{transform: \"translateX(0px) translateY(0px) scale(1)\"},\n\t\t{transition: \"none\"},\n\t\t{opacity: \"0.0\"}\n\t]);\n\t// Get the position of the source node, or use the centre of the window as the source position\n\tvar sourceBounds = historyInfo.fromPageRect || {\n\t\t\tleft: window.innerWidth/2 - 2,\n\t\t\ttop: window.innerHeight/2 - 2,\n\t\t\twidth: window.innerWidth/8,\n\t\t\theight: window.innerHeight/8\n\t\t};\n\t// Try to find the title node in the target tiddler\n\tvar titleDomNode = findTitleDomNode(listItemWidget) || listItemWidget.findFirstDomNode(),\n\t\tzoomBounds = titleDomNode.getBoundingClientRect();\n\t// Compute the transform for the target tiddler to make the title lie over the source rectange\n\tvar targetBounds = targetElement.getBoundingClientRect(),\n\t\tscale = sourceBounds.width / zoomBounds.width,\n\t\tx = sourceBounds.left - targetBounds.left - (zoomBounds.left - targetBounds.left) * scale,\n\t\ty = sourceBounds.top - targetBounds.top - (zoomBounds.top - targetBounds.top) * scale;\n\t// Transform the target tiddler to its starting position\n\t$tw.utils.setStyle(targetElement,[\n\t\t{transform: \"translateX(\" + x + \"px) translateY(\" + y + \"px) scale(\" + scale + \")\"}\n\t]);\n\t// Force layout\n\t$tw.utils.forceLayout(targetElement);\n\t// Apply the ending transitions with a timeout to ensure that the previously applied transformations are applied first\n\tvar self = this,\n\t\tprevCurrentTiddler = this.currentTiddlerDomNode;\n\tthis.currentTiddlerDomNode = targetElement;\n\t// Transform the target tiddler to its natural size\n\t$tw.utils.setStyle(targetElement,[\n\t\t{transition: $tw.utils.roundTripPropertyName(\"transform\") + \" \" + duration + \"ms \" + easing + \", opacity \" + duration + \"ms \" + easing},\n\t\t{opacity: \"1.0\"},\n\t\t{transform: \"translateX(0px) translateY(0px) scale(1)\"},\n\t\t{zIndex: \"500\"},\n\t]);\n\t// Transform the previous tiddler out of the way and then hide it\n\tif(prevCurrentTiddler && prevCurrentTiddler !== targetElement) {\n\t\tscale = zoomBounds.width / sourceBounds.width;\n\t\tx = zoomBounds.left - targetBounds.left - (sourceBounds.left - targetBounds.left) * scale;\n\t\ty = zoomBounds.top - targetBounds.top - (sourceBounds.top - targetBounds.top) * scale;\n\t\t$tw.utils.setStyle(prevCurrentTiddler,[\n\t\t\t{transition: $tw.utils.roundTripPropertyName(\"transform\") + \" \" + duration + \"ms \" + easing + \", opacity \" + duration + \"ms \" + easing},\n\t\t\t{opacity: \"0.0\"},\n\t\t\t{transformOrigin: \"0 0\"},\n\t\t\t{transform: \"translateX(\" + x + \"px) translateY(\" + y + \"px) scale(\" + scale + \")\"},\n\t\t\t{zIndex: \"0\"}\n\t\t]);\n\t\t// Hide the tiddler when the transition has finished\n\t\tsetTimeout(function() {\n\t\t\tif(self.currentTiddlerDomNode !== prevCurrentTiddler) {\n\t\t\t\tprevCurrentTiddler.style.display = \"none\";\n\t\t\t}\n\t\t},duration);\n\t}\n\t// Scroll the target into view\n//\t$tw.pageScroller.scrollIntoView(targetElement);\n};\n\n/*\nFind the first child DOM node of a widget that has the class \"tc-title\"\n*/\nfunction findTitleDomNode(widget,targetClass) {\n\ttargetClass = targetClass || \"tc-title\";\n\tvar domNode = widget.findFirstDomNode();\n\tif(domNode && domNode.querySelector) {\n\t\treturn domNode.querySelector(\".\" + targetClass);\n\t}\n\treturn null;\n}\n\nZoominListView.prototype.insert = function(widget) {\n\tvar targetElement = widget.findFirstDomNode();\n\t// Abandon if the list entry isn't a DOM element (it might be a text node)\n\tif(!(targetElement instanceof Element)) {\n\t\treturn;\n\t}\n\t// Make the newly inserted node position absolute and hidden\n\t$tw.utils.addClass(targetElement,\"tc-storyview-zoomin-tiddler\");\n\t$tw.utils.setStyle(targetElement,[\n\t\t{display: \"none\"}\n\t]);\n};\n\nZoominListView.prototype.remove = function(widget) {\n\tvar targetElement = widget.findFirstDomNode(),\n\t\tduration = $tw.utils.getAnimationDuration(),\n\t\tremoveElement = function() {\n\t\t\twidget.removeChildDomNodes();\n\t\t};\n\t// Abandon if the list entry isn't a DOM element (it might be a text node)\n\tif(!(targetElement instanceof Element)) {\n\t\tremoveElement();\n\t\treturn;\n\t}\n\t// Abandon if hidden\n\tif(targetElement.style.display != \"block\" ) {\n\t\tremoveElement();\n\t\treturn;\n\t}\n\t// Set up the tiddler that is being closed\n\t$tw.utils.addClass(targetElement,\"tc-storyview-zoomin-tiddler\");\n\t$tw.utils.setStyle(targetElement,[\n\t\t{display: \"block\"},\n\t\t{transformOrigin: \"50% 50%\"},\n\t\t{transform: \"translateX(0px) translateY(0px) scale(1)\"},\n\t\t{transition: \"none\"},\n\t\t{zIndex: \"0\"}\n\t]);\n\t// We'll move back to the previous or next element in the story\n\tvar toWidget = widget.previousSibling();\n\tif(!toWidget) {\n\t\ttoWidget = widget.nextSibling();\n\t}\n\tvar toWidgetDomNode = toWidget && toWidget.findFirstDomNode();\n\t// Set up the tiddler we're moving back in\n\tif(toWidgetDomNode) {\n\t\t$tw.utils.addClass(toWidgetDomNode,\"tc-storyview-zoomin-tiddler\");\n\t\t$tw.utils.setStyle(toWidgetDomNode,[\n\t\t\t{display: \"block\"},\n\t\t\t{transformOrigin: \"50% 50%\"},\n\t\t\t{transform: \"translateX(0px) translateY(0px) scale(10)\"},\n\t\t\t{transition: $tw.utils.roundTripPropertyName(\"transform\") + \" \" + duration + \"ms \" + easing + \", opacity \" + duration + \"ms \" + easing},\n\t\t\t{opacity: \"0\"},\n\t\t\t{zIndex: \"500\"}\n\t\t]);\n\t\tthis.currentTiddlerDomNode = toWidgetDomNode;\n\t}\n\t// Animate them both\n\t// Force layout\n\t$tw.utils.forceLayout(this.listWidget.parentDomNode);\n\t// First, the tiddler we're closing\n\t$tw.utils.setStyle(targetElement,[\n\t\t{transformOrigin: \"50% 50%\"},\n\t\t{transform: \"translateX(0px) translateY(0px) scale(0.1)\"},\n\t\t{transition: $tw.utils.roundTripPropertyName(\"transform\") + \" \" + duration + \"ms \" + easing + \", opacity \" + duration + \"ms \" + easing},\n\t\t{opacity: \"0\"},\n\t\t{zIndex: \"0\"}\n\t]);\n\tsetTimeout(removeElement,duration);\n\t// Now the tiddler we're going back to\n\tif(toWidgetDomNode) {\n\t\t$tw.utils.setStyle(toWidgetDomNode,[\n\t\t\t{transform: \"translateX(0px) translateY(0px) scale(1)\"},\n\t\t\t{opacity: \"1\"}\n\t\t]);\n\t}\n\treturn true; // Indicate that we'll delete the DOM node\n};\n\nexports.zoomin = ZoominListView;\n\n})();\n",
"title": "$:/core/modules/storyviews/zoomin.js",
"type": "application/javascript",
"module-type": "storyview"
},
"$:/core/modules/syncer.js": {
"text": "/*\\\ntitle: $:/core/modules/syncer.js\ntype: application/javascript\nmodule-type: global\n\nThe syncer tracks changes to the store. If a syncadaptor is used then individual tiddlers are synchronised through it. If there is no syncadaptor then the entire wiki is saved via saver modules.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nInstantiate the syncer with the following options:\nsyncadaptor: reference to syncadaptor to be used\nwiki: wiki to be synced\n*/\nfunction Syncer(options) {\n\tvar self = this;\n\tthis.wiki = options.wiki;\n\tthis.syncadaptor = options.syncadaptor;\n\t// Make a logger\n\tthis.logger = new $tw.utils.Logger(\"syncer\" + ($tw.browser ? \"-browser\" : \"\") + ($tw.node ? \"-server\" : \"\"));\n\t// Compile the dirty tiddler filter\n\tthis.filterFn = this.wiki.compileFilter(this.wiki.getTiddlerText(this.titleSyncFilter));\n\t// Record information for known tiddlers\n\tthis.readTiddlerInfo();\n\t// Tasks are {type: \"load\"/\"save\"/\"delete\", title:, queueTime:, lastModificationTime:}\n\tthis.taskQueue = {}; // Hashmap of tasks yet to be performed\n\tthis.taskInProgress = {}; // Hash of tasks in progress\n\tthis.taskTimerId = null; // Timer for task dispatch\n\tthis.pollTimerId = null; // Timer for polling server\n\t// Listen out for changes to tiddlers\n\tthis.wiki.addEventListener(\"change\",function(changes) {\n\t\tself.syncToServer(changes);\n\t});\n\t// Browser event handlers\n\tif($tw.browser) {\n\t\t// Set up our beforeunload handler\n\t\t$tw.addUnloadTask(function(event) {\n\t\t\tvar confirmationMessage;\n\t\t\tif(self.isDirty()) {\n\t\t\t\tconfirmationMessage = $tw.language.getString(\"UnsavedChangesWarning\");\n\t\t\t\tevent.returnValue = confirmationMessage; // Gecko\n\t\t\t}\n\t\t\treturn confirmationMessage;\n\t\t});\n\t\t// Listen out for login/logout/refresh events in the browser\n\t\t$tw.rootWidget.addEventListener(\"tm-login\",function() {\n\t\t\tself.handleLoginEvent();\n\t\t});\n\t\t$tw.rootWidget.addEventListener(\"tm-logout\",function() {\n\t\t\tself.handleLogoutEvent();\n\t\t});\n\t\t$tw.rootWidget.addEventListener(\"tm-server-refresh\",function() {\n\t\t\tself.handleRefreshEvent();\n\t\t});\n\t}\n\t// Listen out for lazyLoad events\n\tthis.wiki.addEventListener(\"lazyLoad\",function(title) {\n\t\tself.handleLazyLoadEvent(title);\n\t});\n\t// Get the login status\n\tthis.getStatus(function(err,isLoggedIn) {\n\t\t// Do a sync from the server\n\t\tself.syncFromServer();\n\t});\n}\n\n/*\nConstants\n*/\nSyncer.prototype.titleIsLoggedIn = \"$:/status/IsLoggedIn\";\nSyncer.prototype.titleUserName = \"$:/status/UserName\";\nSyncer.prototype.titleSyncFilter = \"$:/config/SyncFilter\";\nSyncer.prototype.titleSavedNotification = \"$:/language/Notifications/Save/Done\";\nSyncer.prototype.taskTimerInterval = 1 * 1000; // Interval for sync timer\nSyncer.prototype.throttleInterval = 1 * 1000; // Defer saving tiddlers if they've changed in the last 1s...\nSyncer.prototype.fallbackInterval = 10 * 1000; // Unless the task is older than 10s\nSyncer.prototype.pollTimerInterval = 60 * 1000; // Interval for polling for changes from the adaptor\n\n\n/*\nRead (or re-read) the latest tiddler info from the store\n*/\nSyncer.prototype.readTiddlerInfo = function() {\n\t// Hashmap by title of {revision:,changeCount:,adaptorInfo:}\n\tthis.tiddlerInfo = {};\n\t// Record information for known tiddlers\n\tvar self = this,\n\t\ttiddlers = this.filterFn.call(this.wiki);\n\t$tw.utils.each(tiddlers,function(title) {\n\t\tvar tiddler = self.wiki.getTiddler(title);\n\t\tself.tiddlerInfo[title] = {\n\t\t\trevision: tiddler.fields.revision,\n\t\t\tadaptorInfo: self.syncadaptor && self.syncadaptor.getTiddlerInfo(tiddler),\n\t\t\tchangeCount: self.wiki.getChangeCount(title)\n\t\t};\n\t});\n};\n\n/*\nChecks whether the wiki is dirty (ie the window shouldn't be closed)\n*/\nSyncer.prototype.isDirty = function() {\n\treturn (this.numTasksInQueue() > 0) || (this.numTasksInProgress() > 0);\n};\n\n/*\nUpdate the document body with the class \"tc-dirty\" if the wiki has unsaved/unsynced changes\n*/\nSyncer.prototype.updateDirtyStatus = function() {\n\tif($tw.browser) {\n\t\t$tw.utils.toggleClass(document.body,\"tc-dirty\",this.isDirty());\n\t}\n};\n\n/*\nSave an incoming tiddler in the store, and updates the associated tiddlerInfo\n*/\nSyncer.prototype.storeTiddler = function(tiddlerFields) {\n\t// Save the tiddler\n\tvar tiddler = new $tw.Tiddler(this.wiki.getTiddler(tiddlerFields.title),tiddlerFields);\n\tthis.wiki.addTiddler(tiddler);\n\t// Save the tiddler revision and changeCount details\n\tthis.tiddlerInfo[tiddlerFields.title] = {\n\t\trevision: tiddlerFields.revision,\n\t\tadaptorInfo: this.syncadaptor.getTiddlerInfo(tiddler),\n\t\tchangeCount: this.wiki.getChangeCount(tiddlerFields.title)\n\t};\n};\n\nSyncer.prototype.getStatus = function(callback) {\n\tvar self = this;\n\t// Check if the adaptor supports getStatus()\n\tif(this.syncadaptor && this.syncadaptor.getStatus) {\n\t\t// Mark us as not logged in\n\t\tthis.wiki.addTiddler({title: this.titleIsLoggedIn,text: \"no\"});\n\t\t// Get login status\n\t\tthis.syncadaptor.getStatus(function(err,isLoggedIn,username) {\n\t\t\tif(err) {\n\t\t\t\tself.logger.alert(err);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// Set the various status tiddlers\n\t\t\tself.wiki.addTiddler({title: self.titleIsLoggedIn,text: isLoggedIn ? \"yes\" : \"no\"});\n\t\t\tif(isLoggedIn) {\n\t\t\t\tself.wiki.addTiddler({title: self.titleUserName,text: username || \"\"});\n\t\t\t} else {\n\t\t\t\tself.wiki.deleteTiddler(self.titleUserName);\n\t\t\t}\n\t\t\t// Invoke the callback\n\t\t\tif(callback) {\n\t\t\t\tcallback(err,isLoggedIn,username);\n\t\t\t}\n\t\t});\n\t} else {\n\t\tcallback(null,true,\"UNAUTHENTICATED\");\n\t}\n};\n\n/*\nSynchronise from the server by reading the skinny tiddler list and queuing up loads for any tiddlers that we don't already have up to date\n*/\nSyncer.prototype.syncFromServer = function() {\n\tif(this.syncadaptor && this.syncadaptor.getSkinnyTiddlers) {\n\t\tthis.logger.log(\"Retrieving skinny tiddler list\");\n\t\tvar self = this;\n\t\tif(this.pollTimerId) {\n\t\t\tclearTimeout(this.pollTimerId);\n\t\t\tthis.pollTimerId = null;\n\t\t}\n\t\tthis.syncadaptor.getSkinnyTiddlers(function(err,tiddlers) {\n\t\t\t// Trigger the next sync\n\t\t\tself.pollTimerId = setTimeout(function() {\n\t\t\t\tself.pollTimerId = null;\n\t\t\t\tself.syncFromServer.call(self);\n\t\t\t},self.pollTimerInterval);\n\t\t\t// Check for errors\n\t\t\tif(err) {\n\t\t\t\tself.logger.alert(\"Error retrieving skinny tiddler list:\",err);\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// Process each incoming tiddler\n\t\t\tfor(var t=0; t<tiddlers.length; t++) {\n\t\t\t\t// Get the incoming tiddler fields, and the existing tiddler\n\t\t\t\tvar tiddlerFields = tiddlers[t],\n\t\t\t\t\tincomingRevision = tiddlerFields.revision + \"\",\n\t\t\t\t\ttiddler = self.wiki.getTiddler(tiddlerFields.title),\n\t\t\t\t\ttiddlerInfo = self.tiddlerInfo[tiddlerFields.title],\n\t\t\t\t\tcurrRevision = tiddlerInfo ? tiddlerInfo.revision : null;\n\t\t\t\t// Ignore the incoming tiddler if it's the same as the revision we've already got\n\t\t\t\tif(currRevision !== incomingRevision) {\n\t\t\t\t\t// Do a full load if we've already got a fat version of the tiddler\n\t\t\t\t\tif(tiddler && tiddler.fields.text !== undefined) {\n\t\t\t\t\t\t// Do a full load of this tiddler\n\t\t\t\t\t\tself.enqueueSyncTask({\n\t\t\t\t\t\t\ttype: \"load\",\n\t\t\t\t\t\t\ttitle: tiddlerFields.title\n\t\t\t\t\t\t});\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// Load the skinny version of the tiddler\n\t\t\t\t\t\tself.storeTiddler(tiddlerFields);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n};\n\n/*\nSynchronise a set of changes to the server\n*/\nSyncer.prototype.syncToServer = function(changes) {\n\tvar self = this,\n\t\tnow = Date.now(),\n\t\tfilteredChanges = this.filterFn.call(this.wiki,function(callback) {\n\t\t\t$tw.utils.each(changes,function(change,title) {\n\t\t\t\tvar tiddler = self.wiki.getTiddler(title);\n\t\t\t\tcallback(tiddler,title);\n\t\t\t});\n\t\t});\n\t$tw.utils.each(changes,function(change,title,object) {\n\t\t// Process the change if it is a deletion of a tiddler we're already syncing, or is on the filtered change list\n\t\tif((change.deleted && $tw.utils.hop(self.tiddlerInfo,title)) || filteredChanges.indexOf(title) !== -1) {\n\t\t\t// Queue a task to sync this tiddler\n\t\t\tself.enqueueSyncTask({\n\t\t\t\ttype: change.deleted ? \"delete\" : \"save\",\n\t\t\t\ttitle: title\n\t\t\t});\n\t\t}\n\t});\n};\n\n/*\nLazily load a skinny tiddler if we can\n*/\nSyncer.prototype.handleLazyLoadEvent = function(title) {\n\t// Queue up a sync task to load this tiddler\n\tthis.enqueueSyncTask({\n\t\ttype: \"load\",\n\t\ttitle: title\n\t});\n};\n\n/*\nDispay a password prompt and allow the user to login\n*/\nSyncer.prototype.handleLoginEvent = function() {\n\tvar self = this;\n\tthis.getStatus(function(err,isLoggedIn,username) {\n\t\tif(!isLoggedIn) {\n\t\t\t$tw.passwordPrompt.createPrompt({\n\t\t\t\tserviceName: \"Login to TiddlySpace\",\n\t\t\t\tcallback: function(data) {\n\t\t\t\t\tself.login(data.username,data.password,function(err,isLoggedIn) {\n\t\t\t\t\t\tself.syncFromServer();\n\t\t\t\t\t});\n\t\t\t\t\treturn true; // Get rid of the password prompt\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t});\n};\n\n/*\nAttempt to login to TiddlyWeb.\n\tusername: username\n\tpassword: password\n\tcallback: invoked with arguments (err,isLoggedIn)\n*/\nSyncer.prototype.login = function(username,password,callback) {\n\tthis.logger.log(\"Attempting to login as\",username);\n\tvar self = this;\n\tif(this.syncadaptor.login) {\n\t\tthis.syncadaptor.login(username,password,function(err) {\n\t\t\tif(err) {\n\t\t\t\treturn callback(err);\n\t\t\t}\n\t\t\tself.getStatus(function(err,isLoggedIn,username) {\n\t\t\t\tif(callback) {\n\t\t\t\t\tcallback(null,isLoggedIn);\n\t\t\t\t}\n\t\t\t});\n\t\t});\n\t} else {\n\t\tcallback(null,true);\n\t}\n};\n\n/*\nAttempt to log out of TiddlyWeb\n*/\nSyncer.prototype.handleLogoutEvent = function() {\n\tthis.logger.log(\"Attempting to logout\");\n\tvar self = this;\n\tif(this.syncadaptor.logout) {\n\t\tthis.syncadaptor.logout(function(err) {\n\t\t\tif(err) {\n\t\t\t\tself.logger.alert(err);\n\t\t\t} else {\n\t\t\t\tself.getStatus();\n\t\t\t}\n\t\t});\n\t}\n};\n\n/*\nImmediately refresh from the server\n*/\nSyncer.prototype.handleRefreshEvent = function() {\n\tthis.syncFromServer();\n};\n\n/*\nQueue up a sync task. If there is already a pending task for the tiddler, just update the last modification time\n*/\nSyncer.prototype.enqueueSyncTask = function(task) {\n\tvar self = this,\n\t\tnow = Date.now();\n\t// Set the timestamps on this task\n\ttask.queueTime = now;\n\ttask.lastModificationTime = now;\n\t// Fill in some tiddlerInfo if the tiddler is one we haven't seen before\n\tif(!$tw.utils.hop(this.tiddlerInfo,task.title)) {\n\t\tthis.tiddlerInfo[task.title] = {\n\t\t\trevision: null,\n\t\t\tadaptorInfo: {},\n\t\t\tchangeCount: -1\n\t\t};\n\t}\n\t// Bail if this is a save and the tiddler is already at the changeCount that the server has\n\tif(task.type === \"save\" && this.wiki.getChangeCount(task.title) <= this.tiddlerInfo[task.title].changeCount) {\n\t\treturn;\n\t}\n\t// Check if this tiddler is already in the queue\n\tif($tw.utils.hop(this.taskQueue,task.title)) {\n\t\t// this.logger.log(\"Re-queueing up sync task with type:\",task.type,\"title:\",task.title);\n\t\tvar existingTask = this.taskQueue[task.title];\n\t\t// If so, just update the last modification time\n\t\texistingTask.lastModificationTime = task.lastModificationTime;\n\t\t// If the new task is a save then we upgrade the existing task to a save. Thus a pending load is turned into a save if the tiddler changes locally in the meantime. But a pending save is not modified to become a load\n\t\tif(task.type === \"save\" || task.type === \"delete\") {\n\t\t\texistingTask.type = task.type;\n\t\t}\n\t} else {\n\t\t// this.logger.log(\"Queuing up sync task with type:\",task.type,\"title:\",task.title);\n\t\t// If it is not in the queue, insert it\n\t\tthis.taskQueue[task.title] = task;\n\t\tthis.updateDirtyStatus();\n\t}\n\t// Process the queue\n\t$tw.utils.nextTick(function() {self.processTaskQueue.call(self);});\n};\n\n/*\nReturn the number of tasks in progress\n*/\nSyncer.prototype.numTasksInProgress = function() {\n\treturn $tw.utils.count(this.taskInProgress);\n};\n\n/*\nReturn the number of tasks in the queue\n*/\nSyncer.prototype.numTasksInQueue = function() {\n\treturn $tw.utils.count(this.taskQueue);\n};\n\n/*\nTrigger a timeout if one isn't already outstanding\n*/\nSyncer.prototype.triggerTimeout = function() {\n\tvar self = this;\n\tif(!this.taskTimerId) {\n\t\tthis.taskTimerId = setTimeout(function() {\n\t\t\tself.taskTimerId = null;\n\t\t\tself.processTaskQueue.call(self);\n\t\t},self.taskTimerInterval);\n\t}\n};\n\n/*\nProcess the task queue, performing the next task if appropriate\n*/\nSyncer.prototype.processTaskQueue = function() {\n\tvar self = this;\n\t// Only process a task if we're not already performing a task. If we are already performing a task then we'll dispatch the next one when it completes\n\tif(this.numTasksInProgress() === 0) {\n\t\t// Choose the next task to perform\n\t\tvar task = this.chooseNextTask();\n\t\t// Perform the task if we had one\n\t\tif(task) {\n\t\t\t// Remove the task from the queue and add it to the in progress list\n\t\t\tdelete this.taskQueue[task.title];\n\t\t\tthis.taskInProgress[task.title] = task;\n\t\t\tthis.updateDirtyStatus();\n\t\t\t// Dispatch the task\n\t\t\tthis.dispatchTask(task,function(err) {\n\t\t\t\tif(err) {\n\t\t\t\t\tself.logger.alert(\"Sync error while processing '\" + task.title + \"':\\n\" + err);\n\t\t\t\t}\n\t\t\t\t// Mark that this task is no longer in progress\n\t\t\t\tdelete self.taskInProgress[task.title];\n\t\t\t\tself.updateDirtyStatus();\n\t\t\t\t// Process the next task\n\t\t\t\tself.processTaskQueue.call(self);\n\t\t\t});\n\t\t} else {\n\t\t\t// Make sure we've set a time if there wasn't a task to perform, but we've still got tasks in the queue\n\t\t\tif(this.numTasksInQueue() > 0) {\n\t\t\t\tthis.triggerTimeout();\n\t\t\t}\n\t\t}\n\t}\n};\n\n/*\nChoose the next applicable task\n*/\nSyncer.prototype.chooseNextTask = function() {\n\tvar self = this,\n\t\tcandidateTask = null,\n\t\tnow = Date.now();\n\t// Select the best candidate task\n\t$tw.utils.each(this.taskQueue,function(task,title) {\n\t\t// Exclude the task if there's one of the same name in progress\n\t\tif($tw.utils.hop(self.taskInProgress,title)) {\n\t\t\treturn;\n\t\t}\n\t\t// Exclude the task if it is a save and the tiddler has been modified recently, but not hit the fallback time\n\t\tif(task.type === \"save\" && (now - task.lastModificationTime) < self.throttleInterval &&\n\t\t\t(now - task.queueTime) < self.fallbackInterval) {\n\t\t\treturn;\n\t\t}\n\t\t// Exclude the task if it is newer than the current best candidate\n\t\tif(candidateTask && candidateTask.queueTime < task.queueTime) {\n\t\t\treturn;\n\t\t}\n\t\t// Now this is our best candidate\n\t\tcandidateTask = task;\n\t});\n\treturn candidateTask;\n};\n\n/*\nDispatch a task and invoke the callback\n*/\nSyncer.prototype.dispatchTask = function(task,callback) {\n\tvar self = this;\n\tif(task.type === \"save\") {\n\t\tvar changeCount = this.wiki.getChangeCount(task.title),\n\t\t\ttiddler = this.wiki.getTiddler(task.title);\n\t\tthis.logger.log(\"Dispatching 'save' task:\",task.title);\n\t\tif(tiddler) {\n\t\t\tthis.syncadaptor.saveTiddler(tiddler,function(err,adaptorInfo,revision) {\n\t\t\t\tif(err) {\n\t\t\t\t\treturn callback(err);\n\t\t\t\t}\n\t\t\t\t// Adjust the info stored about this tiddler\n\t\t\t\tself.tiddlerInfo[task.title] = {\n\t\t\t\t\tchangeCount: changeCount,\n\t\t\t\t\tadaptorInfo: adaptorInfo,\n\t\t\t\t\trevision: revision\n\t\t\t\t};\n\t\t\t\t// Invoke the callback\n\t\t\t\tcallback(null);\n\t\t\t},{\n\t\t\t\ttiddlerInfo: self.tiddlerInfo[task.title]\n\t\t\t});\n\t\t} else {\n\t\t\tthis.logger.log(\" Not Dispatching 'save' task:\",task.title,\"tiddler does not exist\");\n\t\t\treturn callback(null);\n\t\t}\n\t} else if(task.type === \"load\") {\n\t\t// Load the tiddler\n\t\tthis.logger.log(\"Dispatching 'load' task:\",task.title);\n\t\tthis.syncadaptor.loadTiddler(task.title,function(err,tiddlerFields) {\n\t\t\tif(err) {\n\t\t\t\treturn callback(err);\n\t\t\t}\n\t\t\t// Store the tiddler\n\t\t\tif(tiddlerFields) {\n\t\t\t\tself.storeTiddler(tiddlerFields);\n\t\t\t}\n\t\t\t// Invoke the callback\n\t\t\tcallback(null);\n\t\t});\n\t} else if(task.type === \"delete\") {\n\t\t// Delete the tiddler\n\t\tthis.logger.log(\"Dispatching 'delete' task:\",task.title);\n\t\tthis.syncadaptor.deleteTiddler(task.title,function(err) {\n\t\t\tif(err) {\n\t\t\t\treturn callback(err);\n\t\t\t}\n\t\t\tdelete self.tiddlerInfo[task.title];\n\t\t\t// Invoke the callback\n\t\t\tcallback(null);\n\t\t},{\n\t\t\ttiddlerInfo: self.tiddlerInfo[task.title]\n\t\t});\n\t}\n};\n\nexports.Syncer = Syncer;\n\n})();\n",
"title": "$:/core/modules/syncer.js",
"type": "application/javascript",
"module-type": "global"
},
"$:/core/modules/tiddler.js": {
"text": "/*\\\ntitle: $:/core/modules/tiddler.js\ntype: application/javascript\nmodule-type: tiddlermethod\n\nExtension methods for the $tw.Tiddler object (constructor and methods required at boot time are in boot/boot.js)\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.hasTag = function(tag) {\n\treturn this.fields.tags && this.fields.tags.indexOf(tag) !== -1;\n};\n\nexports.isPlugin = function() {\n\treturn this.fields.type === \"application/json\" && this.hasField(\"plugin-type\");\n};\n\nexports.isDraft = function() {\n\treturn this.hasField(\"draft.of\");\n};\n\nexports.getFieldString = function(field) {\n\tvar value = this.fields[field];\n\t// Check for a missing field\n\tif(value === undefined || value === null) {\n\t\treturn \"\";\n\t}\n\t// Parse the field with the associated module (if any)\n\tvar fieldModule = $tw.Tiddler.fieldModules[field];\n\tif(fieldModule && fieldModule.stringify) {\n\t\treturn fieldModule.stringify.call(this,value);\n\t} else {\n\t\treturn value.toString();\n\t}\n};\n\n/*\nGet all the fields as a name:value block. Options:\n\texclude: an array of field names to exclude\n*/\nexports.getFieldStringBlock = function(options) {\n\toptions = options || {};\n\tvar exclude = options.exclude || [];\n\tvar fields = [];\n\tfor(var field in this.fields) {\n\t\tif($tw.utils.hop(this.fields,field)) {\n\t\t\tif(exclude.indexOf(field) === -1) {\n\t\t\t\tfields.push(field + \": \" + this.getFieldString(field));\n\t\t\t}\n\t\t}\n\t}\n\treturn fields.join(\"\\n\");\n};\n\n/*\nCompare two tiddlers for equality\ntiddler: the tiddler to compare\nexcludeFields: array of field names to exclude from the comparison\n*/\nexports.isEqual = function(tiddler,excludeFields) {\n\tif(!(tiddler instanceof $tw.Tiddler)) {\n\t\treturn false;\n\t}\n\texcludeFields = excludeFields || [];\n\tvar self = this,\n\t\tdifferences = []; // Fields that have differences\n\t// Add to the differences array\n\tfunction addDifference(fieldName) {\n\t\t// Check for this field being excluded\n\t\tif(excludeFields.indexOf(fieldName) === -1) {\n\t\t\t// Save the field as a difference\n\t\t\t$tw.utils.pushTop(differences,fieldName);\n\t\t}\n\t}\n\t// Returns true if the two values of this field are equal\n\tfunction isFieldValueEqual(fieldName) {\n\t\tvar valueA = self.fields[fieldName],\n\t\t\tvalueB = tiddler.fields[fieldName];\n\t\t// Check for identical string values\n\t\tif(typeof(valueA) === \"string\" && typeof(valueB) === \"string\" && valueA === valueB) {\n\t\t\treturn true;\n\t\t}\n\t\t// Check for identical array values\n\t\tif($tw.utils.isArray(valueA) && $tw.utils.isArray(valueB) && $tw.utils.isArrayEqual(valueA,valueB)) {\n\t\t\treturn true;\n\t\t}\n\t\t// Otherwise the fields must be different\n\t\treturn false;\n\t}\n\t// Compare our fields\n\tfor(var fieldName in this.fields) {\n\t\tif(!isFieldValueEqual(fieldName)) {\n\t\t\taddDifference(fieldName);\n\t\t}\n\t}\n\t// There's a difference for every field in the other tiddler that we don't have\n\tfor(fieldName in tiddler.fields) {\n\t\tif(!(fieldName in this.fields)) {\n\t\t\taddDifference(fieldName);\n\t\t}\n\t}\n\t// Return whether there were any differences\n\treturn differences.length === 0;\n};\n\n})();\n",
"title": "$:/core/modules/tiddler.js",
"type": "application/javascript",
"module-type": "tiddlermethod"
},
"$:/core/modules/upgraders/plugins.js": {
"text": "/*\\\ntitle: $:/core/modules/upgraders/plugins.js\ntype: application/javascript\nmodule-type: upgrader\n\nUpgrader module that checks that plugins are newer than any already installed version\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar UPGRADE_LIBRARY_TITLE = \"$:/UpgradeLibrary\";\n\nvar BLOCKED_PLUGINS = {\n\t\"$:/themes/tiddlywiki/stickytitles\": {\n\t\tversions: [\"*\"]\n\t},\n\t\"$:/plugins/tiddlywiki/fullscreen\": {\n\t\tversions: [\"*\"]\n\t}\n};\n\nexports.upgrade = function(wiki,titles,tiddlers) {\n\tvar self = this,\n\t\tmessages = {},\n\t\tupgradeLibrary,\n\t\tgetLibraryTiddler = function(title) {\n\t\t\tif(!upgradeLibrary) {\n\t\t\t\tupgradeLibrary = wiki.getTiddlerData(UPGRADE_LIBRARY_TITLE,{});\n\t\t\t\tupgradeLibrary.tiddlers = upgradeLibrary.tiddlers || {};\n\t\t\t}\n\t\t\treturn upgradeLibrary.tiddlers[title];\n\t\t};\n\n\t// Go through all the incoming tiddlers\n\t$tw.utils.each(titles,function(title) {\n\t\tvar incomingTiddler = tiddlers[title];\n\t\t// Check if we're dealing with a plugin\n\t\tif(incomingTiddler && incomingTiddler[\"plugin-type\"] && incomingTiddler.version) {\n\t\t\t// Upgrade the incoming plugin if it is in the upgrade library\n\t\t\tvar libraryTiddler = getLibraryTiddler(title);\n\t\t\tif(libraryTiddler && libraryTiddler[\"plugin-type\"] && libraryTiddler.version) {\n\t\t\t\ttiddlers[title] = libraryTiddler;\n\t\t\t\tmessages[title] = $tw.language.getString(\"Import/Upgrader/Plugins/Upgraded\",{variables: {incoming: incomingTiddler.version, upgraded: libraryTiddler.version}});\n\t\t\t\treturn;\n\t\t\t}\n\t\t\t// Suppress the incoming plugin if it is older than the currently installed one\n\t\t\tvar existingTiddler = wiki.getTiddler(title);\n\t\t\tif(existingTiddler && existingTiddler.hasField(\"plugin-type\") && existingTiddler.hasField(\"version\")) {\n\t\t\t\t// Reject the incoming plugin by blanking all its fields\n\t\t\t\tif($tw.utils.checkVersions(existingTiddler.fields.version,incomingTiddler.version)) {\n\t\t\t\t\ttiddlers[title] = Object.create(null);\n\t\t\t\t\tmessages[title] = $tw.language.getString(\"Import/Upgrader/Plugins/Suppressed/Version\",{variables: {incoming: incomingTiddler.version, existing: existingTiddler.fields.version}});\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tif(incomingTiddler && incomingTiddler[\"plugin-type\"]) {\n\t\t\t// Check whether the plugin is on the blocked list\n\t\t\tvar blockInfo = BLOCKED_PLUGINS[title];\n\t\t\tif(blockInfo) {\n\t\t\t\tif(blockInfo.versions.indexOf(\"*\") !== -1 || (incomingTiddler.version && blockInfo.versions.indexOf(incomingTiddler.version) !== -1)) {\n\t\t\t\t\ttiddlers[title] = Object.create(null);\n\t\t\t\t\tmessages[title] = $tw.language.getString(\"Import/Upgrader/Plugins/Suppressed/Incompatible\");\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t});\n\treturn messages;\n};\n\n})();\n",
"title": "$:/core/modules/upgraders/plugins.js",
"type": "application/javascript",
"module-type": "upgrader"
},
"$:/core/modules/upgraders/system.js": {
"text": "/*\\\ntitle: $:/core/modules/upgraders/system.js\ntype: application/javascript\nmodule-type: upgrader\n\nUpgrader module that suppresses certain system tiddlers that shouldn't be imported\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar DONT_IMPORT_LIST = [\"$:/StoryList\",\"$:/HistoryList\"],\n\tDONT_IMPORT_PREFIX_LIST = [\"$:/temp/\",\"$:/state/\"];\n\nexports.upgrade = function(wiki,titles,tiddlers) {\n\tvar self = this,\n\t\tmessages = {};\n\t// Check for tiddlers on our list\n\t$tw.utils.each(titles,function(title) {\n\t\tif(DONT_IMPORT_LIST.indexOf(title) !== -1) {\n\t\t\ttiddlers[title] = Object.create(null);\n\t\t\tmessages[title] = $tw.language.getString(\"Import/Upgrader/System/Suppressed\");\n\t\t} else {\n\t\t\tfor(var t=0; t<DONT_IMPORT_PREFIX_LIST.length; t++) {\n\t\t\t\tvar prefix = DONT_IMPORT_PREFIX_LIST[t];\n\t\t\t\tif(title.substr(0,prefix.length) === prefix) {\n\t\t\t\t\ttiddlers[title] = Object.create(null);\n\t\t\t\t\tmessages[title] = $tw.language.getString(\"Import/Upgrader/State/Suppressed\");\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t});\n\treturn messages;\n};\n\n})();\n",
"title": "$:/core/modules/upgraders/system.js",
"type": "application/javascript",
"module-type": "upgrader"
},
"$:/core/modules/upgraders/themetweaks.js": {
"text": "/*\\\ntitle: $:/core/modules/upgraders/themetweaks.js\ntype: application/javascript\nmodule-type: upgrader\n\nUpgrader module that handles the change in theme tweak storage introduced in 5.0.14-beta.\n\nPreviously, theme tweaks were stored in two data tiddlers:\n\n* $:/themes/tiddlywiki/vanilla/metrics\n* $:/themes/tiddlywiki/vanilla/settings\n\nNow, each tweak is stored in its own separate tiddler.\n\nThis upgrader copies any values from the old format to the new. The old data tiddlers are not deleted in case they have been used to store additional indexes.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar MAPPINGS = {\n\t\"$:/themes/tiddlywiki/vanilla/metrics\": {\n\t\t\"fontsize\": \"$:/themes/tiddlywiki/vanilla/metrics/fontsize\",\n\t\t\"lineheight\": \"$:/themes/tiddlywiki/vanilla/metrics/lineheight\",\n\t\t\"storyleft\": \"$:/themes/tiddlywiki/vanilla/metrics/storyleft\",\n\t\t\"storytop\": \"$:/themes/tiddlywiki/vanilla/metrics/storytop\",\n\t\t\"storyright\": \"$:/themes/tiddlywiki/vanilla/metrics/storyright\",\n\t\t\"storywidth\": \"$:/themes/tiddlywiki/vanilla/metrics/storywidth\",\n\t\t\"tiddlerwidth\": \"$:/themes/tiddlywiki/vanilla/metrics/tiddlerwidth\"\n\t},\n\t\"$:/themes/tiddlywiki/vanilla/settings\": {\n\t\t\"fontfamily\": \"$:/themes/tiddlywiki/vanilla/settings/fontfamily\"\n\t}\n};\n\nexports.upgrade = function(wiki,titles,tiddlers) {\n\tvar self = this,\n\t\tmessages = {};\n\t// Check for tiddlers on our list\n\t$tw.utils.each(titles,function(title) {\n\t\tvar mapping = MAPPINGS[title];\n\t\tif(mapping) {\n\t\t\tvar tiddler = new $tw.Tiddler(tiddlers[title]),\n\t\t\t\ttiddlerData = wiki.getTiddlerData(tiddler,{});\n\t\t\tfor(var index in mapping) {\n\t\t\t\tvar mappedTitle = mapping[index];\n\t\t\t\tif(!tiddlers[mappedTitle] || tiddlers[mappedTitle].title !== mappedTitle) {\n\t\t\t\t\ttiddlers[mappedTitle] = {\n\t\t\t\t\t\ttitle: mappedTitle,\n\t\t\t\t\t\ttext: tiddlerData[index]\n\t\t\t\t\t};\n\t\t\t\t\tmessages[mappedTitle] = $tw.language.getString(\"Import/Upgrader/ThemeTweaks/Created\",{variables: {\n\t\t\t\t\t\tfrom: title + \"##\" + index\n\t\t\t\t\t}});\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t});\n\treturn messages;\n};\n\n})();\n",
"title": "$:/core/modules/upgraders/themetweaks.js",
"type": "application/javascript",
"module-type": "upgrader"
},
"$:/core/modules/utils/crypto.js": {
"text": "/*\\\ntitle: $:/core/modules/utils/crypto.js\ntype: application/javascript\nmodule-type: utils\n\nUtility functions related to crypto.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nLook for an encrypted store area in the text of a TiddlyWiki file\n*/\nexports.extractEncryptedStoreArea = function(text) {\n\tvar encryptedStoreAreaStartMarker = \"<pre id=\\\"encryptedStoreArea\\\" type=\\\"text/plain\\\" style=\\\"display:none;\\\">\",\n\t\tencryptedStoreAreaStart = text.indexOf(encryptedStoreAreaStartMarker);\n\tif(encryptedStoreAreaStart !== -1) {\n\t\tvar encryptedStoreAreaEnd = text.indexOf(\"</pre>\",encryptedStoreAreaStart);\n\t\tif(encryptedStoreAreaEnd !== -1) {\n\t\t\treturn $tw.utils.htmlDecode(text.substring(encryptedStoreAreaStart + encryptedStoreAreaStartMarker.length,encryptedStoreAreaEnd-1));\n\t\t}\n\t}\n\treturn null;\n};\n\n/*\nAttempt to extract the tiddlers from an encrypted store area using the current password. If the password is not provided then the password in the password store will be used\n*/\nexports.decryptStoreArea = function(encryptedStoreArea,password) {\n\tvar decryptedText = $tw.crypto.decrypt(encryptedStoreArea,password);\n\tif(decryptedText) {\n\t\tvar json = JSON.parse(decryptedText),\n\t\t\ttiddlers = [];\n\t\tfor(var title in json) {\n\t\t\tif(title !== \"$:/isEncrypted\") {\n\t\t\t\ttiddlers.push(json[title]);\n\t\t\t}\n\t\t}\n\t\treturn tiddlers;\n\t} else {\n\t\treturn null;\n\t}\n};\n\n\n/*\nAttempt to extract the tiddlers from an encrypted store area using the current password. If that fails, the user is prompted for a password.\nencryptedStoreArea: text of the TiddlyWiki encrypted store area\ncallback: function(tiddlers) called with the array of decrypted tiddlers\n\nThe following configuration settings are supported:\n\n$tw.config.usePasswordVault: causes any password entered by the user to also be put into the system password vault\n*/\nexports.decryptStoreAreaInteractive = function(encryptedStoreArea,callback,options) {\n\t// Try to decrypt with the current password\n\tvar tiddlers = $tw.utils.decryptStoreArea(encryptedStoreArea);\n\tif(tiddlers) {\n\t\tcallback(tiddlers);\n\t} else {\n\t\t// Prompt for a new password and keep trying\n\t\t$tw.passwordPrompt.createPrompt({\n\t\t\tserviceName: \"Enter a password to decrypt the imported TiddlyWiki\",\n\t\t\tnoUserName: true,\n\t\t\tcanCancel: true,\n\t\t\tsubmitText: \"Decrypt\",\n\t\t\tcallback: function(data) {\n\t\t\t\t// Exit if the user cancelled\n\t\t\t\tif(!data) {\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t\t// Attempt to decrypt the tiddlers\n\t\t\t\tvar tiddlers = $tw.utils.decryptStoreArea(encryptedStoreArea,data.password);\n\t\t\t\tif(tiddlers) {\n\t\t\t\t\tif($tw.config.usePasswordVault) {\n\t\t\t\t\t\t$tw.crypto.setPassword(data.password);\n\t\t\t\t\t}\n\t\t\t\t\tcallback(tiddlers);\n\t\t\t\t\t// Exit and remove the password prompt\n\t\t\t\t\treturn true;\n\t\t\t\t} else {\n\t\t\t\t\t// We didn't decrypt everything, so continue to prompt for password\n\t\t\t\t\treturn false;\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n};\n\n})();\n",
"title": "$:/core/modules/utils/crypto.js",
"type": "application/javascript",
"module-type": "utils"
},
"$:/core/modules/utils/dom/animations/slide.js": {
"text": "/*\\\ntitle: $:/core/modules/utils/dom/animations/slide.js\ntype: application/javascript\nmodule-type: animation\n\nA simple slide animation that varies the height of the element\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nfunction slideOpen(domNode,options) {\n\toptions = options || {};\n\tvar duration = options.duration || $tw.utils.getAnimationDuration();\n\t// Get the current height of the domNode\n\tvar computedStyle = window.getComputedStyle(domNode),\n\t\tcurrMarginBottom = parseInt(computedStyle.marginBottom,10),\n\t\tcurrMarginTop = parseInt(computedStyle.marginTop,10),\n\t\tcurrPaddingBottom = parseInt(computedStyle.paddingBottom,10),\n\t\tcurrPaddingTop = parseInt(computedStyle.paddingTop,10),\n\t\tcurrHeight = domNode.offsetHeight;\n\t// Reset the margin once the transition is over\n\tsetTimeout(function() {\n\t\t$tw.utils.setStyle(domNode,[\n\t\t\t{transition: \"none\"},\n\t\t\t{marginBottom: \"\"},\n\t\t\t{marginTop: \"\"},\n\t\t\t{paddingBottom: \"\"},\n\t\t\t{paddingTop: \"\"},\n\t\t\t{height: \"auto\"},\n\t\t\t{opacity: \"\"}\n\t\t]);\n\t\tif(options.callback) {\n\t\t\toptions.callback();\n\t\t}\n\t},duration);\n\t// Set up the initial position of the element\n\t$tw.utils.setStyle(domNode,[\n\t\t{transition: \"none\"},\n\t\t{marginTop: \"0px\"},\n\t\t{marginBottom: \"0px\"},\n\t\t{paddingTop: \"0px\"},\n\t\t{paddingBottom: \"0px\"},\n\t\t{height: \"0px\"},\n\t\t{opacity: \"0\"}\n\t]);\n\t$tw.utils.forceLayout(domNode);\n\t// Transition to the final position\n\t$tw.utils.setStyle(domNode,[\n\t\t{transition: \"margin-top \" + duration + \"ms ease-in-out, \" +\n\t\t\t\t\t\"margin-bottom \" + duration + \"ms ease-in-out, \" +\n\t\t\t\t\t\"padding-top \" + duration + \"ms ease-in-out, \" +\n\t\t\t\t\t\"padding-bottom \" + duration + \"ms ease-in-out, \" +\n\t\t\t\t\t\"height \" + duration + \"ms ease-in-out, \" +\n\t\t\t\t\t\"opacity \" + duration + \"ms ease-in-out\"},\n\t\t{marginBottom: currMarginBottom + \"px\"},\n\t\t{marginTop: currMarginTop + \"px\"},\n\t\t{paddingBottom: currPaddingBottom + \"px\"},\n\t\t{paddingTop: currPaddingTop + \"px\"},\n\t\t{height: currHeight + \"px\"},\n\t\t{opacity: \"1\"}\n\t]);\n}\n\nfunction slideClosed(domNode,options) {\n\toptions = options || {};\n\tvar duration = options.duration || $tw.utils.getAnimationDuration(),\n\t\tcurrHeight = domNode.offsetHeight;\n\t// Clear the properties we've set when the animation is over\n\tsetTimeout(function() {\n\t\t$tw.utils.setStyle(domNode,[\n\t\t\t{transition: \"none\"},\n\t\t\t{marginBottom: \"\"},\n\t\t\t{marginTop: \"\"},\n\t\t\t{paddingBottom: \"\"},\n\t\t\t{paddingTop: \"\"},\n\t\t\t{height: \"auto\"},\n\t\t\t{opacity: \"\"}\n\t\t]);\n\t\tif(options.callback) {\n\t\t\toptions.callback();\n\t\t}\n\t},duration);\n\t// Set up the initial position of the element\n\t$tw.utils.setStyle(domNode,[\n\t\t{height: currHeight + \"px\"},\n\t\t{opacity: \"1\"}\n\t]);\n\t$tw.utils.forceLayout(domNode);\n\t// Transition to the final position\n\t$tw.utils.setStyle(domNode,[\n\t\t{transition: \"margin-top \" + duration + \"ms ease-in-out, \" +\n\t\t\t\t\t\"margin-bottom \" + duration + \"ms ease-in-out, \" +\n\t\t\t\t\t\"padding-top \" + duration + \"ms ease-in-out, \" +\n\t\t\t\t\t\"padding-bottom \" + duration + \"ms ease-in-out, \" +\n\t\t\t\t\t\"height \" + duration + \"ms ease-in-out, \" +\n\t\t\t\t\t\"opacity \" + duration + \"ms ease-in-out\"},\n\t\t{marginTop: \"0px\"},\n\t\t{marginBottom: \"0px\"},\n\t\t{paddingTop: \"0px\"},\n\t\t{paddingBottom: \"0px\"},\n\t\t{height: \"0px\"},\n\t\t{opacity: \"0\"}\n\t]);\n}\n\nexports.slide = {\n\topen: slideOpen,\n\tclose: slideClosed\n};\n\n})();\n",
"title": "$:/core/modules/utils/dom/animations/slide.js",
"type": "application/javascript",
"module-type": "animation"
},
"$:/core/modules/utils/dom/animator.js": {
"text": "/*\\\ntitle: $:/core/modules/utils/dom/animator.js\ntype: application/javascript\nmodule-type: utils\n\nOrchestrates animations and transitions\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nfunction Animator() {\n\t// Get the registered animation modules\n\tthis.animations = {};\n\t$tw.modules.applyMethods(\"animation\",this.animations);\n}\n\nAnimator.prototype.perform = function(type,domNode,options) {\n\toptions = options || {};\n\t// Find an animation that can handle this type\n\tvar chosenAnimation;\n\t$tw.utils.each(this.animations,function(animation,name) {\n\t\tif($tw.utils.hop(animation,type)) {\n\t\t\tchosenAnimation = animation[type];\n\t\t}\n\t});\n\tif(!chosenAnimation) {\n\t\tchosenAnimation = function(domNode,options) {\n\t\t\tif(options.callback) {\n\t\t\t\toptions.callback();\n\t\t\t}\n\t\t};\n\t}\n\t// Call the animation\n\tchosenAnimation(domNode,options);\n};\n\nexports.Animator = Animator;\n\n})();\n",
"title": "$:/core/modules/utils/dom/animator.js",
"type": "application/javascript",
"module-type": "utils"
},
"$:/core/modules/utils/dom/browser.js": {
"text": "/*\\\ntitle: $:/core/modules/utils/dom/browser.js\ntype: application/javascript\nmodule-type: utils\n\nBrowser feature detection\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nSet style properties of an element\n\telement: dom node\n\tstyles: ordered array of {name: value} pairs\n*/\nexports.setStyle = function(element,styles) {\n\tif(element.nodeType === 1) { // Element.ELEMENT_NODE\n\t\tfor(var t=0; t<styles.length; t++) {\n\t\t\tfor(var styleName in styles[t]) {\n\t\t\t\telement.style[$tw.utils.convertStyleNameToPropertyName(styleName)] = styles[t][styleName];\n\t\t\t}\n\t\t}\n\t}\n};\n\n/*\nConverts a standard CSS property name into the local browser-specific equivalent. For example:\n\t\"background-color\" --> \"backgroundColor\"\n\t\"transition\" --> \"webkitTransition\"\n*/\n\nvar styleNameCache = {}; // We'll cache the style name conversions\n\nexports.convertStyleNameToPropertyName = function(styleName) {\n\t// Return from the cache if we can\n\tif(styleNameCache[styleName]) {\n\t\treturn styleNameCache[styleName];\n\t}\n\t// Convert it by first removing any hyphens\n\tvar propertyName = $tw.utils.unHyphenateCss(styleName);\n\t// Then check if it needs a prefix\n\tif(document.body.style[propertyName] === undefined) {\n\t\tvar prefixes = [\"O\",\"MS\",\"Moz\",\"webkit\"];\n\t\tfor(var t=0; t<prefixes.length; t++) {\n\t\t\tvar prefixedName = prefixes[t] + propertyName.substr(0,1).toUpperCase() + propertyName.substr(1);\n\t\t\tif(document.body.style[prefixedName] !== undefined) {\n\t\t\t\tpropertyName = prefixedName;\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\t}\n\t// Put it in the cache too\n\tstyleNameCache[styleName] = propertyName;\n\treturn propertyName;\n};\n\n/*\nConverts a JS format CSS property name back into the dashed form used in CSS declarations. For example:\n\t\"backgroundColor\" --> \"background-color\"\n\t\"webkitTransform\" --> \"-webkit-transform\"\n*/\nexports.convertPropertyNameToStyleName = function(propertyName) {\n\t// Rehyphenate the name\n\tvar styleName = $tw.utils.hyphenateCss(propertyName);\n\t// If there's a webkit prefix, add a dash (other browsers have uppercase prefixes, and so get the dash automatically)\n\tif(styleName.indexOf(\"webkit\") === 0) {\n\t\tstyleName = \"-\" + styleName;\n\t} else if(styleName.indexOf(\"-m-s\") === 0) {\n\t\tstyleName = \"-ms\" + styleName.substr(4);\n\t}\n\treturn styleName;\n};\n\n/*\nRound trip a stylename to a property name and back again. For example:\n\t\"transform\" --> \"webkitTransform\" --> \"-webkit-transform\"\n*/\nexports.roundTripPropertyName = function(propertyName) {\n\treturn $tw.utils.convertPropertyNameToStyleName($tw.utils.convertStyleNameToPropertyName(propertyName));\n};\n\n/*\nConverts a standard event name into the local browser specific equivalent. For example:\n\t\"animationEnd\" --> \"webkitAnimationEnd\"\n*/\n\nvar eventNameCache = {}; // We'll cache the conversions\n\nvar eventNameMappings = {\n\t\"transitionEnd\": {\n\t\tcorrespondingCssProperty: \"transition\",\n\t\tmappings: {\n\t\t\ttransition: \"transitionend\",\n\t\t\tOTransition: \"oTransitionEnd\",\n\t\t\tMSTransition: \"msTransitionEnd\",\n\t\t\tMozTransition: \"transitionend\",\n\t\t\twebkitTransition: \"webkitTransitionEnd\"\n\t\t}\n\t},\n\t\"animationEnd\": {\n\t\tcorrespondingCssProperty: \"animation\",\n\t\tmappings: {\n\t\t\tanimation: \"animationend\",\n\t\t\tOAnimation: \"oAnimationEnd\",\n\t\t\tMSAnimation: \"msAnimationEnd\",\n\t\t\tMozAnimation: \"animationend\",\n\t\t\twebkitAnimation: \"webkitAnimationEnd\"\n\t\t}\n\t}\n};\n\nexports.convertEventName = function(eventName) {\n\tif(eventNameCache[eventName]) {\n\t\treturn eventNameCache[eventName];\n\t}\n\tvar newEventName = eventName,\n\t\tmappings = eventNameMappings[eventName];\n\tif(mappings) {\n\t\tvar convertedProperty = $tw.utils.convertStyleNameToPropertyName(mappings.correspondingCssProperty);\n\t\tif(mappings.mappings[convertedProperty]) {\n\t\t\tnewEventName = mappings.mappings[convertedProperty];\n\t\t}\n\t}\n\t// Put it in the cache too\n\teventNameCache[eventName] = newEventName;\n\treturn newEventName;\n};\n\n/*\nReturn the names of the fullscreen APIs\n*/\nexports.getFullScreenApis = function() {\n\tvar d = document,\n\t\tdb = d.body,\n\t\tresult = {\n\t\t\"_requestFullscreen\": db.webkitRequestFullscreen !== undefined ? \"webkitRequestFullscreen\" :\n\t\t\t\t\t\t\tdb.mozRequestFullScreen !== undefined ? \"mozRequestFullScreen\" :\n\t\t\t\t\t\t\tdb.msRequestFullscreen !== undefined ? \"msRequestFullscreen\" :\n\t\t\t\t\t\t\tdb.requestFullscreen !== undefined ? \"requestFullscreen\" : \"\",\n\t\t\"_exitFullscreen\": d.webkitExitFullscreen !== undefined ? \"webkitExitFullscreen\" :\n\t\t\t\t\t\t\td.mozCancelFullScreen !== undefined ? \"mozCancelFullScreen\" :\n\t\t\t\t\t\t\td.msExitFullscreen !== undefined ? \"msExitFullscreen\" :\n\t\t\t\t\t\t\td.exitFullscreen !== undefined ? \"exitFullscreen\" : \"\",\n\t\t\"_fullscreenElement\": d.webkitFullscreenElement !== undefined ? \"webkitFullscreenElement\" :\n\t\t\t\t\t\t\td.mozFullScreenElement !== undefined ? \"mozFullScreenElement\" :\n\t\t\t\t\t\t\td.msFullscreenElement !== undefined ? \"msFullscreenElement\" :\n\t\t\t\t\t\t\td.fullscreenElement !== undefined ? \"fullscreenElement\" : \"\",\n\t\t\"_fullscreenChange\": d.webkitFullscreenElement !== undefined ? \"webkitfullscreenchange\" :\n\t\t\t\t\t\t\td.mozFullScreenElement !== undefined ? \"mozfullscreenchange\" :\n\t\t\t\t\t\t\td.msFullscreenElement !== undefined ? \"MSFullscreenChange\" :\n\t\t\t\t\t\t\td.fullscreenElement !== undefined ? \"fullscreenchange\" : \"\"\n\t};\n\tif(!result._requestFullscreen || !result._exitFullscreen || !result._fullscreenElement || !result._fullscreenChange) {\n\t\treturn null;\n\t} else {\n\t\treturn result;\n\t}\n};\n\n})();\n",
"title": "$:/core/modules/utils/dom/browser.js",
"type": "application/javascript",
"module-type": "utils"
},
"$:/core/modules/utils/dom/csscolorparser.js": {
"text": "// (c) Dean McNamee <dean@gmail.com>, 2012.\n//\n// https://github.com/deanm/css-color-parser-js\n//\n// Permission is hereby granted, free of charge, to any person obtaining a copy\n// of this software and associated documentation files (the \"Software\"), to\n// deal in the Software without restriction, including without limitation the\n// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or\n// sell copies of the Software, and to permit persons to whom the Software is\n// furnished to do so, subject to the following conditions:\n//\n// The above copyright notice and this permission notice shall be included in\n// all copies or substantial portions of the Software.\n//\n// THE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\n// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\n// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\n// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\n// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING\n// FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS\n// IN THE SOFTWARE.\n\n// http://www.w3.org/TR/css3-color/\nvar kCSSColorTable = {\n \"transparent\": [0,0,0,0], \"aliceblue\": [240,248,255,1],\n \"antiquewhite\": [250,235,215,1], \"aqua\": [0,255,255,1],\n \"aquamarine\": [127,255,212,1], \"azure\": [240,255,255,1],\n \"beige\": [245,245,220,1], \"bisque\": [255,228,196,1],\n \"black\": [0,0,0,1], \"blanchedalmond\": [255,235,205,1],\n \"blue\": [0,0,255,1], \"blueviolet\": [138,43,226,1],\n \"brown\": [165,42,42,1], \"burlywood\": [222,184,135,1],\n \"cadetblue\": [95,158,160,1], \"chartreuse\": [127,255,0,1],\n \"chocolate\": [210,105,30,1], \"coral\": [255,127,80,1],\n \"cornflowerblue\": [100,149,237,1], \"cornsilk\": [255,248,220,1],\n \"crimson\": [220,20,60,1], \"cyan\": [0,255,255,1],\n \"darkblue\": [0,0,139,1], \"darkcyan\": [0,139,139,1],\n \"darkgoldenrod\": [184,134,11,1], \"darkgray\": [169,169,169,1],\n \"darkgreen\": [0,100,0,1], \"darkgrey\": [169,169,169,1],\n \"darkkhaki\": [189,183,107,1], \"darkmagenta\": [139,0,139,1],\n \"darkolivegreen\": [85,107,47,1], \"darkorange\": [255,140,0,1],\n \"darkorchid\": [153,50,204,1], \"darkred\": [139,0,0,1],\n \"darksalmon\": [233,150,122,1], \"darkseagreen\": [143,188,143,1],\n \"darkslateblue\": [72,61,139,1], \"darkslategray\": [47,79,79,1],\n \"darkslategrey\": [47,79,79,1], \"darkturquoise\": [0,206,209,1],\n \"darkviolet\": [148,0,211,1], \"deeppink\": [255,20,147,1],\n \"deepskyblue\": [0,191,255,1], \"dimgray\": [105,105,105,1],\n \"dimgrey\": [105,105,105,1], \"dodgerblue\": [30,144,255,1],\n \"firebrick\": [178,34,34,1], \"floralwhite\": [255,250,240,1],\n \"forestgreen\": [34,139,34,1], \"fuchsia\": [255,0,255,1],\n \"gainsboro\": [220,220,220,1], \"ghostwhite\": [248,248,255,1],\n \"gold\": [255,215,0,1], \"goldenrod\": [218,165,32,1],\n \"gray\": [128,128,128,1], \"green\": [0,128,0,1],\n \"greenyellow\": [173,255,47,1], \"grey\": [128,128,128,1],\n \"honeydew\": [240,255,240,1], \"hotpink\": [255,105,180,1],\n \"indianred\": [205,92,92,1], \"indigo\": [75,0,130,1],\n \"ivory\": [255,255,240,1], \"khaki\": [240,230,140,1],\n \"lavender\": [230,230,250,1], \"lavenderblush\": [255,240,245,1],\n \"lawngreen\": [124,252,0,1], \"lemonchiffon\": [255,250,205,1],\n \"lightblue\": [173,216,230,1], \"lightcoral\": [240,128,128,1],\n \"lightcyan\": [224,255,255,1], \"lightgoldenrodyellow\": [250,250,210,1],\n \"lightgray\": [211,211,211,1], \"lightgreen\": [144,238,144,1],\n \"lightgrey\": [211,211,211,1], \"lightpink\": [255,182,193,1],\n \"lightsalmon\": [255,160,122,1], \"lightseagreen\": [32,178,170,1],\n \"lightskyblue\": [135,206,250,1], \"lightslategray\": [119,136,153,1],\n \"lightslategrey\": [119,136,153,1], \"lightsteelblue\": [176,196,222,1],\n \"lightyellow\": [255,255,224,1], \"lime\": [0,255,0,1],\n \"limegreen\": [50,205,50,1], \"linen\": [250,240,230,1],\n \"magenta\": [255,0,255,1], \"maroon\": [128,0,0,1],\n \"mediumaquamarine\": [102,205,170,1], \"mediumblue\": [0,0,205,1],\n \"mediumorchid\": [186,85,211,1], \"mediumpurple\": [147,112,219,1],\n \"mediumseagreen\": [60,179,113,1], \"mediumslateblue\": [123,104,238,1],\n \"mediumspringgreen\": [0,250,154,1], \"mediumturquoise\": [72,209,204,1],\n \"mediumvioletred\": [199,21,133,1], \"midnightblue\": [25,25,112,1],\n \"mintcream\": [245,255,250,1], \"mistyrose\": [255,228,225,1],\n \"moccasin\": [255,228,181,1], \"navajowhite\": [255,222,173,1],\n \"navy\": [0,0,128,1], \"oldlace\": [253,245,230,1],\n \"olive\": [128,128,0,1], \"olivedrab\": [107,142,35,1],\n \"orange\": [255,165,0,1], \"orangered\": [255,69,0,1],\n \"orchid\": [218,112,214,1], \"palegoldenrod\": [238,232,170,1],\n \"palegreen\": [152,251,152,1], \"paleturquoise\": [175,238,238,1],\n \"palevioletred\": [219,112,147,1], \"papayawhip\": [255,239,213,1],\n \"peachpuff\": [255,218,185,1], \"peru\": [205,133,63,1],\n \"pink\": [255,192,203,1], \"plum\": [221,160,221,1],\n \"powderblue\": [176,224,230,1], \"purple\": [128,0,128,1],\n \"red\": [255,0,0,1], \"rosybrown\": [188,143,143,1],\n \"royalblue\": [65,105,225,1], \"saddlebrown\": [139,69,19,1],\n \"salmon\": [250,128,114,1], \"sandybrown\": [244,164,96,1],\n \"seagreen\": [46,139,87,1], \"seashell\": [255,245,238,1],\n \"sienna\": [160,82,45,1], \"silver\": [192,192,192,1],\n \"skyblue\": [135,206,235,1], \"slateblue\": [106,90,205,1],\n \"slategray\": [112,128,144,1], \"slategrey\": [112,128,144,1],\n \"snow\": [255,250,250,1], \"springgreen\": [0,255,127,1],\n \"steelblue\": [70,130,180,1], \"tan\": [210,180,140,1],\n \"teal\": [0,128,128,1], \"thistle\": [216,191,216,1],\n \"tomato\": [255,99,71,1], \"turquoise\": [64,224,208,1],\n \"violet\": [238,130,238,1], \"wheat\": [245,222,179,1],\n \"white\": [255,255,255,1], \"whitesmoke\": [245,245,245,1],\n \"yellow\": [255,255,0,1], \"yellowgreen\": [154,205,50,1]}\n\nfunction clamp_css_byte(i) { // Clamp to integer 0 .. 255.\n i = Math.round(i); // Seems to be what Chrome does (vs truncation).\n return i < 0 ? 0 : i > 255 ? 255 : i;\n}\n\nfunction clamp_css_float(f) { // Clamp to float 0.0 .. 1.0.\n return f < 0 ? 0 : f > 1 ? 1 : f;\n}\n\nfunction parse_css_int(str) { // int or percentage.\n if (str[str.length - 1] === '%')\n return clamp_css_byte(parseFloat(str) / 100 * 255);\n return clamp_css_byte(parseInt(str));\n}\n\nfunction parse_css_float(str) { // float or percentage.\n if (str[str.length - 1] === '%')\n return clamp_css_float(parseFloat(str) / 100);\n return clamp_css_float(parseFloat(str));\n}\n\nfunction css_hue_to_rgb(m1, m2, h) {\n if (h < 0) h += 1;\n else if (h > 1) h -= 1;\n\n if (h * 6 < 1) return m1 + (m2 - m1) * h * 6;\n if (h * 2 < 1) return m2;\n if (h * 3 < 2) return m1 + (m2 - m1) * (2/3 - h) * 6;\n return m1;\n}\n\nfunction parseCSSColor(css_str) {\n // Remove all whitespace, not compliant, but should just be more accepting.\n var str = css_str.replace(/ /g, '').toLowerCase();\n\n // Color keywords (and transparent) lookup.\n if (str in kCSSColorTable) return kCSSColorTable[str].slice(); // dup.\n\n // #abc and #abc123 syntax.\n if (str[0] === '#') {\n if (str.length === 4) {\n var iv = parseInt(str.substr(1), 16); // TODO(deanm): Stricter parsing.\n if (!(iv >= 0 && iv <= 0xfff)) return null; // Covers NaN.\n return [((iv & 0xf00) >> 4) | ((iv & 0xf00) >> 8),\n (iv & 0xf0) | ((iv & 0xf0) >> 4),\n (iv & 0xf) | ((iv & 0xf) << 4),\n 1];\n } else if (str.length === 7) {\n var iv = parseInt(str.substr(1), 16); // TODO(deanm): Stricter parsing.\n if (!(iv >= 0 && iv <= 0xffffff)) return null; // Covers NaN.\n return [(iv & 0xff0000) >> 16,\n (iv & 0xff00) >> 8,\n iv & 0xff,\n 1];\n }\n\n return null;\n }\n\n var op = str.indexOf('('), ep = str.indexOf(')');\n if (op !== -1 && ep + 1 === str.length) {\n var fname = str.substr(0, op);\n var params = str.substr(op+1, ep-(op+1)).split(',');\n var alpha = 1; // To allow case fallthrough.\n switch (fname) {\n case 'rgba':\n if (params.length !== 4) return null;\n alpha = parse_css_float(params.pop());\n // Fall through.\n case 'rgb':\n if (params.length !== 3) return null;\n return [parse_css_int(params[0]),\n parse_css_int(params[1]),\n parse_css_int(params[2]),\n alpha];\n case 'hsla':\n if (params.length !== 4) return null;\n alpha = parse_css_float(params.pop());\n // Fall through.\n case 'hsl':\n if (params.length !== 3) return null;\n var h = (((parseFloat(params[0]) % 360) + 360) % 360) / 360; // 0 .. 1\n // NOTE(deanm): According to the CSS spec s/l should only be\n // percentages, but we don't bother and let float or percentage.\n var s = parse_css_float(params[1]);\n var l = parse_css_float(params[2]);\n var m2 = l <= 0.5 ? l * (s + 1) : l + s - l * s;\n var m1 = l * 2 - m2;\n return [clamp_css_byte(css_hue_to_rgb(m1, m2, h+1/3) * 255),\n clamp_css_byte(css_hue_to_rgb(m1, m2, h) * 255),\n clamp_css_byte(css_hue_to_rgb(m1, m2, h-1/3) * 255),\n alpha];\n default:\n return null;\n }\n }\n\n return null;\n}\n\ntry { exports.parseCSSColor = parseCSSColor } catch(e) { }\n",
"title": "$:/core/modules/utils/dom/csscolorparser.js",
"type": "application/javascript",
"module-type": "utils"
},
"$:/core/modules/utils/dom.js": {
"text": "/*\\\ntitle: $:/core/modules/utils/dom.js\ntype: application/javascript\nmodule-type: utils\n\nVarious static DOM-related utility functions.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nDetermines whether element 'a' contains element 'b'\nCode thanks to John Resig, http://ejohn.org/blog/comparing-document-position/\n*/\nexports.domContains = function(a,b) {\n\treturn a.contains ?\n\t\ta !== b && a.contains(b) :\n\t\t!!(a.compareDocumentPosition(b) & 16);\n};\n\nexports.removeChildren = function(node) {\n\twhile(node.hasChildNodes()) {\n\t\tnode.removeChild(node.firstChild);\n\t}\n};\n\nexports.hasClass = function(el,className) {\n\treturn el && el.className && el.className.toString().split(\" \").indexOf(className) !== -1;\n};\n\nexports.addClass = function(el,className) {\n\tvar c = el.className.split(\" \");\n\tif(c.indexOf(className) === -1) {\n\t\tc.push(className);\n\t}\n\tel.className = c.join(\" \");\n};\n\nexports.removeClass = function(el,className) {\n\tvar c = el.className.split(\" \"),\n\t\tp = c.indexOf(className);\n\tif(p !== -1) {\n\t\tc.splice(p,1);\n\t\tel.className = c.join(\" \");\n\t}\n};\n\nexports.toggleClass = function(el,className,status) {\n\tif(status === undefined) {\n\t\tstatus = !exports.hasClass(el,className);\n\t}\n\tif(status) {\n\t\texports.addClass(el,className);\n\t} else {\n\t\texports.removeClass(el,className);\n\t}\n};\n\n/*\nGet the scroll position of the viewport\nReturns:\n\t{\n\t\tx: horizontal scroll position in pixels,\n\t\ty: vertical scroll position in pixels\n\t}\n*/\nexports.getScrollPosition = function() {\n\tif(\"scrollX\" in window) {\n\t\treturn {x: window.scrollX, y: window.scrollY};\n\t} else {\n\t\treturn {x: document.documentElement.scrollLeft, y: document.documentElement.scrollTop};\n\t}\n};\n\n/*\nGets the bounding rectangle of an element in absolute page coordinates\n*/\nexports.getBoundingPageRect = function(element) {\n\tvar scrollPos = $tw.utils.getScrollPosition(),\n\t\tclientRect = element.getBoundingClientRect();\n\treturn {\n\t\tleft: clientRect.left + scrollPos.x,\n\t\twidth: clientRect.width,\n\t\tright: clientRect.right + scrollPos.x,\n\t\ttop: clientRect.top + scrollPos.y,\n\t\theight: clientRect.height,\n\t\tbottom: clientRect.bottom + scrollPos.y\n\t};\n};\n\n/*\nSaves a named password in the browser\n*/\nexports.savePassword = function(name,password) {\n\ttry {\n\t\tif(window.localStorage) {\n\t\t\tlocalStorage.setItem(\"tw5-password-\" + name,password);\n\t\t}\n\t} catch(e) {\n\t}\n};\n\n/*\nRetrieve a named password from the browser\n*/\nexports.getPassword = function(name) {\n\ttry {\n\t\treturn window.localStorage ? localStorage.getItem(\"tw5-password-\" + name) : \"\";\n\t} catch(e) {\n\t\treturn \"\";\n\t}\n};\n\n/*\nForce layout of a dom node and its descendents\n*/\nexports.forceLayout = function(element) {\n\tvar dummy = element.offsetWidth;\n};\n\n/*\nPulse an element for debugging purposes\n*/\nexports.pulseElement = function(element) {\n\t// Event handler to remove the class at the end\n\telement.addEventListener($tw.browser.animationEnd,function handler(event) {\n\t\telement.removeEventListener($tw.browser.animationEnd,handler,false);\n\t\t$tw.utils.removeClass(element,\"pulse\");\n\t},false);\n\t// Apply the pulse class\n\t$tw.utils.removeClass(element,\"pulse\");\n\t$tw.utils.forceLayout(element);\n\t$tw.utils.addClass(element,\"pulse\");\n};\n\n/*\nAttach specified event handlers to a DOM node\ndomNode: where to attach the event handlers\nevents: array of event handlers to be added (see below)\nEach entry in the events array is an object with these properties:\nhandlerFunction: optional event handler function\nhandlerObject: optional event handler object\nhandlerMethod: optionally specifies object handler method name (defaults to `handleEvent`)\n*/\nexports.addEventListeners = function(domNode,events) {\n\t$tw.utils.each(events,function(eventInfo) {\n\t\tvar handler;\n\t\tif(eventInfo.handlerFunction) {\n\t\t\thandler = eventInfo.handlerFunction;\n\t\t} else if(eventInfo.handlerObject) {\n\t\t\tif(eventInfo.handlerMethod) {\n\t\t\t\thandler = function(event) {\n\t\t\t\t\teventInfo.handlerObject[eventInfo.handlerMethod].call(eventInfo.handlerObject,event);\n\t\t\t\t};\t\n\t\t\t} else {\n\t\t\t\thandler = eventInfo.handlerObject;\n\t\t\t}\n\t\t}\n\t\tdomNode.addEventListener(eventInfo.name,handler,false);\n\t});\n};\n\n\n})();\n",
"title": "$:/core/modules/utils/dom.js",
"type": "application/javascript",
"module-type": "utils"
},
"$:/core/modules/utils/dom/http.js": {
"text": "/*\\\ntitle: $:/core/modules/utils/dom/http.js\ntype: application/javascript\nmodule-type: utils\n\nBrowser HTTP support\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nA quick and dirty HTTP function; to be refactored later. Options are:\n\turl: URL to retrieve\n\ttype: GET, PUT, POST etc\n\tcallback: function invoked with (err,data)\n*/\nexports.httpRequest = function(options) {\n\tvar type = options.type || \"GET\",\n\t\theaders = options.headers || {accept: \"application/json\"},\n\t\trequest = new XMLHttpRequest(),\n\t\tdata = \"\",\n\t\tf,results;\n\t// Massage the data hashmap into a string\n\tif(options.data) {\n\t\tif(typeof options.data === \"string\") { // Already a string\n\t\t\tdata = options.data;\n\t\t} else { // A hashmap of strings\n\t\t\tresults = [];\n\t\t\t$tw.utils.each(options.data,function(dataItem,dataItemTitle) {\n\t\t\t\tresults.push(dataItemTitle + \"=\" + encodeURIComponent(dataItem));\n\t\t\t});\n\t\t\tdata = results.join(\"&\");\n\t\t}\n\t}\n\t// Set up the state change handler\n\trequest.onreadystatechange = function() {\n\t\tif(this.readyState === 4) {\n\t\t\tif(this.status === 200 || this.status === 201 || this.status === 204) {\n\t\t\t\t// Success!\n\t\t\t\toptions.callback(null,this.responseText,this);\n\t\t\t\treturn;\n\t\t\t}\n\t\t// Something went wrong\n\t\toptions.callback(\"XMLHttpRequest error code: \" + this.status);\n\t\t}\n\t};\n\t// Make the request\n\trequest.open(type,options.url,true);\n\tif(headers) {\n\t\t$tw.utils.each(headers,function(header,headerTitle,object) {\n\t\t\trequest.setRequestHeader(headerTitle,header);\n\t\t});\n\t}\n\tif(data && !$tw.utils.hop(headers,\"Content-type\")) {\n\t\trequest.setRequestHeader(\"Content-type\",\"application/x-www-form-urlencoded; charset=UTF-8\");\n\t}\n\trequest.send(data);\n\treturn request;\n};\n\n})();\n",
"title": "$:/core/modules/utils/dom/http.js",
"type": "application/javascript",
"module-type": "utils"
},
"$:/core/modules/utils/dom/keyboard.js": {
"text": "/*\\\ntitle: $:/core/modules/utils/dom/keyboard.js\ntype: application/javascript\nmodule-type: utils\n\nKeyboard utilities\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar namedKeys = {\n\t\"backspace\": 8,\n\t\"tab\": 9,\n\t\"enter\": 13,\n\t\"escape\": 27\n};\n\n/*\nParses a key descriptor into the structure:\n{\n\tkeyCode: numeric keycode\n\tshiftKey: boolean\n\taltKey: boolean\n\tctrlKey: boolean\n}\nKey descriptors have the following format:\n\tctrl+enter\n\tctrl+shift+alt+A\n*/\nexports.parseKeyDescriptor = function(keyDescriptor) {\n\tvar components = keyDescriptor.split(\"+\"),\n\t\tinfo = {\n\t\t\tkeyCode: 0,\n\t\t\tshiftKey: false,\n\t\t\taltKey: false,\n\t\t\tctrlKey: false\n\t\t};\n\tfor(var t=0; t<components.length; t++) {\n\t\tvar s = components[t].toLowerCase();\n\t\t// Look for modifier keys\n\t\tif(s === \"ctrl\") {\n\t\t\tinfo.ctrlKey = true;\n\t\t} else if(s === \"shift\") {\n\t\t\tinfo.shiftKey = true;\n\t\t} else if(s === \"alt\") {\n\t\t\tinfo.altKey = true;\n\t\t} else if(s === \"meta\") {\n\t\t\tinfo.metaKey = true;\n\t\t}\n\t\t// Replace named keys with their code\n\t\tif(namedKeys[s]) {\n\t\t\tinfo.keyCode = namedKeys[s];\n\t\t}\n\t}\n\treturn info;\n};\n\nexports.checkKeyDescriptor = function(event,keyInfo) {\n\tvar metaKeyStatus = !!keyInfo.metaKey; // Using a temporary variable to keep JSHint happy\n\treturn event.keyCode === keyInfo.keyCode && \n\t\t\tevent.shiftKey === keyInfo.shiftKey && \n\t\t\tevent.altKey === keyInfo.altKey && \n\t\t\tevent.ctrlKey === keyInfo.ctrlKey && \n\t\t\tevent.metaKey === metaKeyStatus;\t\n};\n\n})();\n",
"title": "$:/core/modules/utils/dom/keyboard.js",
"type": "application/javascript",
"module-type": "utils"
},
"$:/core/modules/utils/dom/modal.js": {
"text": "/*\\\ntitle: $:/core/modules/utils/dom/modal.js\ntype: application/javascript\nmodule-type: utils\n\nModal message mechanism\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar widget = require(\"$:/core/modules/widgets/widget.js\");\n\nvar Modal = function(wiki) {\n\tthis.wiki = wiki;\n\tthis.modalCount = 0;\n};\n\n/*\nDisplay a modal dialogue\n\ttitle: Title of tiddler to display\n\toptions: see below\nOptions include:\n\tdownloadLink: Text of a big download link to include\n*/\nModal.prototype.display = function(title,options) {\n\toptions = options || {};\n\tvar self = this,\n\t\trefreshHandler,\n\t\tduration = $tw.utils.getAnimationDuration(),\n\t\ttiddler = this.wiki.getTiddler(title);\n\t// Don't do anything if the tiddler doesn't exist\n\tif(!tiddler) {\n\t\treturn;\n\t}\n\t// Create the variables\n\tvar variables = $tw.utils.extend({currentTiddler: title},options.variables);\n\t// Create the wrapper divs\n\tvar wrapper = document.createElement(\"div\"),\n\t\tmodalBackdrop = document.createElement(\"div\"),\n\t\tmodalWrapper = document.createElement(\"div\"),\n\t\tmodalHeader = document.createElement(\"div\"),\n\t\theaderTitle = document.createElement(\"h3\"),\n\t\tmodalBody = document.createElement(\"div\"),\n\t\tmodalLink = document.createElement(\"a\"),\n\t\tmodalFooter = document.createElement(\"div\"),\n\t\tmodalFooterHelp = document.createElement(\"span\"),\n\t\tmodalFooterButtons = document.createElement(\"span\");\n\t// Up the modal count and adjust the body class\n\tthis.modalCount++;\n\tthis.adjustPageClass();\n\t// Add classes\n\t$tw.utils.addClass(wrapper,\"tc-modal-wrapper\");\n\t$tw.utils.addClass(modalBackdrop,\"tc-modal-backdrop\");\n\t$tw.utils.addClass(modalWrapper,\"tc-modal\");\n\t$tw.utils.addClass(modalHeader,\"tc-modal-header\");\n\t$tw.utils.addClass(modalBody,\"tc-modal-body\");\n\t$tw.utils.addClass(modalFooter,\"tc-modal-footer\");\n\t// Join them together\n\twrapper.appendChild(modalBackdrop);\n\twrapper.appendChild(modalWrapper);\n\tmodalHeader.appendChild(headerTitle);\n\tmodalWrapper.appendChild(modalHeader);\n\tmodalWrapper.appendChild(modalBody);\n\tmodalFooter.appendChild(modalFooterHelp);\n\tmodalFooter.appendChild(modalFooterButtons);\n\tmodalWrapper.appendChild(modalFooter);\n\t// Render the title of the message\n\tvar headerWidgetNode = this.wiki.makeTranscludeWidget(title,{\n\t\tfield: \"subtitle\",\n\t\tmode: \"inline\",\n\t\tchildren: [{\n\t\t\ttype: \"text\",\n\t\t\tattributes: {\n\t\t\t\ttext: {\n\t\t\t\t\ttype: \"string\",\n\t\t\t\t\tvalue: title\n\t\t}}}],\n\t\tparentWidget: $tw.rootWidget,\n\t\tdocument: document,\n\t\tvariables: variables\n\t});\n\theaderWidgetNode.render(headerTitle,null);\n\t// Render the body of the message\n\tvar bodyWidgetNode = this.wiki.makeTranscludeWidget(title,{\n\t\tparentWidget: $tw.rootWidget,\n\t\tdocument: document,\n\t\tvariables: variables\n\t});\n\tbodyWidgetNode.render(modalBody,null);\n\t// Setup the link if present\n\tif(options.downloadLink) {\n\t\tmodalLink.href = options.downloadLink;\n\t\tmodalLink.appendChild(document.createTextNode(\"Right-click to save changes\"));\n\t\tmodalBody.appendChild(modalLink);\n\t}\n\t// Render the footer of the message\n\tif(tiddler && tiddler.fields && tiddler.fields.help) {\n\t\tvar link = document.createElement(\"a\");\n\t\tlink.setAttribute(\"href\",tiddler.fields.help);\n\t\tlink.setAttribute(\"target\",\"_blank\");\n\t\tlink.appendChild(document.createTextNode(\"Help\"));\n\t\tmodalFooterHelp.appendChild(link);\n\t\tmodalFooterHelp.style.float = \"left\";\n\t}\n\tvar footerWidgetNode = this.wiki.makeTranscludeWidget(title,{\n\t\tfield: \"footer\",\n\t\tmode: \"inline\",\n\t\tchildren: [{\n\t\t\ttype: \"button\",\n\t\t\tattributes: {\n\t\t\t\tmessage: {\n\t\t\t\t\ttype: \"string\",\n\t\t\t\t\tvalue: \"tm-close-tiddler\"\n\t\t\t\t}\n\t\t\t},\n\t\t\tchildren: [{\n\t\t\t\ttype: \"text\",\n\t\t\t\tattributes: {\n\t\t\t\t\ttext: {\n\t\t\t\t\t\ttype: \"string\",\n\t\t\t\t\t\tvalue: \"Close\"\n\t\t\t}}}\n\t\t]}],\n\t\tparentWidget: $tw.rootWidget,\n\t\tdocument: document,\n\t\tvariables: variables\n\t});\n\tfooterWidgetNode.render(modalFooterButtons,null);\n\t// Set up the refresh handler\n\trefreshHandler = function(changes) {\n\t\theaderWidgetNode.refresh(changes,modalHeader,null);\n\t\tbodyWidgetNode.refresh(changes,modalBody,null);\n\t\tfooterWidgetNode.refresh(changes,modalFooterButtons,null);\n\t};\n\tthis.wiki.addEventListener(\"change\",refreshHandler);\n\t// Add the close event handler\n\tvar closeHandler = function(event) {\n\t\t// Remove our refresh handler\n\t\tself.wiki.removeEventListener(\"change\",refreshHandler);\n\t\t// Decrease the modal count and adjust the body class\n\t\tself.modalCount--;\n\t\tself.adjustPageClass();\n\t\t// Force layout and animate the modal message away\n\t\t$tw.utils.forceLayout(modalBackdrop);\n\t\t$tw.utils.forceLayout(modalWrapper);\n\t\t$tw.utils.setStyle(modalBackdrop,[\n\t\t\t{opacity: \"0\"}\n\t\t]);\n\t\t$tw.utils.setStyle(modalWrapper,[\n\t\t\t{transform: \"translateY(\" + window.innerHeight + \"px)\"}\n\t\t]);\n\t\t// Set up an event for the transition end\n\t\twindow.setTimeout(function() {\n\t\t\tif(wrapper.parentNode) {\n\t\t\t\t// Remove the modal message from the DOM\n\t\t\t\tdocument.body.removeChild(wrapper);\n\t\t\t}\n\t\t},duration);\n\t\t// Don't let anyone else handle the tm-close-tiddler message\n\t\treturn false;\n\t};\n\theaderWidgetNode.addEventListener(\"tm-close-tiddler\",closeHandler,false);\n\tbodyWidgetNode.addEventListener(\"tm-close-tiddler\",closeHandler,false);\n\tfooterWidgetNode.addEventListener(\"tm-close-tiddler\",closeHandler,false);\n\t// Set the initial styles for the message\n\t$tw.utils.setStyle(modalBackdrop,[\n\t\t{opacity: \"0\"}\n\t]);\n\t$tw.utils.setStyle(modalWrapper,[\n\t\t{transformOrigin: \"0% 0%\"},\n\t\t{transform: \"translateY(\" + (-window.innerHeight) + \"px)\"}\n\t]);\n\t// Put the message into the document\n\tdocument.body.appendChild(wrapper);\n\t// Set up animation for the styles\n\t$tw.utils.setStyle(modalBackdrop,[\n\t\t{transition: \"opacity \" + duration + \"ms ease-out\"}\n\t]);\n\t$tw.utils.setStyle(modalWrapper,[\n\t\t{transition: $tw.utils.roundTripPropertyName(\"transform\") + \" \" + duration + \"ms ease-in-out\"}\n\t]);\n\t// Force layout\n\t$tw.utils.forceLayout(modalBackdrop);\n\t$tw.utils.forceLayout(modalWrapper);\n\t// Set final animated styles\n\t$tw.utils.setStyle(modalBackdrop,[\n\t\t{opacity: \"0.7\"}\n\t]);\n\t$tw.utils.setStyle(modalWrapper,[\n\t\t{transform: \"translateY(0px)\"}\n\t]);\n};\n\nModal.prototype.adjustPageClass = function() {\n\tif($tw.pageContainer) {\n\t\t$tw.utils.toggleClass($tw.pageContainer,\"tc-modal-displayed\",this.modalCount > 0);\n\t}\n};\n\nexports.Modal = Modal;\n\n})();\n",
"title": "$:/core/modules/utils/dom/modal.js",
"type": "application/javascript",
"module-type": "utils"
},
"$:/core/modules/utils/dom/notifier.js": {
"text": "/*\\\ntitle: $:/core/modules/utils/dom/notifier.js\ntype: application/javascript\nmodule-type: utils\n\nNotifier mechanism\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar widget = require(\"$:/core/modules/widgets/widget.js\");\n\nvar Notifier = function(wiki) {\n\tthis.wiki = wiki;\n};\n\n/*\nDisplay a notification\n\ttitle: Title of tiddler containing the notification text\n\toptions: see below\nOptions include:\n*/\nNotifier.prototype.display = function(title,options) {\n\toptions = options || {};\n\t// Create the wrapper divs\n\tvar self = this,\n\t\tnotification = document.createElement(\"div\"),\n\t\ttiddler = this.wiki.getTiddler(title),\n\t\tduration = $tw.utils.getAnimationDuration(),\n\t\trefreshHandler;\n\t// Don't do anything if the tiddler doesn't exist\n\tif(!tiddler) {\n\t\treturn;\n\t}\n\t// Add classes\n\t$tw.utils.addClass(notification,\"tc-notification\");\n\t// Create the variables\n\tvar variables = $tw.utils.extend({currentTiddler: title},options.variables);\n\t// Render the body of the notification\n\tvar widgetNode = this.wiki.makeTranscludeWidget(title,{parentWidget: $tw.rootWidget, document: document, variables: variables});\n\twidgetNode.render(notification,null);\n\trefreshHandler = function(changes) {\n\t\twidgetNode.refresh(changes,notification,null);\n\t};\n\tthis.wiki.addEventListener(\"change\",refreshHandler);\n\t// Set the initial styles for the notification\n\t$tw.utils.setStyle(notification,[\n\t\t{opacity: \"0\"},\n\t\t{transformOrigin: \"0% 0%\"},\n\t\t{transform: \"translateY(\" + (-window.innerHeight) + \"px)\"},\n\t\t{transition: \"opacity \" + duration + \"ms ease-out, \" + $tw.utils.roundTripPropertyName(\"transform\") + \" \" + duration + \"ms ease-in-out\"}\n\t]);\n\t// Add the notification to the DOM\n\tdocument.body.appendChild(notification);\n\t// Force layout\n\t$tw.utils.forceLayout(notification);\n\t// Set final animated styles\n\t$tw.utils.setStyle(notification,[\n\t\t{opacity: \"1.0\"},\n\t\t{transform: \"translateY(0px)\"}\n\t]);\n\t// Set a timer to remove the notification\n\twindow.setTimeout(function() {\n\t\t// Remove our change event handler\n\t\tself.wiki.removeEventListener(\"change\",refreshHandler);\n\t\t// Force layout and animate the notification away\n\t\t$tw.utils.forceLayout(notification);\n\t\t$tw.utils.setStyle(notification,[\n\t\t\t{opacity: \"0.0\"},\n\t\t\t{transform: \"translateX(\" + (notification.offsetWidth) + \"px)\"}\n\t\t]);\n\t\t// Remove the modal message from the DOM once the transition ends\n\t\tsetTimeout(function() {\n\t\t\tif(notification.parentNode) {\n\t\t\t\tdocument.body.removeChild(notification);\n\t\t\t}\n\t\t},duration);\n\t},$tw.config.preferences.notificationDuration);\n};\n\nexports.Notifier = Notifier;\n\n})();\n",
"title": "$:/core/modules/utils/dom/notifier.js",
"type": "application/javascript",
"module-type": "utils"
},
"$:/core/modules/utils/dom/popup.js": {
"text": "/*\\\ntitle: $:/core/modules/utils/dom/popup.js\ntype: application/javascript\nmodule-type: utils\n\nModule that creates a $tw.utils.Popup object prototype that manages popups in the browser\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nCreates a Popup object with these options:\n\trootElement: the DOM element to which the popup zapper should be attached\n*/\nvar Popup = function(options) {\n\toptions = options || {};\n\tthis.rootElement = options.rootElement || document.documentElement;\n\tthis.popups = []; // Array of {title:,wiki:,domNode:} objects\n};\n\n/*\nTrigger a popup open or closed. Parameters are in a hashmap:\n\ttitle: title of the tiddler where the popup details are stored\n\tdomNode: dom node to which the popup will be positioned\n\twiki: wiki\n\tforce: if specified, forces the popup state to true or false (instead of toggling it)\n*/\nPopup.prototype.triggerPopup = function(options) {\n\t// Check if this popup is already active\n\tvar index = -1;\n\tfor(var t=0; t<this.popups.length; t++) {\n\t\tif(this.popups[t].title === options.title) {\n\t\t\tindex = t;\n\t\t}\n\t}\n\t// Compute the new state\n\tvar state = index === -1;\n\tif(options.force !== undefined) {\n\t\tstate = options.force;\n\t}\n\t// Show or cancel the popup according to the new state\n\tif(state) {\n\t\tthis.show(options);\n\t} else {\n\t\tthis.cancel(index);\n\t}\n};\n\nPopup.prototype.handleEvent = function(event) {\n\tif(event.type === \"click\") {\n\t\t// Find out what was clicked on\n\t\tvar info = this.popupInfo(event.target),\n\t\t\tcancelLevel = info.popupLevel - 1;\n\t\t// Don't remove the level that was clicked on if we clicked on a handle\n\t\tif(info.isHandle) {\n\t\t\tcancelLevel++;\n\t\t}\n\t\t// Cancel\n\t\tthis.cancel(cancelLevel);\n\t}\n};\n\n/*\nFind the popup level containing a DOM node. Returns:\npopupLevel: count of the number of nested popups containing the specified element\nisHandle: true if the specified element is within a popup handle\n*/\nPopup.prototype.popupInfo = function(domNode) {\n\tvar isHandle = false,\n\t\tpopupCount = 0,\n\t\tnode = domNode;\n\t// First check ancestors to see if we're within a popup handle\n\twhile(node) {\n\t\tif($tw.utils.hasClass(node,\"tc-popup-handle\")) {\n\t\t\tisHandle = true;\n\t\t\tpopupCount++;\n\t\t}\n\t\tif($tw.utils.hasClass(node,\"tc-popup-keep\")) {\n\t\t\tisHandle = true;\n\t\t}\n\t\tnode = node.parentNode;\n\t}\n\t// Then count the number of ancestor popups\n\tnode = domNode;\n\twhile(node) {\n\t\tif($tw.utils.hasClass(node,\"tc-popup\")) {\n\t\t\tpopupCount++;\n\t\t}\n\t\tnode = node.parentNode;\n\t}\n\tvar info = {\n\t\tpopupLevel: popupCount,\n\t\tisHandle: isHandle\n\t};\n\treturn info;\n};\n\n/*\nDisplay a popup by adding it to the stack\n*/\nPopup.prototype.show = function(options) {\n\t// Find out what was clicked on\n\tvar info = this.popupInfo(options.domNode);\n\t// Cancel any higher level popups\n\tthis.cancel(info.popupLevel);\n\t// Store the popup details\n\tthis.popups.push({\n\t\ttitle: options.title,\n\t\twiki: options.wiki,\n\t\tdomNode: options.domNode\n\t});\n\t// Set the state tiddler\n\toptions.wiki.setTextReference(options.title,\n\t\t\t\"(\" + options.domNode.offsetLeft + \",\" + options.domNode.offsetTop + \",\" + \n\t\t\t\toptions.domNode.offsetWidth + \",\" + options.domNode.offsetHeight + \")\");\n\t// Add the click handler if we have any popups\n\tif(this.popups.length > 0) {\n\t\tthis.rootElement.addEventListener(\"click\",this,true);\t\t\n\t}\n};\n\n/*\nCancel all popups at or above a specified level or DOM node\nlevel: popup level to cancel (0 cancels all popups)\n*/\nPopup.prototype.cancel = function(level) {\n\tvar numPopups = this.popups.length;\n\tlevel = Math.max(0,Math.min(level,numPopups));\n\tfor(var t=level; t<numPopups; t++) {\n\t\tvar popup = this.popups.pop();\n\t\tif(popup.title) {\n\t\t\tpopup.wiki.deleteTiddler(popup.title);\n\t\t}\n\t}\n\tif(this.popups.length === 0) {\n\t\tthis.rootElement.removeEventListener(\"click\",this,false);\n\t}\n};\n\n/*\nReturns true if the specified title and text identifies an active popup\n*/\nPopup.prototype.readPopupState = function(text) {\n\tvar popupLocationRegExp = /^\\((-?[0-9\\.E]+),(-?[0-9\\.E]+),(-?[0-9\\.E]+),(-?[0-9\\.E]+)\\)$/;\n\treturn popupLocationRegExp.test(text);\n};\n\nexports.Popup = Popup;\n\n})();\n",
"title": "$:/core/modules/utils/dom/popup.js",
"type": "application/javascript",
"module-type": "utils"
},
"$:/core/modules/utils/dom/scroller.js": {
"text": "/*\\\ntitle: $:/core/modules/utils/dom/scroller.js\ntype: application/javascript\nmodule-type: utils\n\nModule that creates a $tw.utils.Scroller object prototype that manages scrolling in the browser\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nEvent handler for when the `tm-scroll` event hits the document body\n*/\nvar PageScroller = function() {\n\tthis.idRequestFrame = null;\n\tthis.requestAnimationFrame = window.requestAnimationFrame ||\n\t\twindow.webkitRequestAnimationFrame ||\n\t\twindow.mozRequestAnimationFrame ||\n\t\tfunction(callback) {\n\t\t\treturn window.setTimeout(callback, 1000/60);\n\t\t};\n\tthis.cancelAnimationFrame = window.cancelAnimationFrame ||\n\t\twindow.webkitCancelAnimationFrame ||\n\t\twindow.webkitCancelRequestAnimationFrame ||\n\t\twindow.mozCancelAnimationFrame ||\n\t\twindow.mozCancelRequestAnimationFrame ||\n\t\tfunction(id) {\n\t\t\twindow.clearTimeout(id);\n\t\t};\n};\n\nPageScroller.prototype.cancelScroll = function() {\n\tif(this.idRequestFrame) {\n\t\tthis.cancelAnimationFrame.call(window,this.idRequestFrame);\n\t\tthis.idRequestFrame = null;\n\t}\n};\n\n/*\nHandle an event\n*/\nPageScroller.prototype.handleEvent = function(event) {\n\tif(event.type === \"tm-scroll\") {\n\t\treturn this.scrollIntoView(event.target);\n\t}\n\treturn true;\n};\n\n/*\nHandle a scroll event hitting the page document\n*/\nPageScroller.prototype.scrollIntoView = function(element) {\n\tvar duration = $tw.utils.getAnimationDuration();\n\t// Now get ready to scroll the body\n\tthis.cancelScroll();\n\tthis.startTime = Date.now();\n\tvar scrollPosition = $tw.utils.getScrollPosition();\n\t// Get the client bounds of the element and adjust by the scroll position\n\tvar clientBounds = element.getBoundingClientRect(),\n\t\tbounds = {\n\t\t\tleft: clientBounds.left + scrollPosition.x,\n\t\t\ttop: clientBounds.top + scrollPosition.y,\n\t\t\twidth: clientBounds.width,\n\t\t\theight: clientBounds.height\n\t\t};\n\t// We'll consider the horizontal and vertical scroll directions separately via this function\n\t// targetPos/targetSize - position and size of the target element\n\t// currentPos/currentSize - position and size of the current scroll viewport\n\t// returns: new position of the scroll viewport\n\tvar getEndPos = function(targetPos,targetSize,currentPos,currentSize) {\n\t\t\tvar newPos = currentPos;\n\t\t\t// If the target is above/left of the current view, then scroll to it's top/left\n\t\t\tif(targetPos <= currentPos) {\n\t\t\t\tnewPos = targetPos;\n\t\t\t// If the target is smaller than the window and the scroll position is too far up, then scroll till the target is at the bottom of the window\n\t\t\t} else if(targetSize < currentSize && currentPos < (targetPos + targetSize - currentSize)) {\n\t\t\t\tnewPos = targetPos + targetSize - currentSize;\n\t\t\t// If the target is big, then just scroll to the top\n\t\t\t} else if(currentPos < targetPos) {\n\t\t\t\tnewPos = targetPos;\n\t\t\t// Otherwise, stay where we are\n\t\t\t} else {\n\t\t\t\tnewPos = currentPos;\n\t\t\t}\n\t\t\t// If we are scrolling within 50 pixels of the top/left then snap to zero\n\t\t\tif(newPos < 50) {\n\t\t\t\tnewPos = 0;\n\t\t\t}\n\t\t\treturn newPos;\n\t\t},\n\t\tendX = getEndPos(bounds.left,bounds.width,scrollPosition.x,window.innerWidth),\n\t\tendY = getEndPos(bounds.top,bounds.height,scrollPosition.y,window.innerHeight);\n\t// Only scroll if the position has changed\n\tif(endX !== scrollPosition.x || endY !== scrollPosition.y) {\n\t\tvar self = this,\n\t\t\tdrawFrame;\n\t\tdrawFrame = function () {\n\t\t\tvar t;\n\t\t\tif(duration <= 0) {\n\t\t\t\tt = 1;\n\t\t\t} else {\n\t\t\t\tt = ((Date.now()) - self.startTime) / duration;\t\n\t\t\t}\n\t\t\tif(t >= 1) {\n\t\t\t\tself.cancelScroll();\n\t\t\t\tt = 1;\n\t\t\t}\n\t\t\tt = $tw.utils.slowInSlowOut(t);\n\t\t\twindow.scrollTo(scrollPosition.x + (endX - scrollPosition.x) * t,scrollPosition.y + (endY - scrollPosition.y) * t);\n\t\t\tif(t < 1) {\n\t\t\t\tself.idRequestFrame = self.requestAnimationFrame.call(window,drawFrame);\n\t\t\t}\n\t\t};\n\t\tdrawFrame();\n\t}\n};\n\nexports.PageScroller = PageScroller;\n\n})();\n",
"title": "$:/core/modules/utils/dom/scroller.js",
"type": "application/javascript",
"module-type": "utils"
},
"$:/core/modules/utils/edition-info.js": {
"text": "/*\\\ntitle: $:/core/modules/utils/edition-info.js\ntype: application/javascript\nmodule-type: utils-node\n\nInformation about the available editions\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar fs = require(\"fs\"),\n\tpath = require(\"path\");\n\nvar editionInfo;\n\nexports.getEditionInfo = function() {\n\tif(!editionInfo) {\n\t\t// Enumerate the edition paths\n\t\tvar editionPaths = $tw.getLibraryItemSearchPaths($tw.config.editionsPath,$tw.config.editionsEnvVar);\n\t\teditionInfo = {};\n\t\tfor(var editionIndex=0; editionIndex<editionPaths.length; editionIndex++) {\n\t\t\tvar editionPath = editionPaths[editionIndex];\n\t\t\t// Enumerate the folders\n\t\t\tvar entries = fs.readdirSync(editionPath);\n\t\t\tfor(var entryIndex=0; entryIndex<entries.length; entryIndex++) {\n\t\t\t\tvar entry = entries[entryIndex];\n\t\t\t\t// Check if directories have a valid tiddlywiki.info\n\t\t\t\tif(!editionInfo[entry] && $tw.utils.isDirectory(path.resolve(editionPath,entry))) {\n\t\t\t\t\tvar info;\n\t\t\t\t\ttry {\n\t\t\t\t\t\tinfo = JSON.parse(fs.readFileSync(path.resolve(editionPath,entry,\"tiddlywiki.info\"),\"utf8\"));\n\t\t\t\t\t} catch(ex) {\n\t\t\t\t\t}\n\t\t\t\t\tif(info) {\n\t\t\t\t\t\teditionInfo[entry] = info;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\treturn editionInfo;\n};\n\n})();\n",
"title": "$:/core/modules/utils/edition-info.js",
"type": "application/javascript",
"module-type": "utils-node"
},
"$:/core/modules/utils/fakedom.js": {
"text": "/*\\\ntitle: $:/core/modules/utils/fakedom.js\ntype: application/javascript\nmodule-type: global\n\nA barebones implementation of DOM interfaces needed by the rendering mechanism.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n// Sequence number used to enable us to track objects for testing\nvar sequenceNumber = null;\n\nvar bumpSequenceNumber = function(object) {\n\tif(sequenceNumber !== null) {\n\t\tobject.sequenceNumber = sequenceNumber++;\n\t}\n};\n\nvar TW_TextNode = function(text) {\n\tbumpSequenceNumber(this);\n\tthis.textContent = text;\n};\n\nObject.defineProperty(TW_TextNode.prototype, \"formattedTextContent\", {\n\tget: function() {\n\t\treturn this.textContent.replace(/(\\r?\\n)/g,\"\");\n\t}\n});\n\nvar TW_Element = function(tag,namespace) {\n\tbumpSequenceNumber(this);\n\tthis.isTiddlyWikiFakeDom = true;\n\tthis.tag = tag;\n\tthis.attributes = {};\n\tthis.isRaw = false;\n\tthis.children = [];\n\tthis.style = {};\n\tthis.namespaceURI = namespace || \"http://www.w3.org/1999/xhtml\";\n};\n\nTW_Element.prototype.setAttribute = function(name,value) {\n\tif(this.isRaw) {\n\t\tthrow \"Cannot setAttribute on a raw TW_Element\";\n\t}\n\tthis.attributes[name] = value;\n};\n\nTW_Element.prototype.setAttributeNS = function(namespace,name,value) {\n\tthis.setAttribute(name,value);\n};\n\nTW_Element.prototype.removeAttribute = function(name) {\n\tif(this.isRaw) {\n\t\tthrow \"Cannot removeAttribute on a raw TW_Element\";\n\t}\n\tif($tw.utils.hop(this.attributes,name)) {\n\t\tdelete this.attributes[name];\n\t}\n};\n\nTW_Element.prototype.appendChild = function(node) {\n\tthis.children.push(node);\n\tnode.parentNode = this;\n};\n\nTW_Element.prototype.insertBefore = function(node,nextSibling) {\n\tif(nextSibling) {\n\t\tvar p = this.children.indexOf(nextSibling);\n\t\tif(p !== -1) {\n\t\t\tthis.children.splice(p,0,node);\n\t\t\tnode.parentNode = this;\n\t\t} else {\n\t\t\tthis.appendChild(node);\n\t\t}\n\t} else {\n\t\tthis.appendChild(node);\n\t}\n};\n\nTW_Element.prototype.removeChild = function(node) {\n\tvar p = this.children.indexOf(node);\n\tif(p !== -1) {\n\t\tthis.children.splice(p,1);\n\t}\n};\n\nTW_Element.prototype.hasChildNodes = function() {\n\treturn !!this.children.length;\n};\n\nObject.defineProperty(TW_Element.prototype, \"firstChild\", {\n\tget: function() {\n\t\treturn this.children[0];\n\t}\n});\n\nTW_Element.prototype.addEventListener = function(type,listener,useCapture) {\n\t// Do nothing\n};\n\nObject.defineProperty(TW_Element.prototype, \"className\", {\n\tget: function() {\n\t\treturn this.attributes[\"class\"] || \"\";\n\t},\n\tset: function(value) {\n\t\tthis.attributes[\"class\"] = value;\n\t}\n});\n\nObject.defineProperty(TW_Element.prototype, \"value\", {\n\tget: function() {\n\t\treturn this.attributes.value || \"\";\n\t},\n\tset: function(value) {\n\t\tthis.attributes.value = value;\n\t}\n});\n\nObject.defineProperty(TW_Element.prototype, \"outerHTML\", {\n\tget: function() {\n\t\tvar output = [],attr,a,v;\n\t\toutput.push(\"<\",this.tag);\n\t\tif(this.attributes) {\n\t\t\tattr = [];\n\t\t\tfor(a in this.attributes) {\n\t\t\t\tattr.push(a);\n\t\t\t}\n\t\t\tattr.sort();\n\t\t\tfor(a=0; a<attr.length; a++) {\n\t\t\t\tv = this.attributes[attr[a]];\n\t\t\t\tif(v !== undefined) {\n\t\t\t\t\toutput.push(\" \",attr[a],\"=\\\"\",$tw.utils.htmlEncode(v),\"\\\"\");\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\tif(this.style) {\n\t\t\tvar style = [];\n\t\t\tfor(var s in this.style) {\n\t\t\t\tstyle.push(s + \":\" + this.style[s] + \";\");\n\t\t\t}\n\t\t\tif(style.length > 0) {\n\t\t\t\toutput.push(\" style=\\\"\",style.join(\"\"),\"\\\"\")\n\t\t\t}\n\t\t}\n\t\toutput.push(\">\");\n\t\tif($tw.config.htmlVoidElements.indexOf(this.tag) === -1) {\n\t\t\toutput.push(this.innerHTML);\n\t\t\toutput.push(\"</\",this.tag,\">\");\n\t\t}\n\t\treturn output.join(\"\");\n\t}\n});\n\nObject.defineProperty(TW_Element.prototype, \"innerHTML\", {\n\tget: function() {\n\t\tif(this.isRaw) {\n\t\t\treturn this.rawHTML;\n\t\t} else {\n\t\t\tvar b = [];\n\t\t\t$tw.utils.each(this.children,function(node) {\n\t\t\t\tif(node instanceof TW_Element) {\n\t\t\t\t\tb.push(node.outerHTML);\n\t\t\t\t} else if(node instanceof TW_TextNode) {\n\t\t\t\t\tb.push($tw.utils.htmlEncode(node.textContent));\n\t\t\t\t}\n\t\t\t});\n\t\t\treturn b.join(\"\");\n\t\t}\n\t},\n\tset: function(value) {\n\t\tthis.isRaw = true;\n\t\tthis.rawHTML = value;\n\t}\n});\n\nObject.defineProperty(TW_Element.prototype, \"textContent\", {\n\tget: function() {\n\t\tif(this.isRaw) {\n\t\t\tthrow \"Cannot get textContent on a raw TW_Element\";\n\t\t} else {\n\t\t\tvar b = [];\n\t\t\t$tw.utils.each(this.children,function(node) {\n\t\t\t\tb.push(node.textContent);\n\t\t\t});\n\t\t\treturn b.join(\"\");\n\t\t}\n\t},\n\tset: function(value) {\n\t\tthis.children = [new TW_TextNode(value)];\n\t}\n});\n\nObject.defineProperty(TW_Element.prototype, \"formattedTextContent\", {\n\tget: function() {\n\t\tif(this.isRaw) {\n\t\t\tthrow \"Cannot get formattedTextContent on a raw TW_Element\";\n\t\t} else {\n\t\t\tvar b = [],\n\t\t\t\tisBlock = $tw.config.htmlBlockElements.indexOf(this.tag) !== -1;\n\t\t\tif(isBlock) {\n\t\t\t\tb.push(\"\\n\");\n\t\t\t}\n\t\t\tif(this.tag === \"li\") {\n\t\t\t\tb.push(\"* \");\n\t\t\t}\n\t\t\t$tw.utils.each(this.children,function(node) {\n\t\t\t\tb.push(node.formattedTextContent);\n\t\t\t});\n\t\t\tif(isBlock) {\n\t\t\t\tb.push(\"\\n\");\n\t\t\t}\n\t\t\treturn b.join(\"\");\n\t\t}\n\t}\n});\n\nvar document = {\n\tsetSequenceNumber: function(value) {\n\t\tsequenceNumber = value;\n\t},\n\tcreateElementNS: function(namespace,tag) {\n\t\treturn new TW_Element(tag,namespace);\n\t},\n\tcreateElement: function(tag) {\n\t\treturn new TW_Element(tag);\n\t},\n\tcreateTextNode: function(text) {\n\t\treturn new TW_TextNode(text);\n\t},\n\tcompatMode: \"CSS1Compat\", // For KaTeX to know that we're not a browser in quirks mode\n\tisTiddlyWikiFakeDom: true\n};\n\nexports.fakeDocument = document;\n\n})();\n",
"title": "$:/core/modules/utils/fakedom.js",
"type": "application/javascript",
"module-type": "global"
},
"$:/core/modules/utils/filesystem.js": {
"text": "/*\\\ntitle: $:/core/modules/utils/filesystem.js\ntype: application/javascript\nmodule-type: utils-node\n\nFile system utilities\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar fs = require(\"fs\"),\n\tpath = require(\"path\");\n\n/*\nRecursively (and synchronously) copy a directory and all its content\n*/\nexports.copyDirectory = function(srcPath,dstPath) {\n\t// Remove any trailing path separators\n\tsrcPath = $tw.utils.removeTrailingSeparator(srcPath);\n\tdstPath = $tw.utils.removeTrailingSeparator(dstPath);\n\t// Create the destination directory\n\tvar err = $tw.utils.createDirectory(dstPath);\n\tif(err) {\n\t\treturn err;\n\t}\n\t// Function to copy a folder full of files\n\tvar copy = function(srcPath,dstPath) {\n\t\tvar srcStats = fs.lstatSync(srcPath),\n\t\t\tdstExists = fs.existsSync(dstPath);\n\t\tif(srcStats.isFile()) {\n\t\t\t$tw.utils.copyFile(srcPath,dstPath);\n\t\t} else if(srcStats.isDirectory()) {\n\t\t\tvar items = fs.readdirSync(srcPath);\n\t\t\tfor(var t=0; t<items.length; t++) {\n\t\t\t\tvar item = items[t],\n\t\t\t\t\terr = copy(srcPath + path.sep + item,dstPath + path.sep + item);\n\t\t\t\tif(err) {\n\t\t\t\t\treturn err;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t};\n\tcopy(srcPath,dstPath);\n\treturn null;\n};\n\n/*\nCopy a file\n*/\nvar FILE_BUFFER_LENGTH = 64 * 1024,\n\tfileBuffer;\n\nexports.copyFile = function(srcPath,dstPath) {\n\t// Create buffer if required\n\tif(!fileBuffer) {\n\t\tfileBuffer = new Buffer(FILE_BUFFER_LENGTH);\n\t}\n\t// Create any directories in the destination\n\t$tw.utils.createDirectory(path.dirname(dstPath));\n\t// Copy the file\n\tvar srcFile = fs.openSync(srcPath,\"r\"),\n\t\tdstFile = fs.openSync(dstPath,\"w\"),\n\t\tbytesRead = 1,\n\t\tpos = 0;\n\twhile (bytesRead > 0) {\n\t\tbytesRead = fs.readSync(srcFile,fileBuffer,0,FILE_BUFFER_LENGTH,pos);\n\t\tfs.writeSync(dstFile,fileBuffer,0,bytesRead);\n\t\tpos += bytesRead;\n\t}\n\tfs.closeSync(srcFile);\n\tfs.closeSync(dstFile);\n\treturn null;\n};\n\n/*\nRemove trailing path separator\n*/\nexports.removeTrailingSeparator = function(dirPath) {\n\tvar len = dirPath.length;\n\tif(dirPath.charAt(len-1) === path.sep) {\n\t\tdirPath = dirPath.substr(0,len-1);\n\t}\n\treturn dirPath;\n};\n\n/*\nRecursively create a directory\n*/\nexports.createDirectory = function(dirPath) {\n\tif(dirPath.substr(dirPath.length-1,1) !== path.sep) {\n\t\tdirPath = dirPath + path.sep;\n\t}\n\tvar pos = 1;\n\tpos = dirPath.indexOf(path.sep,pos);\n\twhile(pos !== -1) {\n\t\tvar subDirPath = dirPath.substr(0,pos);\n\t\tif(!$tw.utils.isDirectory(subDirPath)) {\n\t\t\ttry {\n\t\t\t\tfs.mkdirSync(subDirPath);\n\t\t\t} catch(e) {\n\t\t\t\treturn \"Error creating directory '\" + subDirPath + \"'\";\n\t\t\t}\n\t\t}\n\t\tpos = dirPath.indexOf(path.sep,pos + 1);\n\t}\n\treturn null;\n};\n\n/*\nRecursively create directories needed to contain a specified file\n*/\nexports.createFileDirectories = function(filePath) {\n\treturn $tw.utils.createDirectory(path.dirname(filePath));\n};\n\n/*\nRecursively delete a directory\n*/\nexports.deleteDirectory = function(dirPath) {\n\tif(fs.existsSync(dirPath)) {\n\t\tvar entries = fs.readdirSync(dirPath);\n\t\tfor(var entryIndex=0; entryIndex<entries.length; entryIndex++) {\n\t\t\tvar currPath = dirPath + path.sep + entries[entryIndex];\n\t\t\tif(fs.lstatSync(currPath).isDirectory()) {\n\t\t\t\t$tw.utils.deleteDirectory(currPath);\n\t\t\t} else {\n\t\t\t\tfs.unlinkSync(currPath);\n\t\t\t}\n\t\t}\n\tfs.rmdirSync(dirPath);\n\t}\n\treturn null;\n};\n\n/*\nCheck if a path identifies a directory\n*/\nexports.isDirectory = function(dirPath) {\n\treturn fs.existsSync(dirPath) && fs.statSync(dirPath).isDirectory();\n};\n\n/*\nCheck if a path identifies a directory that is empty\n*/\nexports.isDirectoryEmpty = function(dirPath) {\n\tif(!$tw.utils.isDirectory(dirPath)) {\n\t\treturn false;\n\t}\n\tvar files = fs.readdirSync(dirPath),\n\t\tempty = true;\n\t$tw.utils.each(files,function(file,index) {\n\t\tif(file.charAt(0) !== \".\") {\n\t\t\tempty = false;\n\t\t}\n\t});\n\treturn empty;\n};\n\n})();\n",
"title": "$:/core/modules/utils/filesystem.js",
"type": "application/javascript",
"module-type": "utils-node"
},
"$:/core/modules/utils/logger.js": {
"text": "/*\\\ntitle: $:/core/modules/utils/logger.js\ntype: application/javascript\nmodule-type: utils\n\nA basic logging implementation\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar ALERT_TAG = \"$:/tags/Alert\";\n\n/*\nMake a new logger\n*/\nfunction Logger(componentName) {\n\tthis.componentName = componentName || \"\";\n}\n\n/*\nLog a message\n*/\nLogger.prototype.log = function(/* args */) {\n\tif(console !== undefined && console.log !== undefined) {\n\t\treturn Function.apply.call(console.log, console, [this.componentName + \":\"].concat(Array.prototype.slice.call(arguments,0)));\n\t}\n};\n\n/*\nAlert a message\n*/\nLogger.prototype.alert = function(/* args */) {\n\t// Prepare the text of the alert\n\tvar text = Array.prototype.join.call(arguments,\" \");\n\t// Create alert tiddlers in the browser\n\tif($tw.browser) {\n\t\t// Check if there is an existing alert with the same text and the same component\n\t\tvar existingAlerts = $tw.wiki.getTiddlersWithTag(ALERT_TAG),\n\t\t\talertFields,\n\t\t\texistingCount,\n\t\t\tself = this;\n\t\t$tw.utils.each(existingAlerts,function(title) {\n\t\t\tvar tiddler = $tw.wiki.getTiddler(title);\n\t\t\tif(tiddler.fields.text === text && tiddler.fields.component === self.componentName && tiddler.fields.modified && (!alertFields || tiddler.fields.modified < alertFields.modified)) {\n\t\t\t\t\talertFields = $tw.utils.extend({},tiddler.fields);\n\t\t\t}\n\t\t});\n\t\tif(alertFields) {\n\t\t\texistingCount = alertFields.count || 1;\n\t\t} else {\n\t\t\talertFields = {\n\t\t\t\ttitle: $tw.wiki.generateNewTitle(\"$:/temp/alerts/alert\",{prefix: \"\"}),\n\t\t\t\ttext: text,\n\t\t\t\ttags: [ALERT_TAG],\n\t\t\t\tcomponent: this.componentName\n\t\t\t};\n\t\t\texistingCount = 0;\n\t\t}\n\t\talertFields.modified = new Date();\n\t\tif(++existingCount > 1) {\n\t\t\talertFields.count = existingCount;\n\t\t} else {\n\t\t\talertFields.count = undefined;\n\t\t}\n\t\t$tw.wiki.addTiddler(new $tw.Tiddler(alertFields));\n\t\t// Log the alert as well\n\t\tthis.log.apply(this,Array.prototype.slice.call(arguments,0));\n\t} else {\n\t\t// Print an orange message to the console if not in the browser\n\t\tconsole.error(\"\\x1b[1;33m\" + text + \"\\x1b[0m\");\n\t}\n};\n\nexports.Logger = Logger;\n\n})();\n",
"title": "$:/core/modules/utils/logger.js",
"type": "application/javascript",
"module-type": "utils"
},
"$:/core/modules/utils/parsetree.js": {
"text": "/*\\\ntitle: $:/core/modules/utils/parsetree.js\ntype: application/javascript\nmodule-type: utils\n\nParse tree utility functions.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nexports.addAttributeToParseTreeNode = function(node,name,value) {\n\tnode.attributes = node.attributes || {};\n\tnode.attributes[name] = {type: \"string\", value: value};\n};\n\nexports.getAttributeValueFromParseTreeNode = function(node,name,defaultValue) {\n\tif(node.attributes && node.attributes[name] && node.attributes[name].value !== undefined) {\n\t\treturn node.attributes[name].value;\n\t}\n\treturn defaultValue;\n};\n\nexports.addClassToParseTreeNode = function(node,classString) {\n\tvar classes = [];\n\tnode.attributes = node.attributes || {};\n\tnode.attributes[\"class\"] = node.attributes[\"class\"] || {type: \"string\", value: \"\"};\n\tif(node.attributes[\"class\"].type === \"string\") {\n\t\tif(node.attributes[\"class\"].value !== \"\") {\n\t\t\tclasses = node.attributes[\"class\"].value.split(\" \");\n\t\t}\n\t\tif(classString !== \"\") {\n\t\t\t$tw.utils.pushTop(classes,classString.split(\" \"));\n\t\t}\n\t\tnode.attributes[\"class\"].value = classes.join(\" \");\n\t}\n};\n\nexports.addStyleToParseTreeNode = function(node,name,value) {\n\t\tnode.attributes = node.attributes || {};\n\t\tnode.attributes.style = node.attributes.style || {type: \"string\", value: \"\"};\n\t\tif(node.attributes.style.type === \"string\") {\n\t\t\tnode.attributes.style.value += name + \":\" + value + \";\";\n\t\t}\n};\n\nexports.findParseTreeNode = function(nodeArray,search) {\n\tfor(var t=0; t<nodeArray.length; t++) {\n\t\tif(nodeArray[t].type === search.type && nodeArray[t].tag === search.tag) {\n\t\t\treturn nodeArray[t];\n\t\t}\n\t}\n\treturn undefined;\n};\n\n})();\n",
"title": "$:/core/modules/utils/parsetree.js",
"type": "application/javascript",
"module-type": "utils"
},
"$:/core/modules/utils/performance.js": {
"text": "/*\\\ntitle: $:/core/modules/utils/performance.js\ntype: application/javascript\nmodule-type: global\n\nPerformance measurement.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nfunction Performance(enabled) {\n\tthis.enabled = !!enabled;\n\tthis.measures = {}; // Hashmap of current values of measurements\n\tthis.logger = new $tw.utils.Logger(\"performance\");\n}\n\n/*\nWrap performance reporting around a top level function\n*/\nPerformance.prototype.report = function(name,fn) {\n\tvar self = this;\n\tif(this.enabled) {\n\t\treturn function() {\n\t\t\tself.measures = {};\n\t\t\tvar startTime = $tw.utils.timer(),\n\t\t\t\tresult = fn.apply(this,arguments);\n\t\t\tself.logger.log(name + \": \" + $tw.utils.timer(startTime) + \"ms\");\n\t\t\tfor(var m in self.measures) {\n\t\t\t\tself.logger.log(\"+\" + m + \": \" + self.measures[m] + \"ms\");\n\t\t\t}\n\t\t\treturn result;\n\t\t};\n\t} else {\n\t\treturn fn;\n\t}\n};\n\n/*\nWrap performance measurements around a subfunction\n*/\nPerformance.prototype.measure = function(name,fn) {\n\tvar self = this;\n\tif(this.enabled) {\n\t\treturn function() {\n\t\t\tvar startTime = $tw.utils.timer(),\n\t\t\t\tresult = fn.apply(this,arguments),\n\t\t\t\tvalue = self.measures[name] || 0;\n\t\t\tself.measures[name] = value + $tw.utils.timer(startTime);\n\t\t\treturn result;\n\t\t};\n\t} else {\n\t\treturn fn;\n\t}\n};\n\nexports.Performance = Performance;\n\n})();\n",
"title": "$:/core/modules/utils/performance.js",
"type": "application/javascript",
"module-type": "global"
},
"$:/core/modules/utils/pluginmaker.js": {
"text": "/*\\\ntitle: $:/core/modules/utils/pluginmaker.js\ntype: application/javascript\nmodule-type: utils\n\nA quick and dirty way to pack up plugins within the browser.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nRepack a plugin, and then delete any non-shadow payload tiddlers\n*/\nexports.repackPlugin = function(title,additionalTiddlers,excludeTiddlers) {\n\tadditionalTiddlers = additionalTiddlers || [];\n\texcludeTiddlers = excludeTiddlers || [];\n\t// Get the plugin tiddler\n\tvar pluginTiddler = $tw.wiki.getTiddler(title);\n\tif(!pluginTiddler) {\n\t\tthrow \"No such tiddler as \" + title;\n\t}\n\t// Extract the JSON\n\tvar jsonPluginTiddler;\n\ttry {\n\t\tjsonPluginTiddler = JSON.parse(pluginTiddler.fields.text);\n\t} catch(e) {\n\t\tthrow \"Cannot parse plugin tiddler \" + title + \"\\nError: \" + e;\n\t}\n\t// Get the list of tiddlers\n\tvar tiddlers = Object.keys(jsonPluginTiddler.tiddlers);\n\t// Add the additional tiddlers\n\t$tw.utils.pushTop(tiddlers,additionalTiddlers);\n\t// Remove any excluded tiddlers\n\tfor(var t=tiddlers.length-1; t>=0; t--) {\n\t\tif(excludeTiddlers.indexOf(tiddlers[t]) !== -1) {\n\t\t\ttiddlers.splice(t,1);\n\t\t}\n\t}\n\t// Pack up the tiddlers into a block of JSON\n\tvar plugins = {};\n\t$tw.utils.each(tiddlers,function(title) {\n\t\tvar tiddler = $tw.wiki.getTiddler(title),\n\t\t\tfields = {};\n\t\t$tw.utils.each(tiddler.fields,function (value,name) {\n\t\t\tfields[name] = tiddler.getFieldString(name);\n\t\t});\n\t\tplugins[title] = fields;\n\t});\n\t// Retrieve and bump the version number\n\tvar pluginVersion = $tw.utils.parseVersion(pluginTiddler.getFieldString(\"version\") || \"0.0.0\") || {\n\t\t\tmajor: \"0\",\n\t\t\tminor: \"0\",\n\t\t\tpatch: \"0\"\n\t\t};\n\tpluginVersion.patch++;\n\tvar version = pluginVersion.major + \".\" + pluginVersion.minor + \".\" + pluginVersion.patch;\n\tif(pluginVersion.prerelease) {\n\t\tversion += \"-\" + pluginVersion.prerelease;\n\t}\n\tif(pluginVersion.build) {\n\t\tversion += \"+\" + pluginVersion.build;\n\t}\n\t// Save the tiddler\n\t$tw.wiki.addTiddler(new $tw.Tiddler(pluginTiddler,{text: JSON.stringify({tiddlers: plugins},null,4), version: version}));\n\t// Delete any non-shadow constituent tiddlers\n\t$tw.utils.each(tiddlers,function(title) {\n\t\tif($tw.wiki.tiddlerExists(title)) {\n\t\t\t$tw.wiki.deleteTiddler(title);\n\t\t}\n\t});\n\t// Trigger an autosave\n\t$tw.rootWidget.dispatchEvent({type: \"tm-auto-save-wiki\"});\n\t// Return a heartwarming confirmation\n\treturn \"Plugin \" + title + \" successfully saved\";\n};\n\n})();\n",
"title": "$:/core/modules/utils/pluginmaker.js",
"type": "application/javascript",
"module-type": "utils"
},
"$:/core/modules/utils/utils.js": {
"text": "/*\\\ntitle: $:/core/modules/utils/utils.js\ntype: application/javascript\nmodule-type: utils\n\nVarious static utility functions.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nDisplay a warning, in colour if we're on a terminal\n*/\nexports.warning = function(text) {\n\tconsole.log($tw.node ? \"\\x1b[1;33m\" + text + \"\\x1b[0m\" : text);\n}\n\n/*\nTrim whitespace from the start and end of a string\nThanks to Steven Levithan, http://blog.stevenlevithan.com/archives/faster-trim-javascript\n*/\nexports.trim = function(str) {\n\tif(typeof str === \"string\") {\n\t\treturn str.replace(/^\\s\\s*/, '').replace(/\\s\\s*$/, '');\n\t} else {\n\t\treturn str;\n\t}\n};\n\n/*\nReturn the number of keys in an object\n*/\nexports.count = function(object) {\n\tvar s = 0;\n\t$tw.utils.each(object,function() {s++;});\n\treturn s;\n};\n\n/*\nCheck if an array is equal by value and by reference.\n*/\nexports.isArrayEqual = function(array1,array2) {\n\tif(array1 === array2) {\n\t\treturn true;\n\t}\n\tarray1 = array1 || [];\n\tarray2 = array2 || [];\n\tif(array1.length !== array2.length) {\n\t\treturn false;\n\t}\n\treturn array1.every(function(value,index) {\n\t\treturn value === array2[index];\n\t});\n};\n\n/*\nPush entries onto an array, removing them first if they already exist in the array\n\tarray: array to modify (assumed to be free of duplicates)\n\tvalue: a single value to push or an array of values to push\n*/\nexports.pushTop = function(array,value) {\n\tvar t,p;\n\tif($tw.utils.isArray(value)) {\n\t\t// Remove any array entries that are duplicated in the new values\n\t\tif(value.length !== 0) {\n\t\t\tif(array.length !== 0) {\n\t\t\t\tif(value.length < array.length) {\n\t\t\t\t\tfor(t=0; t<value.length; t++) {\n\t\t\t\t\t\tp = array.indexOf(value[t]);\n\t\t\t\t\t\tif(p !== -1) {\n\t\t\t\t\t\t\tarray.splice(p,1);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tfor(t=array.length-1; t>=0; t--) {\n\t\t\t\t\t\tp = value.indexOf(array[t]);\n\t\t\t\t\t\tif(p !== -1) {\n\t\t\t\t\t\t\tarray.splice(t,1);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t// Push the values on top of the main array\n\t\t\tarray.push.apply(array,value);\n\t\t}\n\t} else {\n\t\tp = array.indexOf(value);\n\t\tif(p !== -1) {\n\t\t\tarray.splice(p,1);\n\t\t}\n\t\tarray.push(value);\n\t}\n\treturn array;\n};\n\n/*\nRemove entries from an array\n\tarray: array to modify\n\tvalue: a single value to remove, or an array of values to remove\n*/\nexports.removeArrayEntries = function(array,value) {\n\tvar t,p;\n\tif($tw.utils.isArray(value)) {\n\t\tfor(t=0; t<value.length; t++) {\n\t\t\tp = array.indexOf(value[t]);\n\t\t\tif(p !== -1) {\n\t\t\t\tarray.splice(p,1);\n\t\t\t}\n\t\t}\n\t} else {\n\t\tp = array.indexOf(value);\n\t\tif(p !== -1) {\n\t\t\tarray.splice(p,1);\n\t\t}\n\t}\n};\n\n/*\nCheck whether any members of a hashmap are present in another hashmap\n*/\nexports.checkDependencies = function(dependencies,changes) {\n\tvar hit = false;\n\t$tw.utils.each(changes,function(change,title) {\n\t\tif($tw.utils.hop(dependencies,title)) {\n\t\t\thit = true;\n\t\t}\n\t});\n\treturn hit;\n};\n\nexports.extend = function(object /* [, src] */) {\n\t$tw.utils.each(Array.prototype.slice.call(arguments, 1), function(source) {\n\t\tif(source) {\n\t\t\tfor(var property in source) {\n\t\t\t\tobject[property] = source[property];\n\t\t\t}\n\t\t}\n\t});\n\treturn object;\n};\n\nexports.deepCopy = function(object) {\n\tvar result,t;\n\tif($tw.utils.isArray(object)) {\n\t\t// Copy arrays\n\t\tresult = object.slice(0);\n\t} else if(typeof object === \"object\") {\n\t\tresult = {};\n\t\tfor(t in object) {\n\t\t\tif(object[t] !== undefined) {\n\t\t\t\tresult[t] = $tw.utils.deepCopy(object[t]);\n\t\t\t}\n\t\t}\n\t} else {\n\t\tresult = object;\n\t}\n\treturn result;\n};\n\nexports.extendDeepCopy = function(object,extendedProperties) {\n\tvar result = $tw.utils.deepCopy(object),t;\n\tfor(t in extendedProperties) {\n\t\tif(extendedProperties[t] !== undefined) {\n\t\t\tresult[t] = $tw.utils.deepCopy(extendedProperties[t]);\n\t\t}\n\t}\n\treturn result;\n};\n\nexports.slowInSlowOut = function(t) {\n\treturn (1 - ((Math.cos(t * Math.PI) + 1) / 2));\n};\n\nexports.formatDateString = function(date,template) {\n\tvar result = \"\",\n\t\tt = template,\n\t\tmatches = [\n\t\t\t[/^0hh12/, function() {\n\t\t\t\treturn $tw.utils.pad($tw.utils.getHours12(date));\n\t\t\t}],\n\t\t\t[/^wYYYY/, function() {\n\t\t\t\treturn $tw.utils.getYearForWeekNo(date);\n\t\t\t}],\n\t\t\t[/^hh12/, function() {\n\t\t\t\treturn $tw.utils.getHours12(date);\n\t\t\t}],\n\t\t\t[/^DDth/, function() {\n\t\t\t\treturn date.getDate() + $tw.utils.getDaySuffix(date);\n\t\t\t}],\n\t\t\t[/^YYYY/, function() {\n\t\t\t\treturn date.getFullYear();\n\t\t\t}],\n\t\t\t[/^0hh/, function() {\n\t\t\t\treturn $tw.utils.pad(date.getHours());\n\t\t\t}],\n\t\t\t[/^0mm/, function() {\n\t\t\t\treturn $tw.utils.pad(date.getMinutes());\n\t\t\t}],\n\t\t\t[/^0ss/, function() {\n\t\t\t\treturn $tw.utils.pad(date.getSeconds());\n\t\t\t}],\n\t\t\t[/^0DD/, function() {\n\t\t\t\treturn $tw.utils.pad(date.getDate());\n\t\t\t}],\n\t\t\t[/^0MM/, function() {\n\t\t\t\treturn $tw.utils.pad(date.getMonth()+1);\n\t\t\t}],\n\t\t\t[/^0WW/, function() {\n\t\t\t\treturn $tw.utils.pad($tw.utils.getWeek(date));\n\t\t\t}],\n\t\t\t[/^ddd/, function() {\n\t\t\t\treturn $tw.language.getString(\"Date/Short/Day/\" + date.getDay());\n\t\t\t}],\n\t\t\t[/^mmm/, function() {\n\t\t\t\treturn $tw.language.getString(\"Date/Short/Month/\" + (date.getMonth() + 1));\n\t\t\t}],\n\t\t\t[/^DDD/, function() {\n\t\t\t\treturn $tw.language.getString(\"Date/Long/Day/\" + date.getDay());\n\t\t\t}],\n\t\t\t[/^MMM/, function() {\n\t\t\t\treturn $tw.language.getString(\"Date/Long/Month/\" + (date.getMonth() + 1));\n\t\t\t}],\n\t\t\t[/^TZD/, function() {\n\t\t\t\tvar tz = date.getTimezoneOffset(),\n\t\t\t\tatz = Math.abs(tz);\n\t\t\t\treturn (tz < 0 ? '+' : '-') + $tw.utils.pad(Math.floor(atz / 60)) + ':' + $tw.utils.pad(atz % 60);\n\t\t\t}],\n\t\t\t[/^wYY/, function() {\n\t\t\t\treturn $tw.utils.pad($tw.utils.getYearForWeekNo(date) - 2000);\n\t\t\t}],\n\t\t\t[/^[ap]m/, function() {\n\t\t\t\treturn $tw.utils.getAmPm(date).toLowerCase();\n\t\t\t}],\n\t\t\t[/^hh/, function() {\n\t\t\t\treturn date.getHours();\n\t\t\t}],\n\t\t\t[/^mm/, function() {\n\t\t\t\treturn date.getMinutes();\n\t\t\t}],\n\t\t\t[/^ss/, function() {\n\t\t\t\treturn date.getSeconds();\n\t\t\t}],\n\t\t\t[/^[AP]M/, function() {\n\t\t\t\treturn $tw.utils.getAmPm(date).toUpperCase();\n\t\t\t}],\n\t\t\t[/^DD/, function() {\n\t\t\t\treturn date.getDate();\n\t\t\t}],\n\t\t\t[/^MM/, function() {\n\t\t\t\treturn date.getMonth() + 1;\n\t\t\t}],\n\t\t\t[/^WW/, function() {\n\t\t\t\treturn $tw.utils.getWeek(date);\n\t\t\t}],\n\t\t\t[/^YY/, function() {\n\t\t\t\treturn $tw.utils.pad(date.getFullYear() - 2000);\n\t\t\t}]\n\t\t];\n\twhile(t.length){\n\t\tvar matchString = \"\";\n\t\t$tw.utils.each(matches, function(m) {\n\t\t\tvar match = m[0].exec(t);\n\t\t\tif(match) {\n\t\t\t\tmatchString = m[1].call();\n\t\t\t\tt = t.substr(match[0].length);\n\t\t\t\treturn false;\n\t\t\t}\n\t\t});\n\t\tif(matchString) {\n\t\t\tresult += matchString;\n\t\t} else {\n\t\t\tresult += t.charAt(0);\n\t\t\tt = t.substr(1);\n\t\t}\n\t}\n\tresult = result.replace(/\\\\(.)/g,\"$1\");\n\treturn result;\n};\n\nexports.getAmPm = function(date) {\n\treturn $tw.language.getString(\"Date/Period/\" + (date.getHours() >= 12 ? \"pm\" : \"am\"));\n};\n\nexports.getDaySuffix = function(date) {\n\treturn $tw.language.getString(\"Date/DaySuffix/\" + date.getDate());\n};\n\nexports.getWeek = function(date) {\n\tvar dt = new Date(date.getTime());\n\tvar d = dt.getDay();\n\tif(d === 0) {\n\t\td = 7; // JavaScript Sun=0, ISO Sun=7\n\t}\n\tdt.setTime(dt.getTime() + (4 - d) * 86400000);// shift day to Thurs of same week to calculate weekNo\n\tvar n = Math.floor((dt.getTime()-new Date(dt.getFullYear(),0,1) + 3600000) / 86400000);\n\treturn Math.floor(n / 7) + 1;\n};\n\nexports.getYearForWeekNo = function(date) {\n\tvar dt = new Date(date.getTime());\n\tvar d = dt.getDay();\n\tif(d === 0) {\n\t\td = 7; // JavaScript Sun=0, ISO Sun=7\n\t}\n\tdt.setTime(dt.getTime() + (4 - d) * 86400000);// shift day to Thurs of same week\n\treturn dt.getFullYear();\n};\n\nexports.getHours12 = function(date) {\n\tvar h = date.getHours();\n\treturn h > 12 ? h-12 : ( h > 0 ? h : 12 );\n};\n\n/*\nConvert a date delta in milliseconds into a string representation of \"23 seconds ago\", \"27 minutes ago\" etc.\n\tdelta: delta in milliseconds\nReturns an object with these members:\n\tdescription: string describing the delta period\n\tupdatePeriod: time in millisecond until the string will be inaccurate\n*/\nexports.getRelativeDate = function(delta) {\n\tvar futurep = false;\n\tif(delta < 0) {\n\t\tdelta = -1 * delta;\n\t\tfuturep = true;\n\t}\n\tvar units = [\n\t\t{name: \"Years\", duration: 365 * 24 * 60 * 60 * 1000},\n\t\t{name: \"Months\", duration: (365/12) * 24 * 60 * 60 * 1000},\n\t\t{name: \"Days\", duration: 24 * 60 * 60 * 1000},\n\t\t{name: \"Hours\", duration: 60 * 60 * 1000},\n\t\t{name: \"Minutes\", duration: 60 * 1000},\n\t\t{name: \"Seconds\", duration: 1000}\n\t];\n\tfor(var t=0; t<units.length; t++) {\n\t\tvar result = Math.floor(delta / units[t].duration);\n\t\tif(result >= 2) {\n\t\t\treturn {\n\t\t\t\tdelta: delta,\n\t\t\t\tdescription: $tw.language.getString(\n\t\t\t\t\t\"RelativeDate/\" + (futurep ? \"Future\" : \"Past\") + \"/\" + units[t].name,\n\t\t\t\t\t{variables:\n\t\t\t\t\t\t{period: result.toString()}\n\t\t\t\t\t}\n\t\t\t\t),\n\t\t\t\tupdatePeriod: units[t].duration\n\t\t\t};\n\t\t}\n\t}\n\treturn {\n\t\tdelta: delta,\n\t\tdescription: $tw.language.getString(\n\t\t\t\"RelativeDate/\" + (futurep ? \"Future\" : \"Past\") + \"/Second\",\n\t\t\t{variables:\n\t\t\t\t{period: \"1\"}\n\t\t\t}\n\t\t),\n\t\tupdatePeriod: 1000\n\t};\n};\n\n// Convert & to \"&\", < to \"<\", > to \">\", \" to \""\"\nexports.htmlEncode = function(s) {\n\tif(s) {\n\t\treturn s.toString().replace(/&/mg,\"&\").replace(/</mg,\"<\").replace(/>/mg,\">\").replace(/\\\"/mg,\""\");\n\t} else {\n\t\treturn \"\";\n\t}\n};\n\n// Converts all HTML entities to their character equivalents\nexports.entityDecode = function(s) {\n\tvar e = s.substr(1,s.length-2); // Strip the & and the ;\n\tif(e.charAt(0) === \"#\") {\n\t\tif(e.charAt(1) === \"x\" || e.charAt(1) === \"X\") {\n\t\t\treturn String.fromCharCode(parseInt(e.substr(2),16));\t\n\t\t} else {\n\t\t\treturn String.fromCharCode(parseInt(e.substr(1),10));\n\t\t}\n\t} else {\n\t\tvar c = $tw.config.htmlEntities[e];\n\t\tif(c) {\n\t\t\treturn String.fromCharCode(c);\n\t\t} else {\n\t\t\treturn s; // Couldn't convert it as an entity, just return it raw\n\t\t}\n\t}\n};\n\nexports.unescapeLineBreaks = function(s) {\n\treturn s.replace(/\\\\n/mg,\"\\n\").replace(/\\\\b/mg,\" \").replace(/\\\\s/mg,\"\\\\\").replace(/\\r/mg,\"\");\n};\n\n/*\n * Returns an escape sequence for given character. Uses \\x for characters <=\n * 0xFF to save space, \\u for the rest.\n *\n * The code needs to be in sync with th code template in the compilation\n * function for \"action\" nodes.\n */\n// Copied from peg.js, thanks to David Majda\nexports.escape = function(ch) {\n\tvar charCode = ch.charCodeAt(0);\n\tif(charCode <= 0xFF) {\n\t\treturn '\\\\x' + $tw.utils.pad(charCode.toString(16).toUpperCase());\n\t} else {\n\t\treturn '\\\\u' + $tw.utils.pad(charCode.toString(16).toUpperCase(),4);\n\t}\n};\n\n// Turns a string into a legal JavaScript string\n// Copied from peg.js, thanks to David Majda\nexports.stringify = function(s) {\n\t/*\n\t* ECMA-262, 5th ed., 7.8.4: All characters may appear literally in a string\n\t* literal except for the closing quote character, backslash, carriage return,\n\t* line separator, paragraph separator, and line feed. Any character may\n\t* appear in the form of an escape sequence.\n\t*\n\t* For portability, we also escape all non-ASCII characters.\n\t*/\n\treturn (s || \"\")\n\t\t.replace(/\\\\/g, '\\\\\\\\') // backslash\n\t\t.replace(/\"/g, '\\\\\"') // double quote character\n\t\t.replace(/'/g, \"\\\\'\") // single quote character\n\t\t.replace(/\\r/g, '\\\\r') // carriage return\n\t\t.replace(/\\n/g, '\\\\n') // line feed\n\t\t.replace(/[\\x80-\\uFFFF]/g, exports.escape); // non-ASCII characters\n};\n\n/*\nEscape the RegExp special characters with a preceding backslash\n*/\nexports.escapeRegExp = function(s) {\n return s.replace(/[\\-\\/\\\\\\^\\$\\*\\+\\?\\.\\(\\)\\|\\[\\]\\{\\}]/g, '\\\\$&');\n};\n\n// Checks whether a link target is external, i.e. not a tiddler title\nexports.isLinkExternal = function(to) {\n\tvar externalRegExp = /(?:file|http|https|mailto|ftp|irc|news|data|skype):[^\\s<>{}\\[\\]`|'\"\\\\^~]+(?:\\/|\\b)/i;\n\treturn externalRegExp.test(to);\n};\n\nexports.nextTick = function(fn) {\n/*global window: false */\n\tif(typeof process === \"undefined\") {\n\t\t// Apparently it would be faster to use postMessage - http://dbaron.org/log/20100309-faster-timeouts\n\t\twindow.setTimeout(fn,4);\n\t} else {\n\t\tprocess.nextTick(fn);\n\t}\n};\n\n/*\nConvert a hyphenated CSS property name into a camel case one\n*/\nexports.unHyphenateCss = function(propName) {\n\treturn propName.replace(/-([a-z])/gi, function(match0,match1) {\n\t\treturn match1.toUpperCase();\n\t});\n};\n\n/*\nConvert a camelcase CSS property name into a dashed one (\"backgroundColor\" --> \"background-color\")\n*/\nexports.hyphenateCss = function(propName) {\n\treturn propName.replace(/([A-Z])/g, function(match0,match1) {\n\t\treturn \"-\" + match1.toLowerCase();\n\t});\n};\n\n/*\nParse a text reference of one of these forms:\n* title\n* !!field\n* title!!field\n* title##index\n* etc\nReturns an object with the following fields, all optional:\n* title: tiddler title\n* field: tiddler field name\n* index: JSON property index\n*/\nexports.parseTextReference = function(textRef) {\n\t// Separate out the title, field name and/or JSON indices\n\tvar reTextRef = /(?:(.*?)!!(.+))|(?:(.*?)##(.+))|(.*)/mg,\n\t\tmatch = reTextRef.exec(textRef),\n\t\tresult = {};\n\tif(match && reTextRef.lastIndex === textRef.length) {\n\t\t// Return the parts\n\t\tif(match[1]) {\n\t\t\tresult.title = match[1];\n\t\t}\n\t\tif(match[2]) {\n\t\t\tresult.field = match[2];\n\t\t}\n\t\tif(match[3]) {\n\t\t\tresult.title = match[3];\n\t\t}\n\t\tif(match[4]) {\n\t\t\tresult.index = match[4];\n\t\t}\n\t\tif(match[5]) {\n\t\t\tresult.title = match[5];\n\t\t}\n\t} else {\n\t\t// If we couldn't parse it\n\t\tresult.title = textRef\n\t}\n\treturn result;\n};\n\n/*\nChecks whether a string is a valid fieldname\n*/\nexports.isValidFieldName = function(name) {\n\tif(!name || typeof name !== \"string\") {\n\t\treturn false;\n\t}\n\tname = name.toLowerCase().trim();\n\tvar fieldValidatorRegEx = /^[a-z0-9\\-\\._]+$/mg;\n\treturn fieldValidatorRegEx.test(name);\n};\n\n/*\nExtract the version number from the meta tag or from the boot file\n*/\n\n// Browser version\nexports.extractVersionInfo = function() {\n\tif($tw.packageInfo) {\n\t\treturn $tw.packageInfo.version;\n\t} else {\n\t\tvar metatags = document.getElementsByTagName(\"meta\");\n\t\tfor(var t=0; t<metatags.length; t++) {\n\t\t\tvar m = metatags[t];\n\t\t\tif(m.name === \"tiddlywiki-version\") {\n\t\t\t\treturn m.content;\n\t\t\t}\n\t\t}\n\t}\n\treturn null;\n};\n\n/*\nGet the animation duration in ms\n*/\nexports.getAnimationDuration = function() {\n\treturn parseInt($tw.wiki.getTiddlerText(\"$:/config/AnimationDuration\",\"400\"),10);\n};\n\n/*\nHash a string to a number\nDerived from http://stackoverflow.com/a/15710692\n*/\nexports.hashString = function(str) {\n\treturn str.split(\"\").reduce(function(a,b) {\n\t\ta = ((a << 5) - a) + b.charCodeAt(0);\n\t\treturn a & a;\n\t},0);\n};\n\n/*\nDecode a base64 string\n*/\nexports.base64Decode = function(string64) {\n\tif($tw.browser) {\n\t\t// TODO\n\t\tthrow \"$tw.utils.base64Decode() doesn't work in the browser\";\n\t} else {\n\t\treturn (new Buffer(string64,\"base64\")).toString();\n\t}\n};\n\n/*\nConvert a hashmap into a tiddler dictionary format sequence of name:value pairs\n*/\nexports.makeTiddlerDictionary = function(data) {\n\tvar output = [];\n\tfor(var name in data) {\n\t\toutput.push(name + \": \" + data[name]);\n\t}\n\treturn output.join(\"\\n\");\n};\n\n/*\nHigh resolution microsecond timer for profiling\n*/\nexports.timer = function(base) {\n\tvar m;\n\tif($tw.node) {\n\t\tvar r = process.hrtime();\t\t\n\t\tm = r[0] * 1e3 + (r[1] / 1e6);\n\t} else if(window.performance) {\n\t\tm = performance.now();\n\t} else {\n\t\tm = Date.now();\n\t}\n\tif(typeof base !== \"undefined\") {\n\t\tm = m - base;\n\t}\n\treturn m;\n};\n\n/*\nConvert text and content type to a data URI\n*/\nexports.makeDataUri = function(text,type) {\n\ttype = type || \"text/vnd.tiddlywiki\";\n\tvar typeInfo = $tw.config.contentTypeInfo[type] || $tw.config.contentTypeInfo[\"text/plain\"],\n\t\tisBase64 = typeInfo.encoding === \"base64\",\n\t\tparts = [];\n\tparts.push(\"data:\");\n\tparts.push(type);\n\tparts.push(isBase64 ? \";base64\" : \"\");\n\tparts.push(\",\");\n\tparts.push(isBase64 ? text : encodeURIComponent(text));\n\treturn parts.join(\"\");\n};\n\n})();",
"title": "$:/core/modules/utils/utils.js",
"type": "application/javascript",
"module-type": "utils"
},
"$:/core/modules/widgets/action-deletefield.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/action-deletefield.js\ntype: application/javascript\nmodule-type: widget\n\nAction widget to delete fields of a tiddler.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar DeleteFieldWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nDeleteFieldWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nDeleteFieldWidget.prototype.render = function(parent,nextSibling) {\n\tthis.computeAttributes();\n\tthis.execute();\n};\n\n/*\nCompute the internal state of the widget\n*/\nDeleteFieldWidget.prototype.execute = function() {\n\tthis.actionTiddler = this.getAttribute(\"$tiddler\",this.getVariable(\"currentTiddler\"));\n\tthis.actionField = this.getAttribute(\"$field\");\n};\n\n/*\nRefresh the widget by ensuring our attributes are up to date\n*/\nDeleteFieldWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes();\n\tif(changedAttributes[\"$tiddler\"]) {\n\t\tthis.refreshSelf();\n\t\treturn true;\n\t}\n\treturn this.refreshChildren(changedTiddlers);\n};\n\n/*\nInvoke the action associated with this widget\n*/\nDeleteFieldWidget.prototype.invokeAction = function(triggeringWidget,event) {\n\tvar self = this,\n\t\ttiddler = this.wiki.getTiddler(self.actionTiddler),\n\t\tremoveFields = {};\n\tif(this.actionField) {\n\t\tremoveFields[this.actionField] = undefined;\n\t}\n\tif(tiddler) {\n\t\t$tw.utils.each(this.attributes,function(attribute,name) {\n\t\t\tif(name.charAt(0) !== \"$\" && name !== \"title\") {\n\t\t\t\tremoveFields[name] = undefined;\n\t\t\t}\n\t\t});\n\t\tthis.wiki.addTiddler(new $tw.Tiddler(tiddler,removeFields));\n\t}\n\treturn true; // Action was invoked\n};\n\nexports[\"action-deletefield\"] = DeleteFieldWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/action-deletefield.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/action-deletetiddler.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/action-deletetiddler.js\ntype: application/javascript\nmodule-type: widget\n\nAction widget to delete a tiddler.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar DeleteTiddlerWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nDeleteTiddlerWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nDeleteTiddlerWidget.prototype.render = function(parent,nextSibling) {\n\tthis.computeAttributes();\n\tthis.execute();\n};\n\n/*\nCompute the internal state of the widget\n*/\nDeleteTiddlerWidget.prototype.execute = function() {\n\tthis.actionFilter = this.getAttribute(\"$filter\");\n\tthis.actionTiddler = this.getAttribute(\"$tiddler\");\n};\n\n/*\nRefresh the widget by ensuring our attributes are up to date\n*/\nDeleteTiddlerWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes();\n\tif(changedAttributes[\"$filter\"] || changedAttributes[\"$tiddler\"]) {\n\t\tthis.refreshSelf();\n\t\treturn true;\n\t}\n\treturn this.refreshChildren(changedTiddlers);\n};\n\n/*\nInvoke the action associated with this widget\n*/\nDeleteTiddlerWidget.prototype.invokeAction = function(triggeringWidget,event) {\n\tvar tiddlers = [];\n\tif(this.actionFilter) {\n\t\ttiddlers = this.wiki.filterTiddlers(this.actionFilter,this);\n\t}\n\tif(this.actionTiddler) {\n\t\ttiddlers.push(this.actionTiddler);\n\t}\n\tfor(var t=0; t<tiddlers.length; t++) {\n\t\tthis.wiki.deleteTiddler(tiddlers[t]);\n\t}\n\treturn true; // Action was invoked\n};\n\nexports[\"action-deletetiddler\"] = DeleteTiddlerWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/action-deletetiddler.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/action-navigate.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/action-navigate.js\ntype: application/javascript\nmodule-type: widget\n\nAction widget to navigate to a tiddler\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar NavigateWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nNavigateWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nNavigateWidget.prototype.render = function(parent,nextSibling) {\n\tthis.computeAttributes();\n\tthis.execute();\n};\n\n/*\nCompute the internal state of the widget\n*/\nNavigateWidget.prototype.execute = function() {\n\tthis.actionTo = this.getAttribute(\"$to\");\n\tthis.actionScroll = this.getAttribute(\"$scroll\");\n};\n\n/*\nRefresh the widget by ensuring our attributes are up to date\n*/\nNavigateWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes();\n\tif(changedAttributes[\"$to\"] || changedAttributes[\"$scroll\"]) {\n\t\tthis.refreshSelf();\n\t\treturn true;\n\t}\n\treturn this.refreshChildren(changedTiddlers);\n};\n\n/*\nInvoke the action associated with this widget\n*/\nNavigateWidget.prototype.invokeAction = function(triggeringWidget,event) {\n\tvar bounds = triggeringWidget && triggeringWidget.getBoundingClientRect && triggeringWidget.getBoundingClientRect(),\n\t\tsuppressNavigation = event.metaKey || event.ctrlKey || (event.button === 1);\n\tif(this.actionScroll === \"yes\") {\n\t\tsuppressNavigation = false;\n\t} else if(this.actionScroll === \"no\") {\n\t\tsuppressNavigation = true;\n\t}\n\tthis.dispatchEvent({\n\t\ttype: \"tm-navigate\",\n\t\tnavigateTo: this.actionTo === undefined ? this.getVariable(\"currentTiddler\") : this.actionTo,\n\t\tnavigateFromTitle: this.getVariable(\"storyTiddler\"),\n\t\tnavigateFromNode: triggeringWidget,\n\t\tnavigateFromClientRect: bounds && { top: bounds.top, left: bounds.left, width: bounds.width, right: bounds.right, bottom: bounds.bottom, height: bounds.height\n\t\t},\n\t\tnavigateSuppressNavigation: suppressNavigation\n\t});\n\treturn true; // Action was invoked\n};\n\nexports[\"action-navigate\"] = NavigateWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/action-navigate.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/action-sendmessage.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/action-sendmessage.js\ntype: application/javascript\nmodule-type: widget\n\nAction widget to send a message\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar SendMessageWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nSendMessageWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nSendMessageWidget.prototype.render = function(parent,nextSibling) {\n\tthis.computeAttributes();\n\tthis.execute();\n};\n\n/*\nCompute the internal state of the widget\n*/\nSendMessageWidget.prototype.execute = function() {\n\tthis.actionMessage = this.getAttribute(\"$message\");\n\tthis.actionParam = this.getAttribute(\"$param\");\n\tthis.actionName = this.getAttribute(\"$name\");\n\tthis.actionValue = this.getAttribute(\"$value\",\"\");\n};\n\n/*\nRefresh the widget by ensuring our attributes are up to date\n*/\nSendMessageWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes();\n\tif(Object.keys(changedAttributes).length) {\n\t\tthis.refreshSelf();\n\t\treturn true;\n\t}\n\treturn this.refreshChildren(changedTiddlers);\n};\n\n/*\nInvoke the action associated with this widget\n*/\nSendMessageWidget.prototype.invokeAction = function(triggeringWidget,event) {\n\t// Get the string parameter\n\tvar param = this.actionParam;\n\t// Assemble the attributes as a hashmap\n\tvar paramObject = Object.create(null);\n\tvar count = 0;\n\t$tw.utils.each(this.attributes,function(attribute,name) {\n\t\tif(name.charAt(0) !== \"$\") {\n\t\t\tparamObject[name] = attribute;\n\t\t\tcount++;\n\t\t}\n\t});\n\t// Add name/value pair if present\n\tif(this.actionName) {\n\t\tparamObject[this.actionName] = this.actionValue;\n\t}\n\t// Dispatch the message\n\tthis.dispatchEvent({\n\t\ttype: this.actionMessage,\n\t\tparam: param,\n\t\tparamObject: paramObject,\n\t\ttiddlerTitle: this.getVariable(\"currentTiddler\"),\n\t\tnavigateFromTitle: this.getVariable(\"storyTiddler\")\n\t});\n\treturn true; // Action was invoked\n};\n\nexports[\"action-sendmessage\"] = SendMessageWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/action-sendmessage.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/action-setfield.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/action-setfield.js\ntype: application/javascript\nmodule-type: widget\n\nAction widget to set a single field or index on a tiddler.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar SetFieldWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nSetFieldWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nSetFieldWidget.prototype.render = function(parent,nextSibling) {\n\tthis.computeAttributes();\n\tthis.execute();\n};\n\n/*\nCompute the internal state of the widget\n*/\nSetFieldWidget.prototype.execute = function() {\n\tthis.actionTiddler = this.getAttribute(\"$tiddler\",this.getVariable(\"currentTiddler\"));\n\tthis.actionField = this.getAttribute(\"$field\");\n\tthis.actionIndex = this.getAttribute(\"$index\");\n\tthis.actionValue = this.getAttribute(\"$value\");\n};\n\n/*\nRefresh the widget by ensuring our attributes are up to date\n*/\nSetFieldWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes();\n\tif(changedAttributes[\"$tiddler\"] || changedAttributes[\"$field\"] || changedAttributes[\"$index\"] || changedAttributes[\"$value\"]) {\n\t\tthis.refreshSelf();\n\t\treturn true;\n\t}\n\treturn this.refreshChildren(changedTiddlers);\n};\n\n/*\nInvoke the action associated with this widget\n*/\nSetFieldWidget.prototype.invokeAction = function(triggeringWidget,event) {\n\tvar self = this;\n\tif(typeof this.actionValue === \"string\") {\n\t\tthis.wiki.setText(this.actionTiddler,this.actionField,this.actionIndex,this.actionValue);\t\t\n\t}\n\t$tw.utils.each(this.attributes,function(attribute,name) {\n\t\tif(name.charAt(0) !== \"$\") {\n\t\t\tself.wiki.setText(self.actionTiddler,name,undefined,attribute);\n\t\t}\n\t});\n\treturn true; // Action was invoked\n};\n\nexports[\"action-setfield\"] = SetFieldWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/action-setfield.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/browse.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/browse.js\ntype: application/javascript\nmodule-type: widget\n\nBrowse widget for browsing for files to import\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar BrowseWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nBrowseWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nBrowseWidget.prototype.render = function(parent,nextSibling) {\n\tvar self = this;\n\t// Remember parent\n\tthis.parentDomNode = parent;\n\t// Compute attributes and execute state\n\tthis.computeAttributes();\n\tthis.execute();\n\t// Create element\n\tvar domNode = this.document.createElement(\"input\");\n\tdomNode.setAttribute(\"type\",\"file\");\n\tif(this.browseMultiple) {\n\t\tdomNode.setAttribute(\"multiple\",\"multiple\");\n\t}\n\tif(this.tooltip) {\n\t\tdomNode.setAttribute(\"title\",this.tooltip);\n\t}\n\tif(this.nwsaveas) {\n\t\tdomNode.setAttribute(\"nwsaveas\",this.nwsaveas);\n\t}\n\t// Add a click event handler\n\tdomNode.addEventListener(\"change\",function (event) {\n\t\tif(self.message) {\n\t\t\tself.dispatchEvent({type: self.message, param: self.param, files: event.target.files});\n\t\t} else {\n\t\t\tself.wiki.readFiles(event.target.files,function(tiddlerFieldsArray) {\n\t\t\t\tself.dispatchEvent({type: \"tm-import-tiddlers\", param: JSON.stringify(tiddlerFieldsArray)});\n\t\t\t});\n\t\t}\n\t\treturn false;\n\t},false);\n\t// Insert element\n\tparent.insertBefore(domNode,nextSibling);\n\tthis.renderChildren(domNode,null);\n\tthis.domNodes.push(domNode);\n};\n\n/*\nCompute the internal state of the widget\n*/\nBrowseWidget.prototype.execute = function() {\n\tthis.browseMultiple = this.getAttribute(\"multiple\");\n\tthis.message = this.getAttribute(\"message\");\n\tthis.param = this.getAttribute(\"param\");\n\tthis.tooltip = this.getAttribute(\"tooltip\");\n\tthis.nwsaveas = this.getAttribute(\"nwsaveas\");\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nBrowseWidget.prototype.refresh = function(changedTiddlers) {\n\treturn false;\n};\n\nexports.browse = BrowseWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/browse.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/button.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/button.js\ntype: application/javascript\nmodule-type: widget\n\nButton widget\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar ButtonWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nButtonWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nButtonWidget.prototype.render = function(parent,nextSibling) {\n\tvar self = this;\n\t// Remember parent\n\tthis.parentDomNode = parent;\n\t// Compute attributes and execute state\n\tthis.computeAttributes();\n\tthis.execute();\n\t// Create element\n\tvar tag = \"button\";\n\tif(this.buttonTag && $tw.config.htmlUnsafeElements.indexOf(this.buttonTag) === -1) {\n\t\ttag = this.buttonTag;\n\t}\n\tvar domNode = this.document.createElement(tag);\n\t// Assign classes\n\tvar classes = this[\"class\"].split(\" \") || [],\n\t\tisPoppedUp = this.popup && this.isPoppedUp();\n\tif(this.selectedClass) {\n\t\tif(this.set && this.setTo && this.isSelected()) {\n\t\t\t$tw.utils.pushTop(classes,this.selectedClass.split(\" \"));\n\t\t}\n\t\tif(isPoppedUp) {\n\t\t\t$tw.utils.pushTop(classes,this.selectedClass.split(\" \"));\n\t\t}\n\t}\n\tif(isPoppedUp) {\n\t\t$tw.utils.pushTop(classes,\"tc-popup-handle\");\n\t}\n\tdomNode.className = classes.join(\" \");\n\t// Assign other attributes\n\tif(this.style) {\n\t\tdomNode.setAttribute(\"style\",this.style);\n\t}\n\tif(this.tooltip) {\n\t\tdomNode.setAttribute(\"title\",this.tooltip);\n\t}\n\tif(this[\"aria-label\"]) {\n\t\tdomNode.setAttribute(\"aria-label\",this[\"aria-label\"]);\n\t}\n\t// Add a click event handler\n\tdomNode.addEventListener(\"click\",function (event) {\n\t\tvar handled = false;\n\t\tif(self.invokeActions(this,event)) {\n\t\t\thandled = true;\n\t\t}\n\t\tif(self.to) {\n\t\t\tself.navigateTo(event);\n\t\t\thandled = true;\n\t\t}\n\t\tif(self.message) {\n\t\t\tself.dispatchMessage(event);\n\t\t\thandled = true;\n\t\t}\n\t\tif(self.popup) {\n\t\t\tself.triggerPopup(event);\n\t\t\thandled = true;\n\t\t}\n\t\tif(self.set) {\n\t\t\tself.setTiddler();\n\t\t\thandled = true;\n\t\t}\n\t\tif(handled) {\n\t\t\tevent.preventDefault();\n\t\t\tevent.stopPropagation();\n\t\t}\n\t\treturn handled;\n\t},false);\n\t// Insert element\n\tparent.insertBefore(domNode,nextSibling);\n\tthis.renderChildren(domNode,null);\n\tthis.domNodes.push(domNode);\n};\n\n/*\nWe don't allow actions to propagate because we trigger actions ourselves\n*/\nButtonWidget.prototype.allowActionPropagation = function() {\n\treturn false;\n};\n\nButtonWidget.prototype.getBoundingClientRect = function() {\n\treturn this.domNodes[0].getBoundingClientRect();\n};\n\nButtonWidget.prototype.isSelected = function() {\n return this.wiki.getTextReference(this.set,this.defaultSetValue,this.getVariable(\"currentTiddler\")) === this.setTo;\n};\n\nButtonWidget.prototype.isPoppedUp = function() {\n\tvar tiddler = this.wiki.getTiddler(this.popup);\n\tvar result = tiddler && tiddler.fields.text ? $tw.popup.readPopupState(tiddler.fields.text) : false;\n\treturn result;\n};\n\nButtonWidget.prototype.navigateTo = function(event) {\n\tvar bounds = this.getBoundingClientRect();\n\tthis.dispatchEvent({\n\t\ttype: \"tm-navigate\",\n\t\tnavigateTo: this.to,\n\t\tnavigateFromTitle: this.getVariable(\"storyTiddler\"),\n\t\tnavigateFromNode: this,\n\t\tnavigateFromClientRect: { top: bounds.top, left: bounds.left, width: bounds.width, right: bounds.right, bottom: bounds.bottom, height: bounds.height\n\t\t},\n\t\tnavigateSuppressNavigation: event.metaKey || event.ctrlKey || (event.button === 1)\n\t});\n};\n\nButtonWidget.prototype.dispatchMessage = function(event) {\n\tthis.dispatchEvent({type: this.message, param: this.param, tiddlerTitle: this.getVariable(\"currentTiddler\")});\n};\n\nButtonWidget.prototype.triggerPopup = function(event) {\n\t$tw.popup.triggerPopup({\n\t\tdomNode: this.domNodes[0],\n\t\ttitle: this.popup,\n\t\twiki: this.wiki\n\t});\n};\n\nButtonWidget.prototype.setTiddler = function() {\n\tthis.wiki.setTextReference(this.set,this.setTo,this.getVariable(\"currentTiddler\"));\n};\n\n/*\nCompute the internal state of the widget\n*/\nButtonWidget.prototype.execute = function() {\n\t// Get attributes\n\tthis.to = this.getAttribute(\"to\");\n\tthis.message = this.getAttribute(\"message\");\n\tthis.param = this.getAttribute(\"param\");\n\tthis.set = this.getAttribute(\"set\");\n\tthis.setTo = this.getAttribute(\"setTo\");\n\tthis.popup = this.getAttribute(\"popup\");\n\tthis.hover = this.getAttribute(\"hover\");\n\tthis[\"class\"] = this.getAttribute(\"class\",\"\");\n\tthis[\"aria-label\"] = this.getAttribute(\"aria-label\");\n\tthis.tooltip = this.getAttribute(\"tooltip\");\n\tthis.style = this.getAttribute(\"style\");\n\tthis.selectedClass = this.getAttribute(\"selectedClass\");\n\tthis.defaultSetValue = this.getAttribute(\"default\",\"\");\n\tthis.buttonTag = this.getAttribute(\"tag\");\n\t// Make child widgets\n\tthis.makeChildWidgets();\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nButtonWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes();\n\tif(changedAttributes.to || changedAttributes.message || changedAttributes.param || changedAttributes.set || changedAttributes.setTo || changedAttributes.popup || changedAttributes.hover || changedAttributes[\"class\"] || changedAttributes.selectedClass || changedAttributes.style || (this.set && changedTiddlers[this.set]) || (this.popup && changedTiddlers[this.popup])) {\n\t\tthis.refreshSelf();\n\t\treturn true;\n\t}\n\treturn this.refreshChildren(changedTiddlers);\n};\n\nexports.button = ButtonWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/button.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/checkbox.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/checkbox.js\ntype: application/javascript\nmodule-type: widget\n\nCheckbox widget\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar CheckboxWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nCheckboxWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nCheckboxWidget.prototype.render = function(parent,nextSibling) {\n\t// Save the parent dom node\n\tthis.parentDomNode = parent;\n\t// Compute our attributes\n\tthis.computeAttributes();\n\t// Execute our logic\n\tthis.execute();\n\t// Create our elements\n\tthis.labelDomNode = this.document.createElement(\"label\");\n\tthis.labelDomNode.setAttribute(\"class\",this.checkboxClass);\n\tthis.inputDomNode = this.document.createElement(\"input\");\n\tthis.inputDomNode.setAttribute(\"type\",\"checkbox\");\n\tif(this.getValue()) {\n\t\tthis.inputDomNode.setAttribute(\"checked\",\"true\");\n\t}\n\tthis.labelDomNode.appendChild(this.inputDomNode);\n\tthis.spanDomNode = this.document.createElement(\"span\");\n\tthis.labelDomNode.appendChild(this.spanDomNode);\n\t// Add a click event handler\n\t$tw.utils.addEventListeners(this.inputDomNode,[\n\t\t{name: \"change\", handlerObject: this, handlerMethod: \"handleChangeEvent\"}\n\t]);\n\t// Insert the label into the DOM and render any children\n\tparent.insertBefore(this.labelDomNode,nextSibling);\n\tthis.renderChildren(this.spanDomNode,null);\n\tthis.domNodes.push(this.labelDomNode);\n};\n\nCheckboxWidget.prototype.getValue = function() {\n\tvar tiddler = this.wiki.getTiddler(this.checkboxTitle);\n\tif(tiddler) {\n\t\tif(this.checkboxTag) {\n\t\t\tif(this.checkboxInvertTag) {\n\t\t\t\treturn !tiddler.hasTag(this.checkboxTag);\n\t\t\t} else {\n\t\t\t\treturn tiddler.hasTag(this.checkboxTag);\n\t\t\t}\n\t\t}\n\t\tif(this.checkboxField) {\n\t\t\tvar value = tiddler.fields[this.checkboxField] || this.checkboxDefault || \"\";\n\t\t\tif(value === this.checkboxChecked) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\tif(value === this.checkboxUnchecked) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\t} else {\n\t\tif(this.checkboxTag) {\n\t\t\treturn false;\n\t\t}\n\t\tif(this.checkboxField) {\n\t\t\tif(this.checkboxDefault === this.checkboxChecked) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t\tif(this.checkboxDefault === this.checkboxUnchecked) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\t}\n\treturn false;\n};\n\nCheckboxWidget.prototype.handleChangeEvent = function(event) {\n\tvar checked = this.inputDomNode.checked,\n\t\ttiddler = this.wiki.getTiddler(this.checkboxTitle),\n\t\tfallbackFields = {text: \"\"},\n\t\tnewFields = {title: this.checkboxTitle},\n\t\thasChanged = false,\n\t\ttagCheck = false,\n\t\thasTag = tiddler && tiddler.hasTag(this.checkboxTag);\n\tif(this.checkboxTag && this.checkboxInvertTag === \"yes\") {\n\t\ttagCheck = hasTag === checked;\n\t} else {\n\t\ttagCheck = hasTag !== checked;\n\t}\n\t// Set the tag if specified\n\tif(this.checkboxTag && (!tiddler || tagCheck)) {\n\t\tnewFields.tags = tiddler ? (tiddler.fields.tags || []).slice(0) : [];\n\t\tvar pos = newFields.tags.indexOf(this.checkboxTag);\n\t\tif(pos !== -1) {\n\t\t\tnewFields.tags.splice(pos,1);\n\t\t}\n\t\tif(this.checkboxInvertTag === \"yes\" && !checked) {\n\t\t\tnewFields.tags.push(this.checkboxTag);\n\t\t} else if(this.checkboxInvertTag !== \"yes\" && checked) {\n\t\t\tnewFields.tags.push(this.checkboxTag);\n\t\t}\n\t\thasChanged = true;\n\t}\n\t// Set the field if specified\n\tif(this.checkboxField) {\n\t\tvar value = checked ? this.checkboxChecked : this.checkboxUnchecked;\n\t\tif(!tiddler || tiddler.fields[this.checkboxField] !== value) {\n\t\t\tnewFields[this.checkboxField] = value;\n\t\t\thasChanged = true;\n\t\t}\n\t}\n\tif(hasChanged) {\n\t\tthis.wiki.addTiddler(new $tw.Tiddler(fallbackFields,tiddler,newFields,this.wiki.getModificationFields()));\n\t}\n};\n\n/*\nCompute the internal state of the widget\n*/\nCheckboxWidget.prototype.execute = function() {\n\t// Get the parameters from the attributes\n\tthis.checkboxTitle = this.getAttribute(\"tiddler\",this.getVariable(\"currentTiddler\"));\n\tthis.checkboxTag = this.getAttribute(\"tag\");\n\tthis.checkboxField = this.getAttribute(\"field\");\n\tthis.checkboxChecked = this.getAttribute(\"checked\");\n\tthis.checkboxUnchecked = this.getAttribute(\"unchecked\");\n\tthis.checkboxDefault = this.getAttribute(\"default\");\n\tthis.checkboxClass = this.getAttribute(\"class\",\"\");\n\tthis.checkboxInvertTag = this.getAttribute(\"invertTag\",\"\");\n\t// Make the child widgets\n\tthis.makeChildWidgets();\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nCheckboxWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes();\n\tif(changedAttributes.tiddler || changedAttributes.tag || changedAttributes.invertTag || changedAttributes.field || changedAttributes.checked || changedAttributes.unchecked || changedAttributes[\"default\"] || changedAttributes[\"class\"]) {\n\t\tthis.refreshSelf();\n\t\treturn true;\n\t} else {\n\t\tvar refreshed = false;\n\t\tif(changedTiddlers[this.checkboxTitle]) {\n\t\t\tthis.inputDomNode.checked = this.getValue();\n\t\t\trefreshed = true;\n\t\t}\n\t\treturn this.refreshChildren(changedTiddlers) || refreshed;\n\t}\n};\n\nexports.checkbox = CheckboxWidget;\n\n})();",
"title": "$:/core/modules/widgets/checkbox.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/codeblock.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/codeblock.js\ntype: application/javascript\nmodule-type: widget\n\nCode block node widget\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar CodeBlockWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nCodeBlockWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nCodeBlockWidget.prototype.render = function(parent,nextSibling) {\n\tthis.parentDomNode = parent;\n\tthis.computeAttributes();\n\tthis.execute();\n\tvar codeNode = this.document.createElement(\"code\"),\n\t\tdomNode = this.document.createElement(\"pre\");\n\tcodeNode.appendChild(this.document.createTextNode(this.getAttribute(\"code\")));\n\tdomNode.appendChild(codeNode);\n\tparent.insertBefore(domNode,nextSibling);\n\tthis.domNodes.push(domNode);\n\tif(this.postRender) {\n\t\tthis.postRender();\n\t}\n};\n\n/*\nCompute the internal state of the widget\n*/\nCodeBlockWidget.prototype.execute = function() {\n\tthis.language = this.getAttribute(\"language\");\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nCodeBlockWidget.prototype.refresh = function(changedTiddlers) {\n\treturn false;\n};\n\nexports.codeblock = CodeBlockWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/codeblock.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/count.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/count.js\ntype: application/javascript\nmodule-type: widget\n\nCount widget\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar CountWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nCountWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nCountWidget.prototype.render = function(parent,nextSibling) {\n\tthis.parentDomNode = parent;\n\tthis.computeAttributes();\n\tthis.execute();\n\tvar textNode = this.document.createTextNode(this.currentCount);\n\tparent.insertBefore(textNode,nextSibling);\n\tthis.domNodes.push(textNode);\n};\n\n/*\nCompute the internal state of the widget\n*/\nCountWidget.prototype.execute = function() {\n\t// Get parameters from our attributes\n\tthis.filter = this.getAttribute(\"filter\");\n\t// Execute the filter\n\tif(this.filter) {\n\t\tthis.currentCount = this.wiki.filterTiddlers(this.filter,this).length;\n\t} else {\n\t\tthis.currentCount = undefined;\n\t}\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nCountWidget.prototype.refresh = function(changedTiddlers) {\n\t// Re-execute the filter to get the count\n\tthis.computeAttributes();\n\tvar oldCount = this.currentCount;\n\tthis.execute();\n\tif(this.currentCount !== oldCount) {\n\t\t// Regenerate and rerender the widget and replace the existing DOM node\n\t\tthis.refreshSelf();\n\t\treturn true;\n\t} else {\n\t\treturn false;\n\t}\n\n};\n\nexports.count = CountWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/count.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/dropzone.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/dropzone.js\ntype: application/javascript\nmodule-type: widget\n\nDropzone widget\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar DropZoneWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nDropZoneWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nDropZoneWidget.prototype.render = function(parent,nextSibling) {\n\tvar self = this;\n\t// Remember parent\n\tthis.parentDomNode = parent;\n\t// Compute attributes and execute state\n\tthis.computeAttributes();\n\tthis.execute();\n\t// Create element\n\tvar domNode = this.document.createElement(\"div\");\n\tdomNode.className = \"tc-dropzone\";\n\t// Add event handlers\n\t$tw.utils.addEventListeners(domNode,[\n\t\t{name: \"dragenter\", handlerObject: this, handlerMethod: \"handleDragEnterEvent\"},\n\t\t{name: \"dragover\", handlerObject: this, handlerMethod: \"handleDragOverEvent\"},\n\t\t{name: \"dragleave\", handlerObject: this, handlerMethod: \"handleDragLeaveEvent\"},\n\t\t{name: \"drop\", handlerObject: this, handlerMethod: \"handleDropEvent\"},\n\t\t{name: \"paste\", handlerObject: this, handlerMethod: \"handlePasteEvent\"}\n\t]);\n\tdomNode.addEventListener(\"click\",function (event) {\n\t},false);\n\t// Insert element\n\tparent.insertBefore(domNode,nextSibling);\n\tthis.renderChildren(domNode,null);\n\tthis.domNodes.push(domNode);\n};\n\nDropZoneWidget.prototype.enterDrag = function() {\n\t// Check for this window being the source of the drag\n\tif($tw.dragInProgress) {\n\t\treturn false;\n\t}\n\t// We count enter/leave events\n\tthis.dragEnterCount = (this.dragEnterCount || 0) + 1;\n\t// If we're entering for the first time we need to apply highlighting\n\tif(this.dragEnterCount === 1) {\n\t\t$tw.utils.addClass(this.domNodes[0],\"tc-dragover\");\n\t}\n};\n\nDropZoneWidget.prototype.leaveDrag = function() {\n\t// Reduce the enter count\n\tthis.dragEnterCount = (this.dragEnterCount || 0) - 1;\n\t// Remove highlighting if we're leaving externally\n\tif(this.dragEnterCount <= 0) {\n\t\t$tw.utils.removeClass(this.domNodes[0],\"tc-dragover\");\n\t}\n};\n\nDropZoneWidget.prototype.handleDragEnterEvent = function(event) {\n\tthis.enterDrag();\n\t// Tell the browser that we're ready to handle the drop\n\tevent.preventDefault();\n\t// Tell the browser not to ripple the drag up to any parent drop handlers\n\tevent.stopPropagation();\n};\n\nDropZoneWidget.prototype.handleDragOverEvent = function(event) {\n\t// Check for being over a TEXTAREA or INPUT\n\tif([\"TEXTAREA\",\"INPUT\"].indexOf(event.target.tagName) !== -1) {\n\t\treturn false;\n\t}\n\t// Check for this window being the source of the drag\n\tif($tw.dragInProgress) {\n\t\treturn false;\n\t}\n\t// Tell the browser that we're still interested in the drop\n\tevent.preventDefault();\n\tevent.dataTransfer.dropEffect = \"copy\"; // Explicitly show this is a copy\n};\n\nDropZoneWidget.prototype.handleDragLeaveEvent = function(event) {\n\tthis.leaveDrag();\n};\n\nDropZoneWidget.prototype.handleDropEvent = function(event) {\n\tthis.leaveDrag();\n\t// Check for being over a TEXTAREA or INPUT\n\tif([\"TEXTAREA\",\"INPUT\"].indexOf(event.target.tagName) !== -1) {\n\t\treturn false;\n\t}\n\t// Check for this window being the source of the drag\n\tif($tw.dragInProgress) {\n\t\treturn false;\n\t}\n\tvar self = this,\n\t\tdataTransfer = event.dataTransfer;\n\t// Reset the enter count\n\tthis.dragEnterCount = 0;\n\t// Remove highlighting\n\t$tw.utils.removeClass(this.domNodes[0],\"tc-dragover\");\n\t// Import any files in the drop\n\tvar numFiles = this.wiki.readFiles(dataTransfer.files,function(tiddlerFieldsArray) {\n\t\tself.dispatchEvent({type: \"tm-import-tiddlers\", param: JSON.stringify(tiddlerFieldsArray)});\n\t});\n\t// Try to import the various data types we understand\n\tif(numFiles === 0) {\n\t\tthis.importData(dataTransfer);\n\t}\n\t// Tell the browser that we handled the drop\n\tevent.preventDefault();\n\t// Stop the drop ripple up to any parent handlers\n\tevent.stopPropagation();\n};\n\nDropZoneWidget.prototype.importData = function(dataTransfer) {\n\t// Try each provided data type in turn\n\tfor(var t=0; t<this.importDataTypes.length; t++) {\n\t\tif(!$tw.browser.isIE || this.importDataTypes[t].IECompatible) {\n\t\t\t// Get the data\n\t\t\tvar dataType = this.importDataTypes[t];\n\t\t\t\tvar data = dataTransfer.getData(dataType.type);\n\t\t\t// Import the tiddlers in the data\n\t\t\tif(data !== \"\" && data !== null) {\n\t\t\t\tif($tw.log.IMPORT) {\n\t\t\t\t\tconsole.log(\"Importing data type '\" + dataType.type + \"', data: '\" + data + \"'\")\n\t\t\t\t}\n\t\t\t\tvar tiddlerFields = dataType.convertToFields(data);\n\t\t\t\tif(!tiddlerFields.title) {\n\t\t\t\t\ttiddlerFields.title = this.wiki.generateNewTitle(\"Untitled\");\n\t\t\t\t}\n\t\t\t\tthis.dispatchEvent({type: \"tm-import-tiddlers\", param: JSON.stringify([tiddlerFields])});\n\t\t\t\treturn;\n\t\t\t}\n\t\t}\n\t}\n};\n\nDropZoneWidget.prototype.importDataTypes = [\n\t{type: \"text/vnd.tiddler\", IECompatible: false, convertToFields: function(data) {\n\t\treturn JSON.parse(data);\n\t}},\n\t{type: \"URL\", IECompatible: true, convertToFields: function(data) {\n\t\t// Check for tiddler data URI\n\t\tvar match = decodeURIComponent(data).match(/^data\\:text\\/vnd\\.tiddler,(.*)/i);\n\t\tif(match) {\n\t\t\treturn JSON.parse(match[1]);\n\t\t} else {\n\t\t\treturn { // As URL string\n\t\t\t\ttext: data\n\t\t\t};\n\t\t}\n\t}},\n\t{type: \"text/x-moz-url\", IECompatible: false, convertToFields: function(data) {\n\t\t// Check for tiddler data URI\n\t\tvar match = decodeURIComponent(data).match(/^data\\:text\\/vnd\\.tiddler,(.*)/i);\n\t\tif(match) {\n\t\t\treturn JSON.parse(match[1]);\n\t\t} else {\n\t\t\treturn { // As URL string\n\t\t\t\ttext: data\n\t\t\t};\n\t\t}\n\t}},\n\t{type: \"text/html\", IECompatible: false, convertToFields: function(data) {\n\t\treturn {\n\t\t\ttext: data\n\t\t};\n\t}},\n\t{type: \"text/plain\", IECompatible: false, convertToFields: function(data) {\n\t\treturn {\n\t\t\ttext: data\n\t\t};\n\t}},\n\t{type: \"Text\", IECompatible: true, convertToFields: function(data) {\n\t\treturn {\n\t\t\ttext: data\n\t\t};\n\t}},\n\t{type: \"text/uri-list\", IECompatible: false, convertToFields: function(data) {\n\t\treturn {\n\t\t\ttext: data\n\t\t};\n\t}}\n];\n\nDropZoneWidget.prototype.handlePasteEvent = function(event) {\n\t// Let the browser handle it if we're in a textarea or input box\n\tif([\"TEXTAREA\",\"INPUT\"].indexOf(event.target.tagName) == -1) {\n\t\tvar self = this,\n\t\t\titems = event.clipboardData.items;\n\t\t// Enumerate the clipboard items\n\t\tfor(var t = 0; t<items.length; t++) {\n\t\t\tvar item = items[t];\n\t\t\tif(item.kind === \"file\") {\n\t\t\t\t// Import any files\n\t\t\t\tthis.wiki.readFile(item.getAsFile(),function(tiddlerFieldsArray) {\n\t\t\t\t\tself.dispatchEvent({type: \"tm-import-tiddlers\", param: JSON.stringify(tiddlerFieldsArray)});\n\t\t\t\t});\n\t\t\t} else if(item.kind === \"string\") {\n\t\t\t\t// Create tiddlers from string items\n\t\t\t\tvar type = item.type;\n\t\t\t\titem.getAsString(function(str) {\n\t\t\t\t\tvar tiddlerFields = {\n\t\t\t\t\t\ttitle: self.wiki.generateNewTitle(\"Untitled\"),\n\t\t\t\t\t\ttext: str,\n\t\t\t\t\t\ttype: type\n\t\t\t\t\t};\n\t\t\t\t\tif($tw.log.IMPORT) {\n\t\t\t\t\t\tconsole.log(\"Importing string '\" + str + \"', type: '\" + type + \"'\");\n\t\t\t\t\t}\n\t\t\t\t\tself.dispatchEvent({type: \"tm-import-tiddlers\", param: JSON.stringify([tiddlerFields])});\n\t\t\t\t});\n\t\t\t}\n\t\t}\n\t\t// Tell the browser that we've handled the paste\n\t\tevent.stopPropagation();\n\t\tevent.preventDefault();\n\t}\n};\n\n/*\nCompute the internal state of the widget\n*/\nDropZoneWidget.prototype.execute = function() {\n\t// Make child widgets\n\tthis.makeChildWidgets();\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nDropZoneWidget.prototype.refresh = function(changedTiddlers) {\n\treturn this.refreshChildren(changedTiddlers);\n};\n\nexports.dropzone = DropZoneWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/dropzone.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/edit-binary.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/edit-binary.js\ntype: application/javascript\nmodule-type: widget\n\nEdit-binary widget; placeholder for editing binary tiddlers\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar BINARY_WARNING_MESSAGE = \"$:/core/ui/BinaryWarning\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar EditBinaryWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nEditBinaryWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nEditBinaryWidget.prototype.render = function(parent,nextSibling) {\n\tvar self = this;\n\t// Save the parent dom node\n\tthis.parentDomNode = parent;\n\t// Compute our attributes\n\tthis.computeAttributes();\n\t// Execute our logic\n\tthis.execute();\n\tthis.renderChildren(parent,nextSibling);\n};\n\n/*\nCompute the internal state of the widget\n*/\nEditBinaryWidget.prototype.execute = function() {\n\t// Construct the child widgets\n\tthis.makeChildWidgets([{\n\t\ttype: \"transclude\",\n\t\tattributes: {\n\t\t\ttiddler: {type: \"string\", value: BINARY_WARNING_MESSAGE}\n\t\t}\n\t}]);\n};\n\n/*\nRefresh by refreshing our child widget\n*/\nEditBinaryWidget.prototype.refresh = function(changedTiddlers) {\n\treturn this.refreshChildren(changedTiddlers);\n};\n\nexports[\"edit-binary\"] = EditBinaryWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/edit-binary.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/edit-bitmap.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/edit-bitmap.js\ntype: application/javascript\nmodule-type: widget\n\nEdit-bitmap widget\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n// Default image sizes\nvar DEFAULT_IMAGE_WIDTH = 300,\n\tDEFAULT_IMAGE_HEIGHT = 185;\n\n// Configuration tiddlers\nvar LINE_WIDTH_TITLE = \"$:/config/BitmapEditor/LineWidth\",\n\tLINE_COLOUR_TITLE = \"$:/config/BitmapEditor/Colour\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar EditBitmapWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nEditBitmapWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nEditBitmapWidget.prototype.render = function(parent,nextSibling) {\n\tvar self = this;\n\t// Save the parent dom node\n\tthis.parentDomNode = parent;\n\t// Compute our attributes\n\tthis.computeAttributes();\n\t// Execute our logic\n\tthis.execute();\n\t// Create our element\n\tthis.canvasDomNode = $tw.utils.domMaker(\"canvas\",{\n\t\tdocument: this.document,\n\t\t\"class\":\"tc-edit-bitmapeditor\",\n\t\teventListeners: [{\n\t\t\tname: \"touchstart\", handlerObject: this, handlerMethod: \"handleTouchStartEvent\"\n\t\t},{\n\t\t\tname: \"touchmove\", handlerObject: this, handlerMethod: \"handleTouchMoveEvent\"\n\t\t},{\n\t\t\tname: \"touchend\", handlerObject: this, handlerMethod: \"handleTouchEndEvent\"\n\t\t},{\n\t\t\tname: \"mousedown\", handlerObject: this, handlerMethod: \"handleMouseDownEvent\"\n\t\t},{\n\t\t\tname: \"mousemove\", handlerObject: this, handlerMethod: \"handleMouseMoveEvent\"\n\t\t},{\n\t\t\tname: \"mouseup\", handlerObject: this, handlerMethod: \"handleMouseUpEvent\"\n\t\t}]\n\t});\n\tthis.widthDomNode = $tw.utils.domMaker(\"input\",{\n\t\tdocument: this.document,\n\t\t\"class\":\"tc-edit-bitmapeditor-width\",\n\t\teventListeners: [{\n\t\t\tname: \"change\", handlerObject: this, handlerMethod: \"handleWidthChangeEvent\"\n\t\t}]\n\t});\n\tthis.heightDomNode = $tw.utils.domMaker(\"input\",{\n\t\tdocument: this.document,\n\t\t\"class\":\"tc-edit-bitmapeditor-height\",\n\t\teventListeners: [{\n\t\t\tname: \"change\", handlerObject: this, handlerMethod: \"handleHeightChangeEvent\"\n\t\t}]\n\t});\n\t// Insert the elements into the DOM\n\tparent.insertBefore(this.canvasDomNode,nextSibling);\n\tparent.insertBefore(this.widthDomNode,nextSibling);\n\tparent.insertBefore(this.heightDomNode,nextSibling);\n\tthis.domNodes.push(this.canvasDomNode,this.widthDomNode,this.heightDomNode);\n\t// Load the image into the canvas\n\tif($tw.browser) {\n\t\tthis.loadCanvas();\n\t}\n};\n\n/*\nCompute the internal state of the widget\n*/\nEditBitmapWidget.prototype.execute = function() {\n\t// Get our parameters\n\tthis.editTitle = this.getAttribute(\"tiddler\",this.getVariable(\"currentTiddler\"));\n};\n\n/*\nNote that the bitmap editor intentionally doesn't try to refresh itself because it would be confusing to have the image changing spontaneously while editting it\n*/\nEditBitmapWidget.prototype.refresh = function(changedTiddlers) {\n\treturn false;\n};\n\nEditBitmapWidget.prototype.loadCanvas = function() {\n\tvar tiddler = this.wiki.getTiddler(this.editTitle),\n\t\tcurrImage = new Image();\n\t// Set up event handlers for loading the image\n\tvar self = this;\n\tcurrImage.onload = function() {\n\t\t// Copy the image to the on-screen canvas\n\t\tself.initCanvas(self.canvasDomNode,currImage.width,currImage.height,currImage);\n\t\t// And also copy the current bitmap to the off-screen canvas\n\t\tself.currCanvas = self.document.createElement(\"canvas\");\n\t\tself.initCanvas(self.currCanvas,currImage.width,currImage.height,currImage);\n\t\t// Set the width and height input boxes\n\t\tself.updateSize();\n\t};\n\tcurrImage.onerror = function() {\n\t\t// Set the on-screen canvas size and clear it\n\t\tself.initCanvas(self.canvasDomNode,DEFAULT_IMAGE_WIDTH,DEFAULT_IMAGE_HEIGHT);\n\t\t// Set the off-screen canvas size and clear it\n\t\tself.currCanvas = self.document.createElement(\"canvas\");\n\t\tself.initCanvas(self.currCanvas,DEFAULT_IMAGE_WIDTH,DEFAULT_IMAGE_HEIGHT);\n\t\t// Set the width and height input boxes\n\t\tself.updateSize();\n\t};\n\t// Get the current bitmap into an image object\n\tcurrImage.src = \"data:\" + tiddler.fields.type + \";base64,\" + tiddler.fields.text;\n};\n\nEditBitmapWidget.prototype.initCanvas = function(canvas,width,height,image) {\n\tcanvas.width = width;\n\tcanvas.height = height;\n\tvar ctx = canvas.getContext(\"2d\");\n\tif(image) {\n\t\tctx.drawImage(image,0,0);\n\t} else {\n\t\tctx.fillStyle = \"#fff\";\n\t\tctx.fillRect(0,0,canvas.width,canvas.height);\n\t}\n};\n\n/*\n** Update the input boxes with the actual size of the canvas\n*/\nEditBitmapWidget.prototype.updateSize = function() {\n\tthis.widthDomNode.value = this.currCanvas.width;\n\tthis.heightDomNode.value = this.currCanvas.height;\n};\n\n/*\n** Change the size of the canvas, preserving the current image\n*/\nEditBitmapWidget.prototype.changeCanvasSize = function(newWidth,newHeight) {\n\t// Create and size a new canvas\n\tvar newCanvas = this.document.createElement(\"canvas\");\n\tthis.initCanvas(newCanvas,newWidth,newHeight);\n\t// Copy the old image\n\tvar ctx = newCanvas.getContext(\"2d\");\n\tctx.drawImage(this.currCanvas,0,0);\n\t// Set the new canvas as the current one\n\tthis.currCanvas = newCanvas;\n\t// Set the size of the onscreen canvas\n\tthis.canvasDomNode.width = newWidth;\n\tthis.canvasDomNode.height = newHeight;\n\t// Paint the onscreen canvas with the offscreen canvas\n\tctx = this.canvasDomNode.getContext(\"2d\");\n\tctx.drawImage(this.currCanvas,0,0);\n};\n\nEditBitmapWidget.prototype.handleWidthChangeEvent = function(event) {\n\t// Get the new width\n\tvar newWidth = parseInt(this.widthDomNode.value,10);\n\t// Update if necessary\n\tif(newWidth > 0 && newWidth !== this.currCanvas.width) {\n\t\tthis.changeCanvasSize(newWidth,this.currCanvas.height);\n\t}\n\t// Update the input controls\n\tthis.updateSize();\n};\n\nEditBitmapWidget.prototype.handleHeightChangeEvent = function(event) {\n\t// Get the new width\n\tvar newHeight = parseInt(this.heightDomNode.value,10);\n\t// Update if necessary\n\tif(newHeight > 0 && newHeight !== this.currCanvas.height) {\n\t\tthis.changeCanvasSize(this.currCanvas.width,newHeight);\n\t}\n\t// Update the input controls\n\tthis.updateSize();\n};\n\nEditBitmapWidget.prototype.handleTouchStartEvent = function(event) {\n\tthis.brushDown = true;\n\tthis.strokeStart(event.touches[0].clientX,event.touches[0].clientY);\n\tevent.preventDefault();\n\tevent.stopPropagation();\n\treturn false;\n};\n\nEditBitmapWidget.prototype.handleTouchMoveEvent = function(event) {\n\tif(this.brushDown) {\n\t\tthis.strokeMove(event.touches[0].clientX,event.touches[0].clientY);\n\t}\n\tevent.preventDefault();\n\tevent.stopPropagation();\n\treturn false;\n};\n\nEditBitmapWidget.prototype.handleTouchEndEvent = function(event) {\n\tif(this.brushDown) {\n\t\tthis.brushDown = false;\n\t\tthis.strokeEnd();\n\t}\n\tevent.preventDefault();\n\tevent.stopPropagation();\n\treturn false;\n};\n\nEditBitmapWidget.prototype.handleMouseDownEvent = function(event) {\n\tthis.strokeStart(event.clientX,event.clientY);\n\tthis.brushDown = true;\n\tevent.preventDefault();\n\tevent.stopPropagation();\n\treturn false;\n};\n\nEditBitmapWidget.prototype.handleMouseMoveEvent = function(event) {\n\tif(this.brushDown) {\n\t\tthis.strokeMove(event.clientX,event.clientY);\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\t\treturn false;\n\t}\n\treturn true;\n};\n\nEditBitmapWidget.prototype.handleMouseUpEvent = function(event) {\n\tif(this.brushDown) {\n\t\tthis.brushDown = false;\n\t\tthis.strokeEnd();\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\t\treturn false;\n\t}\n\treturn true;\n};\n\nEditBitmapWidget.prototype.adjustCoordinates = function(x,y) {\n\tvar canvasRect = this.canvasDomNode.getBoundingClientRect(),\n\t\tscale = this.canvasDomNode.width/canvasRect.width;\n\treturn {x: (x - canvasRect.left) * scale, y: (y - canvasRect.top) * scale};\n};\n\nEditBitmapWidget.prototype.strokeStart = function(x,y) {\n\t// Start off a new stroke\n\tthis.stroke = [this.adjustCoordinates(x,y)];\n};\n\nEditBitmapWidget.prototype.strokeMove = function(x,y) {\n\tvar ctx = this.canvasDomNode.getContext(\"2d\"),\n\t\tt;\n\t// Add the new position to the end of the stroke\n\tthis.stroke.push(this.adjustCoordinates(x,y));\n\t// Redraw the previous image\n\tctx.drawImage(this.currCanvas,0,0);\n\t// Render the stroke\n\tctx.strokeStyle = this.wiki.getTiddlerText(LINE_COLOUR_TITLE,\"#ff0\");\n\tctx.lineWidth = parseInt(this.wiki.getTiddlerText(LINE_WIDTH_TITLE,\"3\"),10);\n\tctx.lineCap = \"round\";\n\tctx.lineJoin = \"round\";\n\tctx.beginPath();\n\tctx.moveTo(this.stroke[0].x,this.stroke[0].y);\n\tfor(t=1; t<this.stroke.length-1; t++) {\n\t\tvar s1 = this.stroke[t],\n\t\t\ts2 = this.stroke[t-1],\n\t\t\ttx = (s1.x + s2.x)/2,\n\t\t\tty = (s1.y + s2.y)/2;\n\t\tctx.quadraticCurveTo(s2.x,s2.y,tx,ty);\n\t}\n\tctx.stroke();\n};\n\nEditBitmapWidget.prototype.strokeEnd = function() {\n\t// Copy the bitmap to the off-screen canvas\n\tvar ctx = this.currCanvas.getContext(\"2d\");\n\tctx.drawImage(this.canvasDomNode,0,0);\n\t// Save the image into the tiddler\n\tthis.saveChanges();\n};\n\nEditBitmapWidget.prototype.saveChanges = function() {\n\tvar tiddler = this.wiki.getTiddler(this.editTitle);\n\tif(tiddler) {\n\t\t// data URIs look like \"data:<type>;base64,<text>\"\n\t\tvar dataURL = this.canvasDomNode.toDataURL(tiddler.fields.type,1.0),\n\t\t\tposColon = dataURL.indexOf(\":\"),\n\t\t\tposSemiColon = dataURL.indexOf(\";\"),\n\t\t\tposComma = dataURL.indexOf(\",\"),\n\t\t\ttype = dataURL.substring(posColon+1,posSemiColon),\n\t\t\ttext = dataURL.substring(posComma+1);\n\t\tvar update = {type: type, text: text};\n\t\tthis.wiki.addTiddler(new $tw.Tiddler(tiddler,update));\n\t}\n};\n\nexports[\"edit-bitmap\"] = EditBitmapWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/edit-bitmap.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/edit-text.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/edit-text.js\ntype: application/javascript\nmodule-type: widget\n\nEdit-text widget\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar DEFAULT_MIN_TEXT_AREA_HEIGHT = \"100px\"; // Minimum height of textareas in pixels\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar EditTextWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nEditTextWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nEditTextWidget.prototype.render = function(parent,nextSibling) {\n\tvar self = this;\n\t// Save the parent dom node\n\tthis.parentDomNode = parent;\n\t// Compute our attributes\n\tthis.computeAttributes();\n\t// Execute our logic\n\tthis.execute();\n\t// Create our element\n\tvar editInfo = this.getEditInfo(),\n\t\ttag = this.editTag;\n\tif($tw.config.htmlUnsafeElements.indexOf(tag) !== -1) {\n\t\ttag = \"input\";\n\t}\n\tvar domNode = this.document.createElement(tag);\n\tif(this.editType) {\n\t\tdomNode.setAttribute(\"type\",this.editType);\n\t}\n\tif(editInfo.value === \"\" && this.editPlaceholder) {\n\t\tdomNode.setAttribute(\"placeholder\",this.editPlaceholder);\n\t}\n\tif(this.editSize) {\n\t\tdomNode.setAttribute(\"size\",this.editSize);\n\t}\n\t// Assign classes\n\tif(this.editClass) {\n\t\tdomNode.className = this.editClass;\n\t}\n\t// Set the text\n\tif(this.editTag === \"textarea\") {\n\t\tdomNode.appendChild(this.document.createTextNode(editInfo.value));\n\t} else {\n\t\tdomNode.value = editInfo.value;\n\t}\n\t// Add an input event handler\n\t$tw.utils.addEventListeners(domNode,[\n\t\t{name: \"focus\", handlerObject: this, handlerMethod: \"handleFocusEvent\"},\n\t\t{name: \"input\", handlerObject: this, handlerMethod: \"handleInputEvent\"}\n\t]);\n\t// Insert the element into the DOM\n\tparent.insertBefore(domNode,nextSibling);\n\tthis.domNodes.push(domNode);\n\tif(this.postRender) {\n\t\tthis.postRender();\n\t}\n\t// Fix height\n\tthis.fixHeight();\n\t// Focus field\n\tif(this.editFocus === \"true\") {\n\t\tif(domNode.focus && domNode.select) {\n\t\t\tdomNode.focus();\n\t\t\tdomNode.select();\t\t\t\n\t\t}\n\t}\n};\n\n/*\nGet the tiddler being edited and current value\n*/\nEditTextWidget.prototype.getEditInfo = function() {\n\t// Get the edit value\n\tvar self = this,\n\t\tvalue,\n\t\tupdate;\n\tif(this.editIndex) {\n\t\tvalue = this.wiki.extractTiddlerDataItem(this.editTitle,this.editIndex,this.editDefault);\n\t\tupdate = function(value) {\n\t\t\tvar data = self.wiki.getTiddlerData(self.editTitle,{});\n\t\t\tif(data[self.editIndex] !== value) {\n\t\t\t\tdata[self.editIndex] = value;\n\t\t\t\tself.wiki.setTiddlerData(self.editTitle,data);\n\t\t\t}\n\t\t};\n\t} else {\n\t\t// Get the current tiddler and the field name\n\t\tvar tiddler = this.wiki.getTiddler(this.editTitle);\n\t\tif(tiddler) {\n\t\t\t// If we've got a tiddler, the value to display is the field string value\n\t\t\tvalue = tiddler.getFieldString(this.editField);\n\t\t} else {\n\t\t\t// Otherwise, we need to construct a default value for the editor\n\t\t\tswitch(this.editField) {\n\t\t\t\tcase \"text\":\n\t\t\t\t\tvalue = \"Type the text for the tiddler '\" + this.editTitle + \"'\";\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"title\":\n\t\t\t\t\tvalue = this.editTitle;\n\t\t\t\t\tbreak;\n\t\t\t\tdefault:\n\t\t\t\t\tvalue = \"\";\n\t\t\t\t\tbreak;\n\t\t\t}\n\t\t\tif(this.editDefault !== undefined) {\n\t\t\t\tvalue = this.editDefault;\n\t\t\t}\n\t\t}\n\t\tupdate = function(value) {\n\t\t\tvar tiddler = self.wiki.getTiddler(self.editTitle),\n\t\t\t\tupdateFields = {\n\t\t\t\t\ttitle: self.editTitle\n\t\t\t\t};\n\t\t\tupdateFields[self.editField] = value;\n\t\t\tself.wiki.addTiddler(new $tw.Tiddler(self.wiki.getCreationFields(),tiddler,updateFields,self.wiki.getModificationFields()));\n\t\t};\n\t}\n\treturn {value: value, update: update};\n};\n\n/*\nCompute the internal state of the widget\n*/\nEditTextWidget.prototype.execute = function() {\n\t// Get our parameters\n\tthis.editTitle = this.getAttribute(\"tiddler\",this.getVariable(\"currentTiddler\"));\n\tthis.editField = this.getAttribute(\"field\",\"text\");\n\tthis.editIndex = this.getAttribute(\"index\");\n\tthis.editDefault = this.getAttribute(\"default\");\n\tthis.editClass = this.getAttribute(\"class\");\n\tthis.editPlaceholder = this.getAttribute(\"placeholder\");\n\tthis.editSize = this.getAttribute(\"size\");\n\tthis.editAutoHeight = this.getAttribute(\"autoHeight\",\"yes\") === \"yes\";\n\tthis.editMinHeight = this.getAttribute(\"minHeight\",DEFAULT_MIN_TEXT_AREA_HEIGHT);\n\tthis.editFocusPopup = this.getAttribute(\"focusPopup\");\n\tthis.editFocus = this.getAttribute(\"focus\");\n\t// Get the editor element tag and type\n\tvar tag,type;\n\tif(this.editField === \"text\") {\n\t\ttag = \"textarea\";\n\t} else {\n\t\ttag = \"input\";\n\t\tvar fieldModule = $tw.Tiddler.fieldModules[this.editField];\n\t\tif(fieldModule && fieldModule.editTag) {\n\t\t\ttag = fieldModule.editTag;\n\t\t}\n\t\tif(fieldModule && fieldModule.editType) {\n\t\t\ttype = fieldModule.editType;\n\t\t}\n\t\ttype = type || \"text\";\n\t}\n\t// Get the rest of our parameters\n\tthis.editTag = this.getAttribute(\"tag\",tag);\n\tthis.editType = this.getAttribute(\"type\",type);\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nEditTextWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes();\n\t// Completely rerender if any of our attributes have changed\n\tif(changedAttributes.tiddler || changedAttributes.field || changedAttributes.index || changedAttributes[\"default\"] || changedAttributes[\"class\"] || changedAttributes.placeholder || changedAttributes.size || changedAttributes.autoHeight || changedAttributes.minHeight || changedAttributes.focusPopup) {\n\t\tthis.refreshSelf();\n\t\treturn true;\n\t} else if(changedTiddlers[this.editTitle]) {\n\t\tthis.updateEditor(this.getEditInfo().value);\n\t\treturn true;\n\t}\n\treturn false;\n};\n\n/*\nUpdate the editor with new text. This method is separate from updateEditorDomNode()\nso that subclasses can override updateEditor() and still use updateEditorDomNode()\n*/\nEditTextWidget.prototype.updateEditor = function(text) {\n\tthis.updateEditorDomNode(text);\n};\n\n/*\nUpdate the editor dom node with new text\n*/\nEditTextWidget.prototype.updateEditorDomNode = function(text) {\n\t// Replace the edit value if the tiddler we're editing has changed\n\tvar domNode = this.domNodes[0];\n\tif(!domNode.isTiddlyWikiFakeDom) {\n\t\tif(this.document.activeElement !== domNode) {\n\t\t\tdomNode.value = text;\n\t\t}\n\t\t// Fix the height if needed\n\t\tthis.fixHeight();\n\t}\n};\n\n/*\nFix the height of textareas to fit their content\n*/\nEditTextWidget.prototype.fixHeight = function() {\n\tvar self = this,\n\t\tdomNode = this.domNodes[0];\n\tif(this.editAutoHeight && domNode && !domNode.isTiddlyWikiFakeDom && this.editTag === \"textarea\") {\n\t\t// Resize the textarea to fit its content, preserving scroll position\n\t\tvar scrollPosition = $tw.utils.getScrollPosition(),\n\t\t\tscrollTop = scrollPosition.y;\n\t\t// Measure the specified minimum height\n\t\tdomNode.style.height = self.editMinHeight;\n\t\tvar minHeight = domNode.offsetHeight;\n\t\t// Set its height to auto so that it snaps to the correct height\n\t\tdomNode.style.height = \"auto\";\n\t\t// Calculate the revised height\n\t\tvar newHeight = Math.max(domNode.scrollHeight + domNode.offsetHeight - domNode.clientHeight,minHeight);\n\t\t// Only try to change the height if it has changed\n\t\tif(newHeight !== domNode.offsetHeight) {\n\t\t\tdomNode.style.height = newHeight + \"px\";\n\t\t\t// Make sure that the dimensions of the textarea are recalculated\n\t\t\t$tw.utils.forceLayout(domNode);\n\t\t\t// Check that the scroll position is still visible before trying to scroll back to it\n\t\t\tscrollTop = Math.min(scrollTop,self.document.body.scrollHeight - window.innerHeight);\n\t\t\twindow.scrollTo(scrollPosition.x,scrollTop);\n\t\t}\n\t}\n};\n\n/*\nHandle a dom \"input\" event\n*/\nEditTextWidget.prototype.handleInputEvent = function(event) {\n\tthis.saveChanges(this.domNodes[0].value);\n\tthis.fixHeight();\n\treturn true;\n};\n\nEditTextWidget.prototype.handleFocusEvent = function(event) {\n\tif(this.editFocusPopup) {\n\t\t$tw.popup.triggerPopup({\n\t\t\tdomNode: this.domNodes[0],\n\t\t\ttitle: this.editFocusPopup,\n\t\t\twiki: this.wiki,\n\t\t\tforce: true\n\t\t});\n\t}\n\treturn true;\n};\n\nEditTextWidget.prototype.saveChanges = function(text) {\n\tvar editInfo = this.getEditInfo();\n\tif(text !== editInfo.value) {\n\t\teditInfo.update(text);\n\t}\n};\n\nexports[\"edit-text\"] = EditTextWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/edit-text.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/edit.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/edit.js\ntype: application/javascript\nmodule-type: widget\n\nEdit widget is a meta-widget chooses the appropriate actual editting widget\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar EditWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nEditWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nEditWidget.prototype.render = function(parent,nextSibling) {\n\tthis.parentDomNode = parent;\n\tthis.computeAttributes();\n\tthis.execute();\n\tthis.renderChildren(parent,nextSibling);\n};\n\n// Mappings from content type to editor type are stored in tiddlers with this prefix\nvar EDITOR_MAPPING_PREFIX = \"$:/config/EditorTypeMappings/\";\n\n/*\nCompute the internal state of the widget\n*/\nEditWidget.prototype.execute = function() {\n\t// Get our parameters\n\tthis.editTitle = this.getAttribute(\"tiddler\",this.getVariable(\"currentTiddler\"));\n\tthis.editField = this.getAttribute(\"field\",\"text\");\n\tthis.editIndex = this.getAttribute(\"index\");\n\tthis.editClass = this.getAttribute(\"class\");\n\tthis.editPlaceholder = this.getAttribute(\"placeholder\");\n\t// Choose the appropriate edit widget\n\tthis.editorType = this.getEditorType();\n\t// Make the child widgets\n\tthis.makeChildWidgets([{\n\t\ttype: \"edit-\" + this.editorType,\n\t\tattributes: {\n\t\t\ttiddler: {type: \"string\", value: this.editTitle},\n\t\t\tfield: {type: \"string\", value: this.editField},\n\t\t\tindex: {type: \"string\", value: this.editIndex},\n\t\t\t\"class\": {type: \"string\", value: this.editClass},\n\t\t\t\"placeholder\": {type: \"string\", value: this.editPlaceholder}\n\t\t}\n\t}]);\n};\n\nEditWidget.prototype.getEditorType = function() {\n\t// Get the content type of the thing we're editing\n\tvar type;\n\tif(this.editField === \"text\") {\n\t\tvar tiddler = this.wiki.getTiddler(this.editTitle);\n\t\tif(tiddler) {\n\t\t\ttype = tiddler.fields.type;\n\t\t}\n\t}\n\ttype = type || \"text/vnd.tiddlywiki\";\n\tvar editorType = this.wiki.getTiddlerText(EDITOR_MAPPING_PREFIX + type);\n\tif(!editorType) {\n\t\tvar typeInfo = $tw.config.contentTypeInfo[type];\n\t\tif(typeInfo && typeInfo.encoding === \"base64\") {\n\t\t\teditorType = \"binary\";\n\t\t} else {\n\t\t\teditorType = \"text\";\n\t\t}\n\t}\n\treturn editorType;\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nEditWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes();\n\t// Refresh if an attribute has changed, or the type associated with the target tiddler has changed\n\tif(changedAttributes.tiddler || changedAttributes.field || changedAttributes.index || (changedTiddlers[this.editTitle] && this.getEditorType() !== this.editorType)) {\n\t\tthis.refreshSelf();\n\t\treturn true;\n\t} else {\n\t\treturn this.refreshChildren(changedTiddlers);\t\t\n\t}\n};\n\nexports.edit = EditWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/edit.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/element.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/element.js\ntype: application/javascript\nmodule-type: widget\n\nElement widget\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar ElementWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nElementWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nElementWidget.prototype.render = function(parent,nextSibling) {\n\tthis.parentDomNode = parent;\n\tthis.computeAttributes();\n\tthis.execute();\n\t// Neuter blacklisted elements\n\tvar tag = this.parseTreeNode.tag;\n\tif($tw.config.htmlUnsafeElements.indexOf(tag) !== -1) {\n\t\ttag = \"safe-\" + tag;\n\t}\n\tvar domNode = this.document.createElementNS(this.namespace,tag);\n\tthis.assignAttributes(domNode,{excludeEventAttributes: true});\n\tparent.insertBefore(domNode,nextSibling);\n\tthis.renderChildren(domNode,null);\n\tthis.domNodes.push(domNode);\n};\n\n/*\nCompute the internal state of the widget\n*/\nElementWidget.prototype.execute = function() {\n\t// Select the namespace for the tag\n\tvar tagNamespaces = {\n\t\t\tsvg: \"http://www.w3.org/2000/svg\",\n\t\t\tmath: \"http://www.w3.org/1998/Math/MathML\",\n\t\t\tbody: \"http://www.w3.org/1999/xhtml\"\n\t\t};\n\tthis.namespace = tagNamespaces[this.parseTreeNode.tag];\n\tif(this.namespace) {\n\t\tthis.setVariable(\"namespace\",this.namespace);\n\t} else {\n\t\tthis.namespace = this.getVariable(\"namespace\",{defaultValue: \"http://www.w3.org/1999/xhtml\"});\n\t}\n\t// Make the child widgets\n\tthis.makeChildWidgets();\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nElementWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes(),\n\t\thasChangedAttributes = $tw.utils.count(changedAttributes) > 0;\n\tif(hasChangedAttributes) {\n\t\t// Update our attributes\n\t\tthis.assignAttributes(this.domNodes[0],{excludeEventAttributes: true});\n\t}\n\treturn this.refreshChildren(changedTiddlers) || hasChangedAttributes;\n};\n\nexports.element = ElementWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/element.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/encrypt.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/encrypt.js\ntype: application/javascript\nmodule-type: widget\n\nEncrypt widget\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar EncryptWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nEncryptWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nEncryptWidget.prototype.render = function(parent,nextSibling) {\n\tthis.parentDomNode = parent;\n\tthis.computeAttributes();\n\tthis.execute();\n\tvar textNode = this.document.createTextNode(this.encryptedText);\n\tparent.insertBefore(textNode,nextSibling);\n\tthis.domNodes.push(textNode);\n};\n\n/*\nCompute the internal state of the widget\n*/\nEncryptWidget.prototype.execute = function() {\n\t// Get parameters from our attributes\n\tthis.filter = this.getAttribute(\"filter\",\"[!is[system]]\");\n\t// Encrypt the filtered tiddlers\n\tvar tiddlers = this.wiki.filterTiddlers(this.filter),\n\t\tjson = {},\n\t\tself = this;\n\t$tw.utils.each(tiddlers,function(title) {\n\t\tvar tiddler = self.wiki.getTiddler(title),\n\t\t\tjsonTiddler = {};\n\t\tfor(var f in tiddler.fields) {\n\t\t\tjsonTiddler[f] = tiddler.getFieldString(f);\n\t\t}\n\t\tjson[title] = jsonTiddler;\n\t});\n\tthis.encryptedText = $tw.utils.htmlEncode($tw.crypto.encrypt(JSON.stringify(json)));\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nEncryptWidget.prototype.refresh = function(changedTiddlers) {\n\t// We don't need to worry about refreshing because the encrypt widget isn't for interactive use\n\treturn false;\n};\n\nexports.encrypt = EncryptWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/encrypt.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/entity.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/entity.js\ntype: application/javascript\nmodule-type: widget\n\nHTML entity widget\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar EntityWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nEntityWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nEntityWidget.prototype.render = function(parent,nextSibling) {\n\tthis.parentDomNode = parent;\n\tthis.execute();\n\tvar textNode = this.document.createTextNode($tw.utils.entityDecode(this.parseTreeNode.entity));\n\tparent.insertBefore(textNode,nextSibling);\n\tthis.domNodes.push(textNode);\n};\n\n/*\nCompute the internal state of the widget\n*/\nEntityWidget.prototype.execute = function() {\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nEntityWidget.prototype.refresh = function(changedTiddlers) {\n\treturn false;\n};\n\nexports.entity = EntityWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/entity.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/fieldmangler.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/fieldmangler.js\ntype: application/javascript\nmodule-type: widget\n\nField mangler widget\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar FieldManglerWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n\tthis.addEventListeners([\n\t\t{type: \"tm-remove-field\", handler: \"handleRemoveFieldEvent\"},\n\t\t{type: \"tm-add-field\", handler: \"handleAddFieldEvent\"},\n\t\t{type: \"tm-remove-tag\", handler: \"handleRemoveTagEvent\"},\n\t\t{type: \"tm-add-tag\", handler: \"handleAddTagEvent\"}\n\t]);\n};\n\n/*\nInherit from the base widget class\n*/\nFieldManglerWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nFieldManglerWidget.prototype.render = function(parent,nextSibling) {\n\tthis.parentDomNode = parent;\n\tthis.computeAttributes();\n\tthis.execute();\n\tthis.renderChildren(parent,nextSibling);\n};\n\n/*\nCompute the internal state of the widget\n*/\nFieldManglerWidget.prototype.execute = function() {\n\t// Get our parameters\n\tthis.mangleTitle = this.getAttribute(\"tiddler\",this.getVariable(\"currentTiddler\"));\n\t// Construct the child widgets\n\tthis.makeChildWidgets();\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nFieldManglerWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes();\n\tif(changedAttributes.tiddler) {\n\t\tthis.refreshSelf();\n\t\treturn true;\n\t} else {\n\t\treturn this.refreshChildren(changedTiddlers);\t\t\n\t}\n};\n\nFieldManglerWidget.prototype.handleRemoveFieldEvent = function(event) {\n\tvar tiddler = this.wiki.getTiddler(this.mangleTitle),\n\t\tdeletion = {};\n\tdeletion[event.param] = undefined;\n\tthis.wiki.addTiddler(new $tw.Tiddler(tiddler,deletion));\n\treturn true;\n};\n\nFieldManglerWidget.prototype.handleAddFieldEvent = function(event) {\n\tvar tiddler = this.wiki.getTiddler(this.mangleTitle),\n\t\taddition = this.wiki.getModificationFields(),\n\t\thadInvalidFieldName = false,\n\t\taddField = function(name,value) {\n\t\t\tvar trimmedName = name.toLowerCase().trim();\n\t\t\tif(!$tw.utils.isValidFieldName(trimmedName)) {\n\t\t\t\tif(!hadInvalidFieldName) {\n\t\t\t\t\talert($tw.language.getString(\n\t\t\t\t\t\t\"InvalidFieldName\",\n\t\t\t\t\t\t{variables:\n\t\t\t\t\t\t\t{fieldName: trimmedName}\n\t\t\t\t\t\t}\n\t\t\t\t\t));\n\t\t\t\t\thadInvalidFieldName = true;\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tif(!value && tiddler) {\n\t\t\t\t\tvalue = tiddler.fields[trimmedName];\n\t\t\t\t}\n\t\t\t\taddition[trimmedName] = value || \"\";\n\t\t\t}\n\t\t\treturn;\n\t\t};\n\taddition.title = this.mangleTitle;\n\tif(typeof event.param === \"string\") {\n\t\taddField(event.param,\"\");\n\t}\n\tif(typeof event.paramObject === \"object\") {\n\t\tfor(var name in event.paramObject) {\n\t\t\taddField(name,event.paramObject[name]);\n\t\t}\n\t}\n\tthis.wiki.addTiddler(new $tw.Tiddler(tiddler,addition));\n\treturn true;\n};\n\nFieldManglerWidget.prototype.handleRemoveTagEvent = function(event) {\n\tvar tiddler = this.wiki.getTiddler(this.mangleTitle);\n\tif(tiddler && tiddler.fields.tags) {\n\t\tvar p = tiddler.fields.tags.indexOf(event.param);\n\t\tif(p !== -1) {\n\t\t\tvar modification = this.wiki.getModificationFields();\n\t\t\tmodification.tags = (tiddler.fields.tags || []).slice(0);\n\t\t\tmodification.tags.splice(p,1);\n\t\t\tif(modification.tags.length === 0) {\n\t\t\t\tmodification.tags = undefined;\n\t\t\t}\n\t\tthis.wiki.addTiddler(new $tw.Tiddler(tiddler,modification));\n\t\t}\n\t}\n\treturn true;\n};\n\nFieldManglerWidget.prototype.handleAddTagEvent = function(event) {\n\tvar tiddler = this.wiki.getTiddler(this.mangleTitle);\n\tif(tiddler && typeof event.param === \"string\") {\n\t\tvar tag = event.param.trim();\n\t\tif(tag !== \"\") {\n\t\t\tvar modification = this.wiki.getModificationFields();\n\t\t\tmodification.tags = (tiddler.fields.tags || []).slice(0);\n\t\t\t$tw.utils.pushTop(modification.tags,tag);\n\t\t\tthis.wiki.addTiddler(new $tw.Tiddler(tiddler,modification));\t\t\t\n\t\t}\n\t}\n\treturn true;\n};\n\nexports.fieldmangler = FieldManglerWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/fieldmangler.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/fields.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/fields.js\ntype: application/javascript\nmodule-type: widget\n\nFields widget\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar FieldsWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nFieldsWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nFieldsWidget.prototype.render = function(parent,nextSibling) {\n\tthis.parentDomNode = parent;\n\tthis.computeAttributes();\n\tthis.execute();\n\tvar textNode = this.document.createTextNode(this.text);\n\tparent.insertBefore(textNode,nextSibling);\n\tthis.domNodes.push(textNode);\n};\n\n/*\nCompute the internal state of the widget\n*/\nFieldsWidget.prototype.execute = function() {\n\t// Get parameters from our attributes\n\tthis.tiddlerTitle = this.getAttribute(\"tiddler\",this.getVariable(\"currentTiddler\"));\n\tthis.template = this.getAttribute(\"template\");\n\tthis.exclude = this.getAttribute(\"exclude\");\n\tthis.stripTitlePrefix = this.getAttribute(\"stripTitlePrefix\",\"no\") === \"yes\";\n\t// Get the value to display\n\tvar tiddler = this.wiki.getTiddler(this.tiddlerTitle);\n\t// Get the exclusion list\n\tvar exclude;\n\tif(this.exclude) {\n\t\texclude = this.exclude.split(\" \");\n\t} else {\n\t\texclude = [\"text\"]; \n\t}\n\t// Compose the template\n\tvar text = [];\n\tif(this.template && tiddler) {\n\t\tvar fields = [];\n\t\tfor(var fieldName in tiddler.fields) {\n\t\t\tif(exclude.indexOf(fieldName) === -1) {\n\t\t\t\tfields.push(fieldName);\n\t\t\t}\n\t\t}\n\t\tfields.sort();\n\t\tfor(var f=0; f<fields.length; f++) {\n\t\t\tfieldName = fields[f];\n\t\t\tif(exclude.indexOf(fieldName) === -1) {\n\t\t\t\tvar row = this.template,\n\t\t\t\t\tvalue = tiddler.getFieldString(fieldName);\n\t\t\t\tif(this.stripTitlePrefix && fieldName === \"title\") {\n\t\t\t\t\tvar reStrip = /^\\{[^\\}]+\\}(.+)/mg,\n\t\t\t\t\t\treMatch = reStrip.exec(value);\n\t\t\t\t\tif(reMatch) {\n\t\t\t\t\t\tvalue = reMatch[1];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\trow = row.replace(\"$name$\",fieldName);\n\t\t\t\trow = row.replace(\"$value$\",value);\n\t\t\t\trow = row.replace(\"$encoded_value$\",$tw.utils.htmlEncode(value));\n\t\t\t\ttext.push(row);\n\t\t\t}\n\t\t}\n\t}\n\tthis.text = text.join(\"\");\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nFieldsWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes();\n\tif(changedAttributes.tiddler || changedAttributes.template || changedAttributes.exclude || changedAttributes.stripTitlePrefix || changedTiddlers[this.tiddlerTitle]) {\n\t\tthis.refreshSelf();\n\t\treturn true;\n\t} else {\n\t\treturn false;\t\n\t}\n};\n\nexports.fields = FieldsWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/fields.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/image.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/image.js\ntype: application/javascript\nmodule-type: widget\n\nThe image widget displays an image referenced with an external URI or with a local tiddler title.\n\n```\n<$image src=\"TiddlerTitle\" width=\"320\" height=\"400\" class=\"classnames\">\n```\n\nThe image source can be the title of an existing tiddler or the URL of an external image.\n\nExternal images always generate an HTML `<img>` tag.\n\nTiddlers that have a _canonical_uri field generate an HTML `<img>` tag with the src attribute containing the URI.\n\nTiddlers that contain image data generate an HTML `<img>` tag with the src attribute containing a base64 representation of the image.\n\nTiddlers that contain wikitext could be rendered to a DIV of the usual size of a tiddler, and then transformed to the size requested.\n\nThe width and height attributes are interpreted as a number of pixels, and do not need to include the \"px\" suffix.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar ImageWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nImageWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nImageWidget.prototype.render = function(parent,nextSibling) {\n\tthis.parentDomNode = parent;\n\tthis.computeAttributes();\n\tthis.execute();\n\t// Create element\n\t// Determine what type of image it is\n\tvar tag = \"img\", src = \"\",\n\t\ttiddler = this.wiki.getTiddler(this.imageSource);\n\tif(!tiddler) {\n\t\t// The source isn't the title of a tiddler, so we'll assume it's a URL\n\t\tsrc = this.getVariable(\"tv-get-export-image-link\",{params: [{name: \"src\",value: this.imageSource}],defaultValue: this.imageSource});\n\t} else {\n\t\t// Check if it is an image tiddler\n\t\tif(this.wiki.isImageTiddler(this.imageSource)) {\n\t\t\tvar type = tiddler.fields.type,\n\t\t\t\ttext = tiddler.fields.text,\n\t\t\t\t_canonical_uri = tiddler.fields._canonical_uri;\n\t\t\t// If the tiddler has body text then it doesn't need to be lazily loaded\n\t\t\tif(text) {\n\t\t\t\t// Render the appropriate element for the image type\n\t\t\t\tswitch(type) {\n\t\t\t\t\tcase \"application/pdf\":\n\t\t\t\t\t\ttag = \"embed\";\n\t\t\t\t\t\tsrc = \"data:application/pdf;base64,\" + text;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"image/svg+xml\":\n\t\t\t\t\t\tsrc = \"data:image/svg+xml,\" + encodeURIComponent(text);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tsrc = \"data:\" + type + \";base64,\" + text;\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t} else if(_canonical_uri) {\n\t\t\t\tswitch(type) {\n\t\t\t\t\tcase \"application/pdf\":\n\t\t\t\t\t\ttag = \"embed\";\n\t\t\t\t\t\tsrc = _canonical_uri;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"image/svg+xml\":\n\t\t\t\t\t\tsrc = _canonical_uri;\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tsrc = _canonical_uri;\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\t\n\t\t\t}\n\t\t}\n\t}\n\t// Create the element and assign the attributes\n\tvar domNode = this.document.createElement(tag);\n\tdomNode.setAttribute(\"src\",src);\n\tif(this.imageClass) {\n\t\tdomNode.setAttribute(\"class\",this.imageClass);\t\t\n\t}\n\tif(this.imageWidth) {\n\t\tdomNode.setAttribute(\"width\",this.imageWidth);\n\t}\n\tif(this.imageHeight) {\n\t\tdomNode.setAttribute(\"height\",this.imageHeight);\n\t}\n\tif(this.imageTooltip) {\n\t\tdomNode.setAttribute(\"title\",this.imageTooltip);\t\t\n\t}\n\tif(this.imageAlt) {\n\t\tdomNode.setAttribute(\"alt\",this.imageAlt);\t\t\n\t}\n\t// Insert element\n\tparent.insertBefore(domNode,nextSibling);\n\tthis.domNodes.push(domNode);\n};\n\n/*\nCompute the internal state of the widget\n*/\nImageWidget.prototype.execute = function() {\n\t// Get our parameters\n\tthis.imageSource = this.getAttribute(\"source\");\n\tthis.imageWidth = this.getAttribute(\"width\");\n\tthis.imageHeight = this.getAttribute(\"height\");\n\tthis.imageClass = this.getAttribute(\"class\");\n\tthis.imageTooltip = this.getAttribute(\"tooltip\");\n\tthis.imageAlt = this.getAttribute(\"alt\");\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nImageWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes();\n\tif(changedAttributes.source || changedAttributes.width || changedAttributes.height || changedAttributes[\"class\"] || changedAttributes.tooltip || changedTiddlers[this.imageSource]) {\n\t\tthis.refreshSelf();\n\t\treturn true;\n\t} else {\n\t\treturn false;\t\t\n\t}\n};\n\nexports.image = ImageWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/image.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/importvariables.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/importvariables.js\ntype: application/javascript\nmodule-type: widget\n\nImport variable definitions from other tiddlers\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar ImportVariablesWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nImportVariablesWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nImportVariablesWidget.prototype.render = function(parent,nextSibling) {\n\tthis.parentDomNode = parent;\n\tthis.computeAttributes();\n\tthis.execute();\n\tthis.renderChildren(parent,nextSibling);\n};\n\n/*\nCompute the internal state of the widget\n*/\nImportVariablesWidget.prototype.execute = function(tiddlerList) {\n\tvar self = this;\n\t// Get our parameters\n\tthis.filter = this.getAttribute(\"filter\");\n\t// Compute the filter\n\tthis.tiddlerList = tiddlerList || this.wiki.filterTiddlers(this.filter,this);\n\t// Accumulate the <$set> widgets from each tiddler\n\tvar widgetStackStart,widgetStackEnd;\n\tfunction addWidgetNode(widgetNode) {\n\t\tif(widgetNode) {\n\t\t\tif(!widgetStackStart && !widgetStackEnd) {\n\t\t\t\twidgetStackStart = widgetNode;\n\t\t\t\twidgetStackEnd = widgetNode;\n\t\t\t} else {\n\t\t\t\twidgetStackEnd.children = [widgetNode];\n\t\t\t\twidgetStackEnd = widgetNode;\n\t\t\t}\n\t\t}\n\t}\n\t$tw.utils.each(this.tiddlerList,function(title) {\n\t\tvar parser = self.wiki.parseTiddler(title);\n\t\tif(parser) {\n\t\t\tvar parseTreeNode = parser.tree[0];\n\t\t\twhile(parseTreeNode && parseTreeNode.type === \"set\") {\n\t\t\t\taddWidgetNode({\n\t\t\t\t\ttype: \"set\",\n\t\t\t\t\tattributes: parseTreeNode.attributes,\n\t\t\t\t\tparams: parseTreeNode.params\n\t\t\t\t});\n\t\t\t\tparseTreeNode = parseTreeNode.children[0];\n\t\t\t}\n\t\t} \n\t});\n\t// Add our own children to the end of the pile\n\tvar parseTreeNodes;\n\tif(widgetStackStart && widgetStackEnd) {\n\t\tparseTreeNodes = [widgetStackStart];\n\t\twidgetStackEnd.children = this.parseTreeNode.children;\n\t} else {\n\t\tparseTreeNodes = this.parseTreeNode.children;\n\t}\n\t// Construct the child widgets\n\tthis.makeChildWidgets(parseTreeNodes);\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nImportVariablesWidget.prototype.refresh = function(changedTiddlers) {\n\t// Recompute our attributes and the filter list\n\tvar changedAttributes = this.computeAttributes(),\n\t\ttiddlerList = this.wiki.filterTiddlers(this.getAttribute(\"filter\"),this);\n\t// Refresh if the filter has changed, or the list of tiddlers has changed, or any of the tiddlers in the list has changed\n\tfunction haveListedTiddlersChanged() {\n\t\tvar changed = false;\n\t\ttiddlerList.forEach(function(title) {\n\t\t\tif(changedTiddlers[title]) {\n\t\t\t\tchanged = true;\n\t\t\t}\n\t\t});\n\t\treturn changed;\n\t}\n\tif(changedAttributes.filter || !$tw.utils.isArrayEqual(this.tiddlerList,tiddlerList) || haveListedTiddlersChanged()) {\n\t\t// Compute the filter\n\t\tthis.removeChildDomNodes();\n\t\tthis.execute(tiddlerList);\n\t\tthis.renderChildren(this.parentDomNode,this.findNextSiblingDomNode());\n\t\treturn true;\n\t} else {\n\t\treturn this.refreshChildren(changedTiddlers);\t\t\n\t}\n};\n\nexports.importvariables = ImportVariablesWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/importvariables.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/keyboard.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/keyboard.js\ntype: application/javascript\nmodule-type: widget\n\nKeyboard shortcut widget\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar KeyboardWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nKeyboardWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nKeyboardWidget.prototype.render = function(parent,nextSibling) {\n\tvar self = this;\n\t// Remember parent\n\tthis.parentDomNode = parent;\n\t// Compute attributes and execute state\n\tthis.computeAttributes();\n\tthis.execute();\n\t// Create element\n\tvar domNode = this.document.createElement(\"div\");\n\t// Assign classes\n\tvar classes = (this[\"class\"] || \"\").split(\" \");\n\tclasses.push(\"tc-keyboard\");\n\tdomNode.className = classes.join(\" \");\n\t// Add a keyboard event handler\n\tdomNode.addEventListener(\"keydown\",function (event) {\n\t\tif($tw.utils.checkKeyDescriptor(event,self.keyInfo)) {\n\t\t\tself.dispatchMessage(event);\n\t\t\tevent.preventDefault();\n\t\t\tevent.stopPropagation();\n\t\t\treturn true;\n\t\t}\n\t\treturn false;\n\t},false);\n\t// Insert element\n\tparent.insertBefore(domNode,nextSibling);\n\tthis.renderChildren(domNode,null);\n\tthis.domNodes.push(domNode);\n};\n\nKeyboardWidget.prototype.dispatchMessage = function(event) {\n\tthis.dispatchEvent({type: this.message, param: this.param, tiddlerTitle: this.getVariable(\"currentTiddler\")});\n};\n\n/*\nCompute the internal state of the widget\n*/\nKeyboardWidget.prototype.execute = function() {\n\t// Get attributes\n\tthis.message = this.getAttribute(\"message\");\n\tthis.param = this.getAttribute(\"param\");\n\tthis.key = this.getAttribute(\"key\");\n\tthis.keyInfo = $tw.utils.parseKeyDescriptor(this.key);\n\tthis[\"class\"] = this.getAttribute(\"class\");\n\t// Make child widgets\n\tthis.makeChildWidgets();\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nKeyboardWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes();\n\tif(changedAttributes.message || changedAttributes.param || changedAttributes.key || changedAttributes[\"class\"]) {\n\t\tthis.refreshSelf();\n\t\treturn true;\n\t}\n\treturn this.refreshChildren(changedTiddlers);\n};\n\nexports.keyboard = KeyboardWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/keyboard.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/link.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/link.js\ntype: application/javascript\nmodule-type: widget\n\nLink widget\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar LinkWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nLinkWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nLinkWidget.prototype.render = function(parent,nextSibling) {\n\t// Save the parent dom node\n\tthis.parentDomNode = parent;\n\t// Compute our attributes\n\tthis.computeAttributes();\n\t// Execute our logic\n\tthis.execute();\n\t// Get the value of the tv-wikilinks configuration macro\n\tvar wikiLinksMacro = this.getVariable(\"tv-wikilinks\"),\n\t\tuseWikiLinks = wikiLinksMacro ? (wikiLinksMacro.trim() !== \"no\") : true;\n\t// Render the link if required\n\tif(useWikiLinks) {\n\t\tthis.renderLink(parent,nextSibling);\n\t} else {\n\t\t// Just insert the link text\n\t\tvar domNode = this.document.createElement(\"span\");\n\t\tparent.insertBefore(domNode,nextSibling);\n\t\tthis.renderChildren(domNode,null);\n\t\tthis.domNodes.push(domNode);\n\t}\n};\n\n/*\nRender this widget into the DOM\n*/\nLinkWidget.prototype.renderLink = function(parent,nextSibling) {\n\tvar self = this;\n\t// Sanitise the specified tag\n\tvar tag = this.linkTag;\n\tif($tw.config.htmlUnsafeElements.indexOf(tag) !== -1) {\n\t\ttag = \"a\";\n\t}\n\t// Create our element\n\tvar domNode = this.document.createElement(tag);\n\t// Assign classes\n\tvar classes = [];\n\tif(this.linkClasses) {\n\t\tclasses.push(this.linkClasses);\n\t}\n\tclasses.push(\"tc-tiddlylink\");\n\tif(this.isShadow) {\n\t\tclasses.push(\"tc-tiddlylink-shadow\");\n\t}\n\tif(this.isMissing && !this.isShadow) {\n\t\tclasses.push(\"tc-tiddlylink-missing\");\n\t} else {\n\t\tif(!this.isMissing) {\n\t\t\tclasses.push(\"tc-tiddlylink-resolves\");\n\t\t}\n\t}\n\tdomNode.setAttribute(\"class\",classes.join(\" \"));\n\t// Set an href\n\tvar wikiLinkTemplateMacro = this.getVariable(\"tv-wikilink-template\"),\n\t\twikiLinkTemplate = wikiLinkTemplateMacro ? wikiLinkTemplateMacro.trim() : \"#$uri_encoded$\",\n\t\twikiLinkText = wikiLinkTemplate.replace(\"$uri_encoded$\",encodeURIComponent(this.to));\n\twikiLinkText = wikiLinkText.replace(\"$uri_doubleencoded$\",encodeURIComponent(encodeURIComponent(this.to)));\n\twikiLinkText = this.getVariable(\"tv-get-export-link\",{params: [{name: \"to\",value: this.to}],defaultValue: wikiLinkText});\n\tif(tag === \"a\") {\n\t\tdomNode.setAttribute(\"href\",wikiLinkText);\n\t}\n\tif(this.tabIndex) {\n\t\tdomNode.setAttribute(\"tabindex\",this.tabIndex);\n\t}\n\t// Set the tooltip\n\t// HACK: Performance issues with re-parsing the tooltip prevent us defaulting the tooltip to \"<$transclude field='tooltip'><$transclude field='title'/></$transclude>\"\n\tvar tooltipWikiText = this.tooltip || this.getVariable(\"tv-wikilink-tooltip\");\n\tif(tooltipWikiText) {\n\t\tvar tooltipText = this.wiki.renderText(\"text/plain\",\"text/vnd.tiddlywiki\",tooltipWikiText,{\n\t\t\t\tparseAsInline: true,\n\t\t\t\tvariables: {\n\t\t\t\t\tcurrentTiddler: this.to\n\t\t\t\t},\n\t\t\t\tparentWidget: this\n\t\t\t});\n\t\tdomNode.setAttribute(\"title\",tooltipText);\n\t}\n\tif(this[\"aria-label\"]) {\n\t\tdomNode.setAttribute(\"aria-label\",this[\"aria-label\"]);\n\t}\n\t// Add a click event handler\n\t$tw.utils.addEventListeners(domNode,[\n\t\t{name: \"click\", handlerObject: this, handlerMethod: \"handleClickEvent\"},\n\t]);\n\tif(this.draggable === \"yes\") {\n\t\t$tw.utils.addEventListeners(domNode,[\n\t\t\t{name: \"dragstart\", handlerObject: this, handlerMethod: \"handleDragStartEvent\"},\n\t\t\t{name: \"dragend\", handlerObject: this, handlerMethod: \"handleDragEndEvent\"}\n\t\t]);\n\t}\n\t// Insert the link into the DOM and render any children\n\tparent.insertBefore(domNode,nextSibling);\n\tthis.renderChildren(domNode,null);\n\tthis.domNodes.push(domNode);\n};\n\nLinkWidget.prototype.handleClickEvent = function(event) {\n\t// Send the click on its way as a navigate event\n\tvar bounds = this.domNodes[0].getBoundingClientRect();\n\tthis.dispatchEvent({\n\t\ttype: \"tm-navigate\",\n\t\tnavigateTo: this.to,\n\t\tnavigateFromTitle: this.getVariable(\"storyTiddler\"),\n\t\tnavigateFromNode: this,\n\t\tnavigateFromClientRect: { top: bounds.top, left: bounds.left, width: bounds.width, right: bounds.right, bottom: bounds.bottom, height: bounds.height\n\t\t},\n\t\tnavigateSuppressNavigation: event.metaKey || event.ctrlKey || (event.button === 1)\n\t});\n\tif(this.domNodes[0].hasAttribute(\"href\")) {\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\t\treturn false;\n\t}\n};\n\nLinkWidget.prototype.handleDragStartEvent = function(event) {\n\tif(event.target === this.domNodes[0]) {\n\t\tif(this.to) {\n\t\t\t$tw.dragInProgress = true;\n\t\t\t// Set the dragging class on the element being dragged\n\t\t\t$tw.utils.addClass(event.target,\"tc-tiddlylink-dragging\");\n\t\t\t// Create the drag image elements\n\t\t\tthis.dragImage = this.document.createElement(\"div\");\n\t\t\tthis.dragImage.className = \"tc-tiddler-dragger\";\n\t\t\tvar inner = this.document.createElement(\"div\");\n\t\t\tinner.className = \"tc-tiddler-dragger-inner\";\n\t\t\tinner.appendChild(this.document.createTextNode(this.to));\n\t\t\tthis.dragImage.appendChild(inner);\n\t\t\tthis.document.body.appendChild(this.dragImage);\n\t\t\t// Astoundingly, we need to cover the dragger up: http://www.kryogenix.org/code/browser/custom-drag-image.html\n\t\t\tvar cover = this.document.createElement(\"div\");\n\t\t\tcover.className = \"tc-tiddler-dragger-cover\";\n\t\t\tcover.style.left = (inner.offsetLeft - 16) + \"px\";\n\t\t\tcover.style.top = (inner.offsetTop - 16) + \"px\";\n\t\t\tcover.style.width = (inner.offsetWidth + 32) + \"px\";\n\t\t\tcover.style.height = (inner.offsetHeight + 32) + \"px\";\n\t\t\tthis.dragImage.appendChild(cover);\n\t\t\t// Set the data transfer properties\n\t\t\tvar dataTransfer = event.dataTransfer;\n\t\t\t// First the image\n\t\t\tdataTransfer.effectAllowed = \"copy\";\n\t\t\tif(dataTransfer.setDragImage) {\n\t\t\t\tdataTransfer.setDragImage(this.dragImage.firstChild,-16,-16);\n\t\t\t}\n\t\t\t// Then the data\n\t\t\tdataTransfer.clearData();\n\t\t\tvar jsonData = this.wiki.getTiddlerAsJson(this.to),\n\t\t\t\ttextData = this.wiki.getTiddlerText(this.to,\"\"),\n\t\t\t\ttitle = (new RegExp(\"^\" + $tw.config.textPrimitives.wikiLink + \"$\",\"mg\")).exec(this.to) ? this.to : \"[[\" + this.to + \"]]\";\n\t\t\t// IE doesn't like these content types\n\t\t\tif(!$tw.browser.isIE) {\n\t\t\t\tdataTransfer.setData(\"text/vnd.tiddler\",jsonData);\n\t\t\t\tdataTransfer.setData(\"text/plain\",title);\n\t\t\t\tdataTransfer.setData(\"text/x-moz-url\",\"data:text/vnd.tiddler,\" + encodeURIComponent(jsonData));\n\t\t\t}\n\t\t\tdataTransfer.setData(\"URL\",\"data:text/vnd.tiddler,\" + encodeURIComponent(jsonData));\n\t\t\tdataTransfer.setData(\"Text\",title);\n\t\t\tevent.stopPropagation();\n\t\t} else {\n\t\t\tevent.preventDefault();\n\t\t}\n\t}\n};\n\nLinkWidget.prototype.handleDragEndEvent = function(event) {\n\tif(event.target === this.domNodes[0]) {\n\t\t$tw.dragInProgress = false;\n\t\t// Remove the dragging class on the element being dragged\n\t\t$tw.utils.removeClass(event.target,\"tc-tiddlylink-dragging\");\n\t\t// Delete the drag image element\n\t\tif(this.dragImage) {\n\t\t\tthis.dragImage.parentNode.removeChild(this.dragImage);\n\t\t}\n\t}\n};\n\n/*\nCompute the internal state of the widget\n*/\nLinkWidget.prototype.execute = function() {\n\t// Pick up our attributes\n\tthis.to = this.getAttribute(\"to\",this.getVariable(\"currentTiddler\"));\n\tthis.tooltip = this.getAttribute(\"tooltip\");\n\tthis[\"aria-label\"] = this.getAttribute(\"aria-label\");\n\tthis.linkClasses = this.getAttribute(\"class\");\n\tthis.tabIndex = this.getAttribute(\"tabindex\");\n\tthis.draggable = this.getAttribute(\"draggable\",\"yes\");\n\tthis.linkTag = this.getAttribute(\"tag\",\"a\");\n\t// Determine the link characteristics\n\tthis.isMissing = !this.wiki.tiddlerExists(this.to);\n\tthis.isShadow = this.wiki.isShadowTiddler(this.to);\n\t// Make the child widgets\n\tthis.makeChildWidgets();\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nLinkWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes();\n\tif(changedAttributes.to || changedTiddlers[this.to] || changedAttributes[\"aria-label\"] || changedAttributes.tooltip) {\n\t\tthis.refreshSelf();\n\t\treturn true;\n\t}\n\treturn this.refreshChildren(changedTiddlers);\n};\n\nexports.link = LinkWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/link.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/linkcatcher.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/linkcatcher.js\ntype: application/javascript\nmodule-type: widget\n\nLinkcatcher widget\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar LinkCatcherWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n\tthis.addEventListeners([\n\t\t{type: \"tm-navigate\", handler: \"handleNavigateEvent\"}\n\t]);\n};\n\n/*\nInherit from the base widget class\n*/\nLinkCatcherWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nLinkCatcherWidget.prototype.render = function(parent,nextSibling) {\n\tthis.parentDomNode = parent;\n\tthis.computeAttributes();\n\tthis.execute();\n\tthis.renderChildren(parent,nextSibling);\n};\n\n/*\nCompute the internal state of the widget\n*/\nLinkCatcherWidget.prototype.execute = function() {\n\t// Get our parameters\n\tthis.catchTo = this.getAttribute(\"to\");\n\tthis.catchMessage = this.getAttribute(\"message\");\n\tthis.catchSet = this.getAttribute(\"set\");\n\tthis.catchSetTo = this.getAttribute(\"setTo\");\n\t// Construct the child widgets\n\tthis.makeChildWidgets();\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nLinkCatcherWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes();\n\tif(changedAttributes.to || changedAttributes.message || changedAttributes.set || changedAttributes.setTo) {\n\t\tthis.refreshSelf();\n\t\treturn true;\n\t} else {\n\t\treturn this.refreshChildren(changedTiddlers);\t\t\n\t}\n};\n\n/*\nHandle a tm-navigate event\n*/\nLinkCatcherWidget.prototype.handleNavigateEvent = function(event) {\n\tif(this.catchTo) {\n\t\tthis.wiki.setTextReference(this.catchTo,event.navigateTo,this.getVariable(\"currentTiddler\"));\n\t}\n\tif(this.catchMessage && this.parentWidget) {\n\t\tthis.parentWidget.dispatchEvent({\n\t\t\ttype: this.catchMessage,\n\t\t\tparam: event.navigateTo,\n\t\t\tnavigateTo: event.navigateTo\n\t\t});\n\t}\n\tif(this.catchSet) {\n\t\tvar tiddler = this.wiki.getTiddler(this.catchSet);\n\t\tthis.wiki.addTiddler(new $tw.Tiddler(tiddler,{title: this.catchSet, text: this.catchSetTo}));\n\t}\n\treturn false;\n};\n\nexports.linkcatcher = LinkCatcherWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/linkcatcher.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/list.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/list.js\ntype: application/javascript\nmodule-type: widget\n\nList and list item widgets\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\n/*\nThe list widget creates list element sub-widgets that reach back into the list widget for their configuration\n*/\n\nvar ListWidget = function(parseTreeNode,options) {\n\t// Initialise the storyviews if they've not been done already\n\tif(!this.storyViews) {\n\t\tListWidget.prototype.storyViews = {};\n\t\t$tw.modules.applyMethods(\"storyview\",this.storyViews);\n\t}\n\t// Main initialisation inherited from widget.js\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nListWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nListWidget.prototype.render = function(parent,nextSibling) {\n\tthis.parentDomNode = parent;\n\tthis.computeAttributes();\n\tthis.execute();\n\tthis.renderChildren(parent,nextSibling);\n\t// Construct the storyview\n\tvar StoryView = this.storyViews[this.storyViewName];\n\tif(StoryView && !this.document.isTiddlyWikiFakeDom) {\n\t\tthis.storyview = new StoryView(this);\n\t} else {\n\t\tthis.storyview = null;\n\t}\n};\n\n/*\nCompute the internal state of the widget\n*/\nListWidget.prototype.execute = function() {\n\t// Get our attributes\n\tthis.template = this.getAttribute(\"template\");\n\tthis.editTemplate = this.getAttribute(\"editTemplate\");\n\tthis.variableName = this.getAttribute(\"variable\",\"currentTiddler\");\n\tthis.storyViewName = this.getAttribute(\"storyview\");\n\tthis.historyTitle = this.getAttribute(\"history\");\n\t// Compose the list elements\n\tthis.list = this.getTiddlerList();\n\tvar members = [],\n\t\tself = this;\n\t// Check for an empty list\n\tif(this.list.length === 0) {\n\t\tmembers = this.getEmptyMessage();\n\t} else {\n\t\t$tw.utils.each(this.list,function(title,index) {\n\t\t\tmembers.push(self.makeItemTemplate(title));\n\t\t});\n\t}\n\t// Construct the child widgets\n\tthis.makeChildWidgets(members);\n\t// Clear the last history\n\tthis.history = [];\n};\n\nListWidget.prototype.getTiddlerList = function() {\n\tvar defaultFilter = \"[!is[system]sort[title]]\";\n\treturn this.wiki.filterTiddlers(this.getAttribute(\"filter\",defaultFilter),this);\n};\n\nListWidget.prototype.getEmptyMessage = function() {\n\tvar emptyMessage = this.getAttribute(\"emptyMessage\",\"\"),\n\t\tparser = this.wiki.parseText(\"text/vnd.tiddlywiki\",emptyMessage,{parseAsInline: true});\n\tif(parser) {\n\t\treturn parser.tree;\n\t} else {\n\t\treturn [];\n\t}\n};\n\n/*\nCompose the template for a list item\n*/\nListWidget.prototype.makeItemTemplate = function(title) {\n\t// Check if the tiddler is a draft\n\tvar tiddler = this.wiki.getTiddler(title),\n\t\tisDraft = tiddler && tiddler.hasField(\"draft.of\"),\n\t\ttemplate = this.template,\n\t\ttemplateTree;\n\tif(isDraft && this.editTemplate) {\n\t\ttemplate = this.editTemplate;\n\t}\n\t// Compose the transclusion of the template\n\tif(template) {\n\t\ttemplateTree = [{type: \"transclude\", attributes: {tiddler: {type: \"string\", value: template}}}];\n\t} else {\n\t\tif(this.parseTreeNode.children && this.parseTreeNode.children.length > 0) {\n\t\t\ttemplateTree = this.parseTreeNode.children;\n\t\t} else {\n\t\t\t// Default template is a link to the title\n\t\t\ttemplateTree = [{type: \"element\", tag: this.parseTreeNode.isBlock ? \"div\" : \"span\", children: [{type: \"link\", attributes: {to: {type: \"string\", value: title}}, children: [\n\t\t\t\t\t{type: \"text\", text: title}\n\t\t\t]}]}];\n\t\t}\n\t}\n\t// Return the list item\n\treturn {type: \"listitem\", itemTitle: title, variableName: this.variableName, children: templateTree};\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nListWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes(),\n\t\tresult;\n\t// Call the storyview\n\tif(this.storyview && this.storyview.refreshStart) {\n\t\tthis.storyview.refreshStart(changedTiddlers,changedAttributes);\n\t}\n\t// Completely refresh if any of our attributes have changed\n\tif(changedAttributes.filter || changedAttributes.template || changedAttributes.editTemplate || changedAttributes.emptyMessage || changedAttributes.storyview || changedAttributes.history) {\n\t\tthis.refreshSelf();\n\t\tresult = true;\n\t} else {\n\t\t// Handle any changes to the list\n\t\tresult = this.handleListChanges(changedTiddlers);\n\t\t// Handle any changes to the history stack\n\t\tif(this.historyTitle && changedTiddlers[this.historyTitle]) {\n\t\t\tthis.handleHistoryChanges();\n\t\t}\n\t}\n\t// Call the storyview\n\tif(this.storyview && this.storyview.refreshEnd) {\n\t\tthis.storyview.refreshEnd(changedTiddlers,changedAttributes);\n\t}\n\treturn result;\n};\n\n/*\nHandle any changes to the history list\n*/\nListWidget.prototype.handleHistoryChanges = function() {\n\t// Get the history data\n\tvar newHistory = this.wiki.getTiddlerData(this.historyTitle,[]);\n\t// Ignore any entries of the history that match the previous history\n\tvar entry = 0;\n\twhile(entry < newHistory.length && entry < this.history.length && newHistory[entry].title === this.history[entry].title) {\n\t\tentry++;\n\t}\n\t// Navigate forwards to each of the new tiddlers\n\twhile(entry < newHistory.length) {\n\t\tif(this.storyview && this.storyview.navigateTo) {\n\t\t\tthis.storyview.navigateTo(newHistory[entry]);\n\t\t}\n\t\tentry++;\n\t}\n\t// Update the history\n\tthis.history = newHistory;\n};\n\n/*\nProcess any changes to the list\n*/\nListWidget.prototype.handleListChanges = function(changedTiddlers) {\n\t// Get the new list\n\tvar prevList = this.list;\n\tthis.list = this.getTiddlerList();\n\t// Check for an empty list\n\tif(this.list.length === 0) {\n\t\t// Check if it was empty before\n\t\tif(prevList.length === 0) {\n\t\t\t// If so, just refresh the empty message\n\t\t\treturn this.refreshChildren(changedTiddlers);\n\t\t} else {\n\t\t\t// Replace the previous content with the empty message\n\t\t\tfor(t=this.children.length-1; t>=0; t--) {\n\t\t\t\tthis.removeListItem(t);\n\t\t\t}\n\t\t\tvar nextSibling = this.findNextSiblingDomNode();\n\t\t\tthis.makeChildWidgets(this.getEmptyMessage());\n\t\t\tthis.renderChildren(this.parentDomNode,nextSibling);\n\t\t\treturn true;\n\t\t}\n\t} else {\n\t\t// If the list was empty then we need to remove the empty message\n\t\tif(prevList.length === 0) {\n\t\t\tthis.removeChildDomNodes();\n\t\t\tthis.children = [];\n\t\t}\n\t\t// Cycle through the list, inserting and removing list items as needed\n\t\tvar hasRefreshed = false;\n\t\tfor(var t=0; t<this.list.length; t++) {\n\t\t\tvar index = this.findListItem(t,this.list[t]);\n\t\t\tif(index === undefined) {\n\t\t\t\t// The list item must be inserted\n\t\t\t\tthis.insertListItem(t,this.list[t]);\n\t\t\t\thasRefreshed = true;\n\t\t\t} else {\n\t\t\t\t// There are intervening list items that must be removed\n\t\t\t\tfor(var n=index-1; n>=t; n--) {\n\t\t\t\t\tthis.removeListItem(n);\n\t\t\t\t\thasRefreshed = true;\n\t\t\t\t}\n\t\t\t\t// Refresh the item we're reusing\n\t\t\t\tvar refreshed = this.children[t].refresh(changedTiddlers);\n\t\t\t\thasRefreshed = hasRefreshed || refreshed;\n\t\t\t}\n\t\t}\n\t\t// Remove any left over items\n\t\tfor(t=this.children.length-1; t>=this.list.length; t--) {\n\t\t\tthis.removeListItem(t);\n\t\t\thasRefreshed = true;\n\t\t}\n\t\treturn hasRefreshed;\n\t}\n};\n\n/*\nFind the list item with a given title, starting from a specified position\n*/\nListWidget.prototype.findListItem = function(startIndex,title) {\n\twhile(startIndex < this.children.length) {\n\t\tif(this.children[startIndex].parseTreeNode.itemTitle === title) {\n\t\t\treturn startIndex;\n\t\t}\n\t\tstartIndex++;\n\t}\n\treturn undefined;\n};\n\n/*\nInsert a new list item at the specified index\n*/\nListWidget.prototype.insertListItem = function(index,title) {\n\t// Create, insert and render the new child widgets\n\tvar widget = this.makeChildWidget(this.makeItemTemplate(title));\n\twidget.parentDomNode = this.parentDomNode; // Hack to enable findNextSiblingDomNode() to work\n\tthis.children.splice(index,0,widget);\n\tvar nextSibling = widget.findNextSiblingDomNode();\n\twidget.render(this.parentDomNode,nextSibling);\n\t// Animate the insertion if required\n\tif(this.storyview && this.storyview.insert) {\n\t\tthis.storyview.insert(widget);\n\t}\n\treturn true;\n};\n\n/*\nRemove the specified list item\n*/\nListWidget.prototype.removeListItem = function(index) {\n\tvar widget = this.children[index];\n\t// Animate the removal if required\n\tif(this.storyview && this.storyview.remove) {\n\t\tthis.storyview.remove(widget);\n\t} else {\n\t\twidget.removeChildDomNodes();\n\t}\n\t// Remove the child widget\n\tthis.children.splice(index,1);\n};\n\nexports.list = ListWidget;\n\nvar ListItemWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nListItemWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nListItemWidget.prototype.render = function(parent,nextSibling) {\n\tthis.parentDomNode = parent;\n\tthis.computeAttributes();\n\tthis.execute();\n\tthis.renderChildren(parent,nextSibling);\n};\n\n/*\nCompute the internal state of the widget\n*/\nListItemWidget.prototype.execute = function() {\n\t// Set the current list item title\n\tthis.setVariable(this.parseTreeNode.variableName,this.parseTreeNode.itemTitle);\n\t// Construct the child widgets\n\tthis.makeChildWidgets();\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nListItemWidget.prototype.refresh = function(changedTiddlers) {\n\treturn this.refreshChildren(changedTiddlers);\n};\n\nexports.listitem = ListItemWidget;\n\n})();",
"title": "$:/core/modules/widgets/list.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/macrocall.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/macrocall.js\ntype: application/javascript\nmodule-type: widget\n\nMacrocall widget\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar MacroCallWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nMacroCallWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nMacroCallWidget.prototype.render = function(parent,nextSibling) {\n\tthis.parentDomNode = parent;\n\tthis.computeAttributes();\n\tthis.execute();\n\tthis.renderChildren(parent,nextSibling);\n};\n\n/*\nCompute the internal state of the widget\n*/\nMacroCallWidget.prototype.execute = function() {\n\t// Get the parse type if specified\n\tthis.parseType = this.getAttribute(\"$type\",\"text/vnd.tiddlywiki\");\n\tthis.renderOutput = this.getAttribute(\"$output\",\"text/html\");\n\t// Merge together the parameters specified in the parse tree with the specified attributes\n\tvar params = this.parseTreeNode.params ? this.parseTreeNode.params.slice(0) : [];\n\t$tw.utils.each(this.attributes,function(attribute,name) {\n\t\tif(name.charAt(0) !== \"$\") {\n\t\t\tparams.push({name: name, value: attribute});\t\t\t\n\t\t}\n\t});\n\t// Get the macro value\n\tvar text = this.getVariable(this.parseTreeNode.name || this.getAttribute(\"$name\"),{params: params}),\n\t\tparseTreeNodes;\n\t// Are we rendering to HTML?\n\tif(this.renderOutput === \"text/html\") {\n\t\t// If so we'll return the parsed macro\n\t\tvar parser = this.wiki.parseText(this.parseType,text,\n\t\t\t\t\t\t\t{parseAsInline: !this.parseTreeNode.isBlock});\n\t\tparseTreeNodes = parser ? parser.tree : [];\n\t} else {\n\t\t// Otherwise, we'll render the text\n\t\tvar plainText = this.wiki.renderText(\"text/plain\",this.parseType,text,{parentWidget: this});\n\t\tparseTreeNodes = [{type: \"text\", text: plainText}];\n\t}\n\t// Construct the child widgets\n\tthis.makeChildWidgets(parseTreeNodes);\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nMacroCallWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes();\n\tif($tw.utils.count(changedAttributes) > 0) {\n\t\t// Rerender ourselves\n\t\tthis.refreshSelf();\n\t\treturn true;\n\t} else {\n\t\treturn this.refreshChildren(changedTiddlers);\n\t}\n};\n\nexports.macrocall = MacroCallWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/macrocall.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/navigator.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/navigator.js\ntype: application/javascript\nmodule-type: widget\n\nNavigator widget\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar IMPORT_TITLE = \"$:/Import\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar NavigatorWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n\tthis.addEventListeners([\n\t\t{type: \"tm-navigate\", handler: \"handleNavigateEvent\"},\n\t\t{type: \"tm-edit-tiddler\", handler: \"handleEditTiddlerEvent\"},\n\t\t{type: \"tm-delete-tiddler\", handler: \"handleDeleteTiddlerEvent\"},\n\t\t{type: \"tm-save-tiddler\", handler: \"handleSaveTiddlerEvent\"},\n\t\t{type: \"tm-cancel-tiddler\", handler: \"handleCancelTiddlerEvent\"},\n\t\t{type: \"tm-close-tiddler\", handler: \"handleCloseTiddlerEvent\"},\n\t\t{type: \"tm-close-all-tiddlers\", handler: \"handleCloseAllTiddlersEvent\"},\n\t\t{type: \"tm-close-other-tiddlers\", handler: \"handleCloseOtherTiddlersEvent\"},\n\t\t{type: \"tm-new-tiddler\", handler: \"handleNewTiddlerEvent\"},\n\t\t{type: \"tm-import-tiddlers\", handler: \"handleImportTiddlersEvent\"},\n\t\t{type: \"tm-perform-import\", handler: \"handlePerformImportEvent\"}\n\t]);\n};\n\n/*\nInherit from the base widget class\n*/\nNavigatorWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nNavigatorWidget.prototype.render = function(parent,nextSibling) {\n\tthis.parentDomNode = parent;\n\tthis.computeAttributes();\n\tthis.execute();\n\tthis.renderChildren(parent,nextSibling);\n};\n\n/*\nCompute the internal state of the widget\n*/\nNavigatorWidget.prototype.execute = function() {\n\t// Get our parameters\n\tthis.storyTitle = this.getAttribute(\"story\");\n\tthis.historyTitle = this.getAttribute(\"history\");\n\t// Construct the child widgets\n\tthis.makeChildWidgets();\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nNavigatorWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes();\n\tif(changedAttributes.story || changedAttributes.history) {\n\t\tthis.refreshSelf();\n\t\treturn true;\n\t} else {\n\t\treturn this.refreshChildren(changedTiddlers);\t\t\n\t}\n};\n\nNavigatorWidget.prototype.getStoryList = function() {\n\treturn this.storyTitle ? this.wiki.getTiddlerList(this.storyTitle) : null;\n};\n\nNavigatorWidget.prototype.saveStoryList = function(storyList) {\n\tvar storyTiddler = this.wiki.getTiddler(this.storyTitle);\n\tthis.wiki.addTiddler(new $tw.Tiddler(\n\t\t{title: this.storyTitle},\n\t\tstoryTiddler,\n\t\t{list: storyList}\n\t));\n};\n\nNavigatorWidget.prototype.removeTitleFromStory = function(storyList,title) {\n\tvar p = storyList.indexOf(title);\n\twhile(p !== -1) {\n\t\tstoryList.splice(p,1);\n\t\tp = storyList.indexOf(title);\n\t}\n};\n\nNavigatorWidget.prototype.replaceFirstTitleInStory = function(storyList,oldTitle,newTitle) {\n\tvar pos = storyList.indexOf(oldTitle);\n\tif(pos !== -1) {\n\t\tstoryList[pos] = newTitle;\n\t\tdo {\n\t\t\tpos = storyList.indexOf(oldTitle,pos + 1);\n\t\t\tif(pos !== -1) {\n\t\t\t\tstoryList.splice(pos,1);\n\t\t\t}\n\t\t} while(pos !== -1);\n\t} else {\n\t\tstoryList.splice(0,0,newTitle);\n\t}\n};\n\nNavigatorWidget.prototype.addToStory = function(title,fromTitle) {\n\tvar storyList = this.getStoryList();\n\t// Quit if we cannot get hold of the story list\n\tif(!storyList) {\n\t\treturn;\n\t}\n\t// See if the tiddler is already there\n\tvar slot = storyList.indexOf(title);\n\t// Quit if it already exists in the story river\n\tif(slot >= 0) {\n\t\treturn;\n\t}\n\t// First we try to find the position of the story element we navigated from\n\tvar fromIndex = storyList.indexOf(fromTitle);\n\tif(fromIndex >= 0) {\n\t\t// The tiddler is added from inside the river\n\t\t// Determine where to insert the tiddler; Fallback is \"below\"\n\t\tswitch(this.getAttribute(\"openLinkFromInsideRiver\",\"below\")) {\n\t\t\tcase \"top\":\n\t\t\t\tslot = 0;\n\t\t\t\tbreak;\n\t\t\tcase \"bottom\":\n\t\t\t\tslot = storyList.length;\n\t\t\t\tbreak;\n\t\t\tcase \"above\":\n\t\t\t\tslot = fromIndex;\n\t\t\t\tbreak;\n\t\t\tcase \"below\": // Intentional fall-through\n\t\t\tdefault:\n\t\t\t\tslot = fromIndex + 1;\n\t\t\t\tbreak;\n\t\t}\n\t} else {\n\t\t// The tiddler is opened from outside the river. Determine where to insert the tiddler; default is \"top\"\n\t\tif(this.getAttribute(\"openLinkFromOutsideRiver\",\"top\") === \"bottom\") {\n\t\t\t// Insert at bottom\n\t\t\tslot = storyList.length;\n\t\t} else {\n\t\t\t// Insert at top\n\t\t\tslot = 0;\n\t\t}\n\t}\n\t// Add the tiddler\n\tstoryList.splice(slot,0,title);\n\t// Save the story\n\tthis.saveStoryList(storyList);\n};\n\n/*\nAdd a new record to the top of the history stack\ntitle: a title string or an array of title strings\nfromPageRect: page coordinates of the origin of the navigation\n*/\nNavigatorWidget.prototype.addToHistory = function(title,fromPageRect) {\n\tthis.wiki.addToHistory(title,fromPageRect,this.historyTitle);\n};\n\n/*\nHandle a tm-navigate event\n*/\nNavigatorWidget.prototype.handleNavigateEvent = function(event) {\n\tif(event.navigateTo) {\n\t\tthis.addToStory(event.navigateTo,event.navigateFromTitle);\n\t\tif(!event.navigateSuppressNavigation) {\n\t\t\tthis.addToHistory(event.navigateTo,event.navigateFromClientRect);\n\t\t}\n\t}\n\treturn false;\n};\n\n// Close a specified tiddler\nNavigatorWidget.prototype.handleCloseTiddlerEvent = function(event) {\n\tvar title = event.param || event.tiddlerTitle,\n\t\tstoryList = this.getStoryList();\n\t// Look for tiddlers with this title to close\n\tthis.removeTitleFromStory(storyList,title);\n\tthis.saveStoryList(storyList);\n\treturn false;\n};\n\n// Close all tiddlers\nNavigatorWidget.prototype.handleCloseAllTiddlersEvent = function(event) {\n\tthis.saveStoryList([]);\n\treturn false;\n};\n\n// Close other tiddlers\nNavigatorWidget.prototype.handleCloseOtherTiddlersEvent = function(event) {\n\tvar title = event.param || event.tiddlerTitle;\n\tthis.saveStoryList([title]);\n\treturn false;\n};\n\n// Place a tiddler in edit mode\nNavigatorWidget.prototype.handleEditTiddlerEvent = function(event) {\n\tvar self = this;\n\tfunction isUnmodifiedShadow(title) {\n\t\treturn self.wiki.isShadowTiddler(title) && !self.wiki.tiddlerExists(title);\n\t}\n\tfunction confirmEditShadow(title) {\n\t\treturn confirm($tw.language.getString(\n\t\t\t\"ConfirmEditShadowTiddler\",\n\t\t\t{variables:\n\t\t\t\t{title: title}\n\t\t\t}\n\t\t));\n\t}\n\tvar title = event.param || event.tiddlerTitle;\n\tif(isUnmodifiedShadow(title) && !confirmEditShadow(title)) {\n\t\treturn false;\n\t}\n\t// Replace the specified tiddler with a draft in edit mode\n\tvar draftTiddler = this.makeDraftTiddler(title),\n\t\tdraftTitle = draftTiddler.fields.title,\n\t\tstoryList = this.getStoryList();\n\tthis.removeTitleFromStory(storyList,draftTitle);\n\tthis.replaceFirstTitleInStory(storyList,title,draftTitle);\n\tthis.addToHistory(draftTitle,event.navigateFromClientRect);\n\tthis.saveStoryList(storyList);\n\treturn false;\n};\n\n// Delete a tiddler\nNavigatorWidget.prototype.handleDeleteTiddlerEvent = function(event) {\n\t// Get the tiddler we're deleting\n\tvar title = event.param || event.tiddlerTitle,\n\t\ttiddler = this.wiki.getTiddler(title),\n\t\tstoryList = this.getStoryList(),\n\t\toriginalTitle = tiddler ? tiddler.fields[\"draft.of\"] : \"\",\n\t\tconfirmationTitle;\n\tif(!tiddler) {\n\t\treturn false;\n\t}\n\t// Check if the tiddler we're deleting is in draft mode\n\tif(originalTitle) {\n\t\t// If so, we'll prompt for confirmation referencing the original tiddler\n\t\tconfirmationTitle = originalTitle;\n\t} else {\n\t\t// If not a draft, then prompt for confirmation referencing the specified tiddler\n\t\tconfirmationTitle = title;\n\t}\n\t// Seek confirmation\n\tif((this.wiki.getTiddler(originalTitle) || (tiddler.fields.text || \"\") !== \"\") && !confirm($tw.language.getString(\n\t\t\t\t\"ConfirmDeleteTiddler\",\n\t\t\t\t{variables:\n\t\t\t\t\t{title: confirmationTitle}\n\t\t\t\t}\n\t\t\t))) {\n\t\treturn false;\n\t}\n\t// Delete the original tiddler\n\tif(originalTitle) {\n\t\tthis.wiki.deleteTiddler(originalTitle);\n\t\tthis.removeTitleFromStory(storyList,originalTitle);\n\t}\n\t// Delete this tiddler\n\tthis.wiki.deleteTiddler(title);\n\t// Remove the closed tiddler from the story\n\tthis.removeTitleFromStory(storyList,title);\n\tthis.saveStoryList(storyList);\n\t// Trigger an autosave\n\t$tw.rootWidget.dispatchEvent({type: \"tm-auto-save-wiki\"});\n\treturn false;\n};\n\n/*\nCreate/reuse the draft tiddler for a given title\n*/\nNavigatorWidget.prototype.makeDraftTiddler = function(targetTitle) {\n\t// See if there is already a draft tiddler for this tiddler\n\tvar draftTitle = this.wiki.findDraft(targetTitle);\n\tif(draftTitle) {\n\t\treturn this.wiki.getTiddler(draftTitle);\n\t}\n\t// Get the current value of the tiddler we're editing\n\tvar tiddler = this.wiki.getTiddler(targetTitle);\n\t// Save the initial value of the draft tiddler\n\tdraftTitle = this.generateDraftTitle(targetTitle);\n\tvar draftTiddler = new $tw.Tiddler(\n\t\t\ttiddler,\n\t\t\t{\n\t\t\t\ttitle: draftTitle,\n\t\t\t\t\"draft.title\": targetTitle,\n\t\t\t\t\"draft.of\": targetTitle\n\t\t\t},\n\t\t\tthis.wiki.getModificationFields()\n\t\t);\n\tthis.wiki.addTiddler(draftTiddler);\n\treturn draftTiddler;\n};\n\n/*\nGenerate a title for the draft of a given tiddler\n*/\nNavigatorWidget.prototype.generateDraftTitle = function(title) {\n\tvar c = 0,\n\t\tdraftTitle;\n\tdo {\n\t\tdraftTitle = \"Draft \" + (c ? (c + 1) + \" \" : \"\") + \"of '\" + title + \"'\";\n\t\tc++;\n\t} while(this.wiki.tiddlerExists(draftTitle));\n\treturn draftTitle;\n};\n\n// Take a tiddler out of edit mode, saving the changes\nNavigatorWidget.prototype.handleSaveTiddlerEvent = function(event) {\n\tvar title = event.param || event.tiddlerTitle,\n\t\ttiddler = this.wiki.getTiddler(title),\n\t\tstoryList = this.getStoryList();\n\t// Replace the original tiddler with the draft\n\tif(tiddler) {\n\t\tvar draftTitle = (tiddler.fields[\"draft.title\"] || \"\").trim(),\n\t\t\tdraftOf = (tiddler.fields[\"draft.of\"] || \"\").trim();\n\t\tif(draftTitle) {\n\t\t\tvar isRename = draftOf !== draftTitle,\n\t\t\t\tisConfirmed = true;\n\t\t\tif(isRename && this.wiki.tiddlerExists(draftTitle)) {\n\t\t\t\tisConfirmed = confirm($tw.language.getString(\n\t\t\t\t\t\"ConfirmOverwriteTiddler\",\n\t\t\t\t\t{variables:\n\t\t\t\t\t\t{title: draftTitle}\n\t\t\t\t\t}\n\t\t\t\t));\n\t\t\t}\n\t\t\tif(isConfirmed) {\n\t\t\t\t// Save the draft tiddler as the real tiddler\n\t\t\t\tthis.wiki.addTiddler(new $tw.Tiddler(this.wiki.getCreationFields(),tiddler,{\n\t\t\t\t\ttitle: draftTitle,\n\t\t\t\t\t\"draft.title\": undefined,\n\t\t\t\t\t\"draft.of\": undefined\n\t\t\t\t},this.wiki.getModificationFields()));\n\t\t\t\t// Remove the draft tiddler\n\t\t\t\tthis.wiki.deleteTiddler(title);\n\t\t\t\t// Remove the original tiddler if we're renaming it\n\t\t\t\tif(isRename) {\n\t\t\t\t\tthis.wiki.deleteTiddler(draftOf);\n\t\t\t\t}\n\t\t\t\t// Replace the draft in the story with the original\n\t\t\t\tthis.replaceFirstTitleInStory(storyList,title,draftTitle);\n\t\t\t\tthis.addToHistory(draftTitle,event.navigateFromClientRect);\n\t\t\t\tif(draftTitle !== this.storyTitle) {\n\t\t\t\t\tthis.saveStoryList(storyList);\n\t\t\t\t}\n\t\t\t\t// Trigger an autosave\n\t\t\t\t$tw.rootWidget.dispatchEvent({type: \"tm-auto-save-wiki\"});\n\t\t\t}\n\t\t}\n\t}\n\treturn false;\n};\n\n// Take a tiddler out of edit mode without saving the changes\nNavigatorWidget.prototype.handleCancelTiddlerEvent = function(event) {\n\t// Flip the specified tiddler from draft back to the original\n\tvar draftTitle = event.param || event.tiddlerTitle,\n\t\tdraftTiddler = this.wiki.getTiddler(draftTitle),\n\t\toriginalTitle = draftTiddler && draftTiddler.fields[\"draft.of\"];\n\tif(draftTiddler && originalTitle) {\n\t\t// Ask for confirmation if the tiddler text has changed\n\t\tvar isConfirmed = true,\n\t\t\toriginalTiddler = this.wiki.getTiddler(originalTitle),\n\t\t\tstoryList = this.getStoryList();\n\t\tif(this.wiki.isDraftModified(draftTitle)) {\n\t\t\tisConfirmed = confirm($tw.language.getString(\n\t\t\t\t\"ConfirmCancelTiddler\",\n\t\t\t\t{variables:\n\t\t\t\t\t{title: draftTitle}\n\t\t\t\t}\n\t\t\t));\n\t\t}\n\t\t// Remove the draft tiddler\n\t\tif(isConfirmed) {\n\t\t\tthis.wiki.deleteTiddler(draftTitle);\n\t\t\tif(originalTiddler) {\n\t\t\t\tthis.replaceFirstTitleInStory(storyList,draftTitle,originalTitle);\n\t\t\t\tthis.addToHistory(originalTitle,event.navigateFromClientRect);\n\t\t\t} else {\n\t\t\t\tthis.removeTitleFromStory(storyList,draftTitle);\n\t\t\t}\n\t\t\tthis.saveStoryList(storyList);\t\n\t\t}\n\t}\n\treturn false;\n};\n\n// Create a new draft tiddler\n// event.param can either be the title of a template tiddler, or a hashmap of fields.\n//\n// The title of the newly created tiddler follows these rules:\n// * If a hashmap was used and a title field was specified, use that title\n// * If a hashmap was used without a title field, use a default title, if necessary making it unique with a numeric suffix\n// * If a template tiddler was used, use the title of the template, if necessary making it unique with a numeric suffix\n//\n// If a draft of the target tiddler already exists then it is reused\nNavigatorWidget.prototype.handleNewTiddlerEvent = function(event) {\n\t// Get the story details\n\tvar storyList = this.getStoryList(),\n\t\ttemplateTiddler, additionalFields, title, draftTitle, existingTiddler;\n\t// Get the template tiddler (if any)\n\tif(typeof event.param === \"string\") {\n\t\t// Get the template tiddler\n\t\ttemplateTiddler = this.wiki.getTiddler(event.param);\n\t\t// Generate a new title\n\t\ttitle = this.wiki.generateNewTitle(event.param || $tw.language.getString(\"DefaultNewTiddlerTitle\"));\n\t}\n\t// Get the specified additional fields\n\tif(typeof event.paramObject === \"object\") {\n\t\tadditionalFields = event.paramObject;\n\t}\n\tif(typeof event.param === \"object\") { // Backwards compatibility with 5.1.3\n\t\tadditionalFields = event.param;\n\t}\n\tif(additionalFields && additionalFields.title) {\n\t\ttitle = additionalFields.title;\n\t}\n\t// Generate a title if we don't have one\n\ttitle = title || this.wiki.generateNewTitle($tw.language.getString(\"DefaultNewTiddlerTitle\"));\n\t// Find any existing draft for this tiddler\n\tdraftTitle = this.wiki.findDraft(title);\n\t// Pull in any existing tiddler\n\tif(draftTitle) {\n\t\texistingTiddler = this.wiki.getTiddler(draftTitle);\n\t} else {\n\t\tdraftTitle = this.generateDraftTitle(title);\n\t\texistingTiddler = this.wiki.getTiddler(title);\n\t}\n\t// Merge the tags\n\tvar mergedTags = [];\n\tif(existingTiddler && existingTiddler.fields.tags) {\n\t\t$tw.utils.pushTop(mergedTags,existingTiddler.fields.tags)\n\t}\n\tif(additionalFields && additionalFields.tags) {\n\t\t// Merge tags\n\t\tmergedTags = $tw.utils.pushTop(mergedTags,$tw.utils.parseStringArray(additionalFields.tags));\n\t}\n\tif(templateTiddler && templateTiddler.fields.tags) {\n\t\t// Merge tags\n\t\tmergedTags = $tw.utils.pushTop(mergedTags,templateTiddler.fields.tags);\n\t}\n\t// Save the draft tiddler\n\tvar draftTiddler = new $tw.Tiddler({\n\t\t\ttext: \"\",\n\t\t\t\"draft.title\": title\n\t\t},\n\t\ttemplateTiddler,\n\t\texistingTiddler,\n\t\tadditionalFields,\n\t\tthis.wiki.getCreationFields(),\n\t\t{\n\t\t\ttitle: draftTitle,\n\t\t\t\"draft.of\": title,\n\t\t\ttags: mergedTags\n\t\t},this.wiki.getModificationFields());\n\tthis.wiki.addTiddler(draftTiddler);\n\t// Update the story to insert the new draft at the top and remove any existing tiddler\n\tif(storyList.indexOf(draftTitle) === -1) {\n\t\tvar slot = storyList.indexOf(event.navigateFromTitle);\n\t\tstoryList.splice(slot + 1,0,draftTitle);\n\t}\n\tif(storyList.indexOf(title) !== -1) {\n\t\tstoryList.splice(storyList.indexOf(title),1);\t\t\n\t}\n\tthis.saveStoryList(storyList);\n\t// Add a new record to the top of the history stack\n\tthis.addToHistory(draftTitle);\n\treturn false;\n};\n\n// Import JSON tiddlers into a pending import tiddler\nNavigatorWidget.prototype.handleImportTiddlersEvent = function(event) {\n\tvar self = this;\n\t// Get the tiddlers\n\tvar tiddlers = [];\n\ttry {\n\t\ttiddlers = JSON.parse(event.param);\t\n\t} catch(e) {\n\t}\n\t// Get the current $:/Import tiddler\n\tvar importTiddler = this.wiki.getTiddler(IMPORT_TITLE),\n\t\timportData = this.wiki.getTiddlerData(IMPORT_TITLE,{}),\n\t\tnewFields = new Object({\n\t\t\ttitle: IMPORT_TITLE,\n\t\t\ttype: \"application/json\",\n\t\t\t\"plugin-type\": \"import\",\n\t\t\t\"status\": \"pending\"\n\t\t}),\n\t\tincomingTiddlers = [];\n\t// Process each tiddler\n\timportData.tiddlers = importData.tiddlers || {};\n\t$tw.utils.each(tiddlers,function(tiddlerFields) {\n\t\tvar title = tiddlerFields.title;\n\t\tif(title) {\n\t\t\tincomingTiddlers.push(title);\n\t\t\timportData.tiddlers[title] = tiddlerFields;\n\t\t}\n\t});\n\t// Give the active upgrader modules a chance to process the incoming tiddlers\n\tvar messages = this.wiki.invokeUpgraders(incomingTiddlers,importData.tiddlers);\n\t$tw.utils.each(messages,function(message,title) {\n\t\tnewFields[\"message-\" + title] = message;\n\t});\n\t// Deselect any suppressed tiddlers\n\t$tw.utils.each(importData.tiddlers,function(tiddler,title) {\n\t\tif($tw.utils.count(tiddler) === 0) {\n\t\t\tnewFields[\"selection-\" + title] = \"unchecked\";\n\t\t}\n\t});\n\t// Save the $:/Import tiddler\n\tnewFields.text = JSON.stringify(importData,null,$tw.config.preferences.jsonSpaces);\n\tthis.wiki.addTiddler(new $tw.Tiddler(importTiddler,newFields));\n\t// Update the story and history details\n\tif(this.getVariable(\"tv-auto-open-on-import\") !== \"no\") {\n\t\tvar storyList = this.getStoryList(),\n\t\t\thistory = [];\n\t\t// Add it to the story\n\t\tif(storyList.indexOf(IMPORT_TITLE) === -1) {\n\t\t\tstoryList.unshift(IMPORT_TITLE);\n\t\t}\n\t\t// And to history\n\t\thistory.push(IMPORT_TITLE);\n\t\t// Save the updated story and history\n\t\tthis.saveStoryList(storyList);\n\t\tthis.addToHistory(history);\t\t\n\t}\n\treturn false;\n};\n\n// \nNavigatorWidget.prototype.handlePerformImportEvent = function(event) {\n\tvar self = this,\n\t\timportTiddler = this.wiki.getTiddler(event.param),\n\t\timportData = this.wiki.getTiddlerData(event.param,{tiddlers: {}}),\n\t\timportReport = [];\n\t// Add the tiddlers to the store\n\timportReport.push(\"The following tiddlers were imported:\\n\");\n\t$tw.utils.each(importData.tiddlers,function(tiddlerFields) {\n\t\tvar title = tiddlerFields.title;\n\t\tif(title && importTiddler && importTiddler.fields[\"selection-\" + title] !== \"unchecked\") {\n\t\t\tself.wiki.addTiddler(new $tw.Tiddler(tiddlerFields));\n\t\t\timportReport.push(\"# [[\" + tiddlerFields.title + \"]]\");\n\t\t}\n\t});\n\t// Replace the $:/Import tiddler with an import report\n\tthis.wiki.addTiddler(new $tw.Tiddler({\n\t\ttitle: IMPORT_TITLE,\n\t\ttext: importReport.join(\"\\n\"),\n\t\t\"status\": \"complete\"\n\t}));\n\t// Navigate to the $:/Import tiddler\n\tthis.addToHistory([IMPORT_TITLE]);\n\t// Trigger an autosave\n\t$tw.rootWidget.dispatchEvent({type: \"tm-auto-save-wiki\"});\n};\n\nexports.navigator = NavigatorWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/navigator.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/password.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/password.js\ntype: application/javascript\nmodule-type: widget\n\nPassword widget\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar PasswordWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nPasswordWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nPasswordWidget.prototype.render = function(parent,nextSibling) {\n\t// Save the parent dom node\n\tthis.parentDomNode = parent;\n\t// Compute our attributes\n\tthis.computeAttributes();\n\t// Execute our logic\n\tthis.execute();\n\t// Get the current password\n\tvar password = $tw.browser ? $tw.utils.getPassword(this.passwordName) || \"\" : \"\";\n\t// Create our element\n\tvar domNode = this.document.createElement(\"input\");\n\tdomNode.setAttribute(\"type\",\"password\");\n\tdomNode.setAttribute(\"value\",password);\n\t// Add a click event handler\n\t$tw.utils.addEventListeners(domNode,[\n\t\t{name: \"change\", handlerObject: this, handlerMethod: \"handleChangeEvent\"}\n\t]);\n\t// Insert the label into the DOM and render any children\n\tparent.insertBefore(domNode,nextSibling);\n\tthis.renderChildren(domNode,null);\n\tthis.domNodes.push(domNode);\n};\n\nPasswordWidget.prototype.handleChangeEvent = function(event) {\n\tvar password = this.domNodes[0].value;\n\treturn $tw.utils.savePassword(this.passwordName,password);\n};\n\n/*\nCompute the internal state of the widget\n*/\nPasswordWidget.prototype.execute = function() {\n\t// Get the parameters from the attributes\n\tthis.passwordName = this.getAttribute(\"name\",\"\");\n\t// Make the child widgets\n\tthis.makeChildWidgets();\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nPasswordWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes();\n\tif(changedAttributes.name) {\n\t\tthis.refreshSelf();\n\t\treturn true;\n\t} else {\n\t\treturn this.refreshChildren(changedTiddlers);\n\t}\n};\n\nexports.password = PasswordWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/password.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/radio.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/radio.js\ntype: application/javascript\nmodule-type: widget\n\nRadio widget\n\nWill set a field to the selected value:\n\n```\n\t<$radio field=\"myfield\" value=\"check 1\">one</$radio>\n\t<$radio field=\"myfield\" value=\"check 2\">two</$radio>\n\t<$radio field=\"myfield\" value=\"check 3\">three</$radio>\n```\n\n|Parameter |Description |h\n|tiddler |Name of the tiddler in which the field should be set. Defaults to current tiddler |\n|field |The name of the field to be set |\n|value |The value to set |\n|class |Optional class name(s) |\n\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar RadioWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nRadioWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nRadioWidget.prototype.render = function(parent,nextSibling) {\n\t// Save the parent dom node\n\tthis.parentDomNode = parent;\n\t// Compute our attributes\n\tthis.computeAttributes();\n\t// Execute our logic\n\tthis.execute();\n\t// Create our elements\n\tthis.labelDomNode = this.document.createElement(\"label\");\n\tthis.labelDomNode.setAttribute(\"class\",this.radioClass);\n\tthis.inputDomNode = this.document.createElement(\"input\");\n\tthis.inputDomNode.setAttribute(\"type\",\"radio\");\n\tif(this.getValue() == this.radioValue) {\n\t\tthis.inputDomNode.setAttribute(\"checked\",\"true\");\n\t}\n\tthis.labelDomNode.appendChild(this.inputDomNode);\n\tthis.spanDomNode = this.document.createElement(\"span\");\n\tthis.labelDomNode.appendChild(this.spanDomNode);\n\t// Add a click event handler\n\t$tw.utils.addEventListeners(this.inputDomNode,[\n\t\t{name: \"change\", handlerObject: this, handlerMethod: \"handleChangeEvent\"}\n\t]);\n\t// Insert the label into the DOM and render any children\n\tparent.insertBefore(this.labelDomNode,nextSibling);\n\tthis.renderChildren(this.spanDomNode,null);\n\tthis.domNodes.push(this.labelDomNode);\n};\n\nRadioWidget.prototype.getValue = function() {\n\tvar tiddler = this.wiki.getTiddler(this.radioTitle);\n\treturn tiddler && tiddler.getFieldString(this.radioField);\n};\n\nRadioWidget.prototype.setValue = function() {\n\tif(this.radioField) {\n\t\tvar tiddler = this.wiki.getTiddler(this.radioTitle),\n\t\t\taddition = {};\n\t\taddition[this.radioField] = this.radioValue;\n\t\tthis.wiki.addTiddler(new $tw.Tiddler({title: this.radioTitle},tiddler,addition,this.wiki.getModificationFields()));\n\t}\n};\n\nRadioWidget.prototype.handleChangeEvent = function(event) {\n\tif(this.inputDomNode.checked) {\n\t\tthis.setValue();\n\t}\n};\n\n/*\nCompute the internal state of the widget\n*/\nRadioWidget.prototype.execute = function() {\n\t// Get the parameters from the attributes\n\tthis.radioTitle = this.getAttribute(\"tiddler\",this.getVariable(\"currentTiddler\"));\n\tthis.radioField = this.getAttribute(\"field\",\"text\");\n\tthis.radioValue = this.getAttribute(\"value\");\n\tthis.radioClass = this.getAttribute(\"class\",\"\");\n\tif(this.radioClass !== \"\") {\n\t\tthis.radioClass += \" \";\n\t}\n\tthis.radioClass += \"tc-radio\";\n\t// Make the child widgets\n\tthis.makeChildWidgets();\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nRadioWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes();\n\tif(changedAttributes.tiddler || changedAttributes.field || changedAttributes.value || changedAttributes[\"class\"]) {\n\t\tthis.refreshSelf();\n\t\treturn true;\n\t} else {\n\t\tvar refreshed = false;\n\t\tif(changedTiddlers[this.radioTitle]) {\n\t\t\tthis.inputDomNode.checked = this.getValue() === this.radioValue;\n\t\t\trefreshed = true;\n\t\t}\n\t\treturn this.refreshChildren(changedTiddlers) || refreshed;\n\t}\n};\n\nexports.radio = RadioWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/radio.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/raw.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/raw.js\ntype: application/javascript\nmodule-type: widget\n\nRaw widget\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar RawWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nRawWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nRawWidget.prototype.render = function(parent,nextSibling) {\n\tthis.parentDomNode = parent;\n\tthis.execute();\n\tvar div = this.document.createElement(\"div\");\n\tdiv.innerHTML=this.parseTreeNode.html;\n\tparent.insertBefore(div,nextSibling);\n\tthis.domNodes.push(div);\t\n};\n\n/*\nCompute the internal state of the widget\n*/\nRawWidget.prototype.execute = function() {\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nRawWidget.prototype.refresh = function(changedTiddlers) {\n\treturn false;\n};\n\nexports.raw = RawWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/raw.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/reveal.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/reveal.js\ntype: application/javascript\nmodule-type: widget\n\nReveal widget\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar RevealWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nRevealWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nRevealWidget.prototype.render = function(parent,nextSibling) {\n\tthis.parentDomNode = parent;\n\tthis.computeAttributes();\n\tthis.execute();\n\tvar tag = this.parseTreeNode.isBlock ? \"div\" : \"span\";\n\tif(this.revealTag && $tw.config.htmlUnsafeElements.indexOf(this.revealTag) === -1) {\n\t\ttag = this.revealTag;\n\t}\n\tvar domNode = this.document.createElement(tag);\n\tvar classes = this[\"class\"].split(\" \") || [];\n\tclasses.push(\"tc-reveal\");\n\tdomNode.className = classes.join(\" \");\n\tif(this.style) {\n\t\tdomNode.setAttribute(\"style\",this.style);\n\t}\n\tparent.insertBefore(domNode,nextSibling);\n\tthis.renderChildren(domNode,null);\n\tif(!domNode.isTiddlyWikiFakeDom && this.type === \"popup\" && this.isOpen) {\n\t\tthis.positionPopup(domNode);\n\t\t$tw.utils.addClass(domNode,\"tc-popup\"); // Make sure that clicks don't dismiss popups within the revealed content\n\t}\n\tif(!this.isOpen) {\n\t\tdomNode.setAttribute(\"hidden\",\"true\");\n\t}\n\tthis.domNodes.push(domNode);\n};\n\nRevealWidget.prototype.positionPopup = function(domNode) {\n\tdomNode.style.position = \"absolute\";\n\tdomNode.style.zIndex = \"1000\";\n\tswitch(this.position) {\n\t\tcase \"left\":\n\t\t\tdomNode.style.left = (this.popup.left - domNode.offsetWidth) + \"px\";\n\t\t\tdomNode.style.top = this.popup.top + \"px\";\n\t\t\tbreak;\n\t\tcase \"above\":\n\t\t\tdomNode.style.left = this.popup.left + \"px\";\n\t\t\tdomNode.style.top = (this.popup.top - domNode.offsetHeight) + \"px\";\n\t\t\tbreak;\n\t\tcase \"aboveright\":\n\t\t\tdomNode.style.left = (this.popup.left + this.popup.width) + \"px\";\n\t\t\tdomNode.style.top = (this.popup.top + this.popup.height - domNode.offsetHeight) + \"px\";\n\t\t\tbreak;\n\t\tcase \"right\":\n\t\t\tdomNode.style.left = (this.popup.left + this.popup.width) + \"px\";\n\t\t\tdomNode.style.top = this.popup.top + \"px\";\n\t\t\tbreak;\n\t\tcase \"belowleft\":\n\t\t\tdomNode.style.left = (this.popup.left + this.popup.width - domNode.offsetWidth) + \"px\";\n\t\t\tdomNode.style.top = (this.popup.top + this.popup.height) + \"px\";\n\t\t\tbreak;\n\t\tdefault: // Below\n\t\t\tdomNode.style.left = this.popup.left + \"px\";\n\t\t\tdomNode.style.top = (this.popup.top + this.popup.height) + \"px\";\n\t\t\tbreak;\n\t}\n};\n\n/*\nCompute the internal state of the widget\n*/\nRevealWidget.prototype.execute = function() {\n\t// Get our parameters\n\tthis.state = this.getAttribute(\"state\");\n\tthis.revealTag = this.getAttribute(\"tag\");\n\tthis.type = this.getAttribute(\"type\");\n\tthis.text = this.getAttribute(\"text\");\n\tthis.position = this.getAttribute(\"position\");\n\tthis[\"class\"] = this.getAttribute(\"class\",\"\");\n\tthis.style = this.getAttribute(\"style\",\"\");\n\tthis[\"default\"] = this.getAttribute(\"default\",\"\");\n\tthis.animate = this.getAttribute(\"animate\",\"no\");\n\tthis.retain = this.getAttribute(\"retain\",\"no\");\n\tthis.openAnimation = this.animate === \"no\" ? undefined : \"open\";\n\tthis.closeAnimation = this.animate === \"no\" ? undefined : \"close\";\n\t// Compute the title of the state tiddler and read it\n\tthis.stateTitle = this.state;\n\tthis.readState();\n\t// Construct the child widgets\n\tvar childNodes = this.isOpen ? this.parseTreeNode.children : [];\n\tthis.hasChildNodes = this.isOpen;\n\tthis.makeChildWidgets(childNodes);\n};\n\n/*\nRead the state tiddler\n*/\nRevealWidget.prototype.readState = function() {\n\t// Read the information from the state tiddler\n\tvar state = this.stateTitle ? this.wiki.getTextReference(this.stateTitle,this[\"default\"],this.getVariable(\"currentTiddler\")) : this[\"default\"];\n\tswitch(this.type) {\n\t\tcase \"popup\":\n\t\t\tthis.readPopupState(state);\n\t\t\tbreak;\n\t\tcase \"match\":\n\t\t\tthis.readMatchState(state);\n\t\t\tbreak;\n\t\tcase \"nomatch\":\n\t\t\tthis.readMatchState(state);\n\t\t\tthis.isOpen = !this.isOpen;\n\t\t\tbreak;\n\t}\n};\n\nRevealWidget.prototype.readMatchState = function(state) {\n\tthis.isOpen = state === this.text;\n};\n\nRevealWidget.prototype.readPopupState = function(state) {\n\tvar popupLocationRegExp = /^\\((-?[0-9\\.E]+),(-?[0-9\\.E]+),(-?[0-9\\.E]+),(-?[0-9\\.E]+)\\)$/,\n\t\tmatch = popupLocationRegExp.exec(state);\n\t// Check if the state matches the location regexp\n\tif(match) {\n\t\t// If so, we're open\n\t\tthis.isOpen = true;\n\t\t// Get the location\n\t\tthis.popup = {\n\t\t\tleft: parseFloat(match[1]),\n\t\t\ttop: parseFloat(match[2]),\n\t\t\twidth: parseFloat(match[3]),\n\t\t\theight: parseFloat(match[4])\n\t\t};\n\t} else {\n\t\t// If not, we're closed\n\t\tthis.isOpen = false;\n\t}\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nRevealWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes();\n\tif(changedAttributes.state || changedAttributes.type || changedAttributes.text || changedAttributes.position || changedAttributes[\"default\"] || changedAttributes.animate) {\n\t\tthis.refreshSelf();\n\t\treturn true;\n\t} else {\n\t\tvar refreshed = false,\n\t\t\tcurrentlyOpen = this.isOpen;\n\t\tthis.readState();\n\t\tif(this.isOpen !== currentlyOpen) {\n\t\t\tif(this.retain === \"yes\") {\n\t\t\t\tthis.updateState();\n\t\t\t} else {\n\t\t\t\tthis.refreshSelf();\n\t\t\t\trefreshed = true;\n\t\t\t}\n\t\t}\n\t\treturn this.refreshChildren(changedTiddlers) || refreshed;\n\t}\n};\n\n/*\nCalled by refresh() to dynamically show or hide the content\n*/\nRevealWidget.prototype.updateState = function() {\n\t// Read the current state\n\tthis.readState();\n\t// Construct the child nodes if needed\n\tvar domNode = this.domNodes[0];\n\tif(this.isOpen && !this.hasChildNodes) {\n\t\tthis.hasChildNodes = true;\n\t\tthis.makeChildWidgets(this.parseTreeNode.children);\n\t\tthis.renderChildren(domNode,null);\n\t}\n\t// Animate our DOM node\n\tif(!domNode.isTiddlyWikiFakeDom && this.type === \"popup\" && this.isOpen) {\n\t\tthis.positionPopup(domNode);\n\t\t$tw.utils.addClass(domNode,\"tc-popup\"); // Make sure that clicks don't dismiss popups within the revealed content\n\n\t}\n\tif(this.isOpen) {\n\t\tdomNode.removeAttribute(\"hidden\");\n $tw.anim.perform(this.openAnimation,domNode);\n\t} else {\n\t\t$tw.anim.perform(this.closeAnimation,domNode,{callback: function() {\n\t\t\tdomNode.setAttribute(\"hidden\",\"true\");\n }});\n\t}\n};\n\nexports.reveal = RevealWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/reveal.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/scrollable.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/scrollable.js\ntype: application/javascript\nmodule-type: widget\n\nScrollable widget\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar ScrollableWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n\tthis.scaleFactor = 1;\n\tthis.addEventListeners([\n\t\t{type: \"tm-scroll\", handler: \"handleScrollEvent\"}\n\t]);\n\tif($tw.browser) {\n\t\tthis.requestAnimationFrame = window.requestAnimationFrame ||\n\t\t\twindow.webkitRequestAnimationFrame ||\n\t\t\twindow.mozRequestAnimationFrame ||\n\t\t\tfunction(callback) {\n\t\t\t\treturn window.setTimeout(callback, 1000/60);\n\t\t\t};\n\t\tthis.cancelAnimationFrame = window.cancelAnimationFrame ||\n\t\t\twindow.webkitCancelAnimationFrame ||\n\t\t\twindow.webkitCancelRequestAnimationFrame ||\n\t\t\twindow.mozCancelAnimationFrame ||\n\t\t\twindow.mozCancelRequestAnimationFrame ||\n\t\t\tfunction(id) {\n\t\t\t\twindow.clearTimeout(id);\n\t\t\t};\n\t}\n};\n\n/*\nInherit from the base widget class\n*/\nScrollableWidget.prototype = new Widget();\n\nScrollableWidget.prototype.cancelScroll = function() {\n\tif(this.idRequestFrame) {\n\t\tthis.cancelAnimationFrame.call(window,this.idRequestFrame);\n\t\tthis.idRequestFrame = null;\n\t}\n};\n\n/*\nHandle a scroll event\n*/\nScrollableWidget.prototype.handleScrollEvent = function(event) {\n\t// Pass the scroll event through if our offsetsize is larger than our scrollsize\n\tif(this.outerDomNode.scrollWidth <= this.outerDomNode.offsetWidth && this.outerDomNode.scrollHeight <= this.outerDomNode.offsetHeight && this.fallthrough === \"yes\") {\n\t\treturn true;\n\t}\n\tthis.scrollIntoView(event.target);\n\treturn false; // Handled event\n};\n\n/*\nScroll an element into view\n*/\nScrollableWidget.prototype.scrollIntoView = function(element) {\n\tvar duration = $tw.utils.getAnimationDuration();\n\tthis.cancelScroll();\n\tthis.startTime = Date.now();\n\tvar scrollPosition = {\n\t\tx: this.outerDomNode.scrollLeft,\n\t\ty: this.outerDomNode.scrollTop\n\t};\n\t// Get the client bounds of the element and adjust by the scroll position\n\tvar scrollableBounds = this.outerDomNode.getBoundingClientRect(),\n\t\tclientTargetBounds = element.getBoundingClientRect(),\n\t\tbounds = {\n\t\t\tleft: clientTargetBounds.left + scrollPosition.x - scrollableBounds.left,\n\t\t\ttop: clientTargetBounds.top + scrollPosition.y - scrollableBounds.top,\n\t\t\twidth: clientTargetBounds.width,\n\t\t\theight: clientTargetBounds.height\n\t\t};\n\t// We'll consider the horizontal and vertical scroll directions separately via this function\n\tvar getEndPos = function(targetPos,targetSize,currentPos,currentSize) {\n\t\t\t// If the target is already visible then stay where we are\n\t\t\tif(targetPos >= currentPos && (targetPos + targetSize) <= (currentPos + currentSize)) {\n\t\t\t\treturn currentPos;\n\t\t\t// If the target is above/left of the current view, then scroll to its top/left\n\t\t\t} else if(targetPos <= currentPos) {\n\t\t\t\treturn targetPos;\n\t\t\t// If the target is smaller than the window and the scroll position is too far up, then scroll till the target is at the bottom of the window\n\t\t\t} else if(targetSize < currentSize && currentPos < (targetPos + targetSize - currentSize)) {\n\t\t\t\treturn targetPos + targetSize - currentSize;\n\t\t\t// If the target is big, then just scroll to the top\n\t\t\t} else if(currentPos < targetPos) {\n\t\t\t\treturn targetPos;\n\t\t\t// Otherwise, stay where we are\n\t\t\t} else {\n\t\t\t\treturn currentPos;\n\t\t\t}\n\t\t},\n\t\tendX = getEndPos(bounds.left,bounds.width,scrollPosition.x,this.outerDomNode.offsetWidth),\n\t\tendY = getEndPos(bounds.top,bounds.height,scrollPosition.y,this.outerDomNode.offsetHeight);\n\t// Only scroll if necessary\n\tif(endX !== scrollPosition.x || endY !== scrollPosition.y) {\n\t\tvar self = this,\n\t\t\tdrawFrame;\n\t\tdrawFrame = function () {\n\t\t\tvar t;\n\t\t\tif(duration <= 0) {\n\t\t\t\tt = 1;\n\t\t\t} else {\n\t\t\t\tt = ((Date.now()) - self.startTime) / duration;\t\n\t\t\t}\n\t\t\tif(t >= 1) {\n\t\t\t\tself.cancelScroll();\n\t\t\t\tt = 1;\n\t\t\t}\n\t\t\tt = $tw.utils.slowInSlowOut(t);\n\t\t\tself.outerDomNode.scrollLeft = scrollPosition.x + (endX - scrollPosition.x) * t;\n\t\t\tself.outerDomNode.scrollTop = scrollPosition.y + (endY - scrollPosition.y) * t;\n\t\t\tif(t < 1) {\n\t\t\t\tself.idRequestFrame = self.requestAnimationFrame.call(window,drawFrame);\n\t\t\t}\n\t\t};\n\t\tdrawFrame();\n\t}\n};\n\n/*\nRender this widget into the DOM\n*/\nScrollableWidget.prototype.render = function(parent,nextSibling) {\n\tvar self = this;\n\t// Remember parent\n\tthis.parentDomNode = parent;\n\t// Compute attributes and execute state\n\tthis.computeAttributes();\n\tthis.execute();\n\t// Create elements\n\tthis.outerDomNode = this.document.createElement(\"div\");\n\t$tw.utils.setStyle(this.outerDomNode,[\n\t\t{overflowY: \"auto\"},\n\t\t{overflowX: \"auto\"},\n\t\t{webkitOverflowScrolling: \"touch\"}\n\t]);\n\tthis.innerDomNode = this.document.createElement(\"div\");\n\tthis.outerDomNode.appendChild(this.innerDomNode);\n\t// Assign classes\n\tthis.outerDomNode.className = this[\"class\"] || \"\";\n\t// Insert element\n\tparent.insertBefore(this.outerDomNode,nextSibling);\n\tthis.renderChildren(this.innerDomNode,null);\n\tthis.domNodes.push(this.outerDomNode);\n};\n\n/*\nCompute the internal state of the widget\n*/\nScrollableWidget.prototype.execute = function() {\n\t// Get attributes\n\tthis.fallthrough = this.getAttribute(\"fallthrough\",\"yes\");\n\tthis[\"class\"] = this.getAttribute(\"class\");\n\t// Make child widgets\n\tthis.makeChildWidgets();\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nScrollableWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes();\n\tif(changedAttributes[\"class\"]) {\n\t\tthis.refreshSelf();\n\t\treturn true;\n\t}\n\treturn this.refreshChildren(changedTiddlers);\n};\n\nexports.scrollable = ScrollableWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/scrollable.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/select.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/select.js\ntype: application/javascript\nmodule-type: widget\n\nSelect widget:\n\n```\n<$select tiddler=\"MyTiddler\" field=\"text\">\n<$list filter=\"[tag[chapter]]\">\n<option value=<<currentTiddler>>>\n<$view field=\"description\"/>\n</option>\n</$list>\n</$select>\n```\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar SelectWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nSelectWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nSelectWidget.prototype.render = function(parent,nextSibling) {\n\tthis.parentDomNode = parent;\n\tthis.computeAttributes();\n\tthis.execute();\n\tthis.renderChildren(parent,nextSibling);\n\tthis.setSelectValue();\n\t$tw.utils.addEventListeners(this.getSelectDomNode(),[\n\t\t{name: \"change\", handlerObject: this, handlerMethod: \"handleChangeEvent\"}\n\t]);\n};\n\n/*\nHandle a change event\n*/\nSelectWidget.prototype.handleChangeEvent = function(event) {\n\tvar value = this.getSelectDomNode().value;\n\tthis.wiki.setText(this.selectTitle,this.selectField,this.selectIndex,value);\n};\n\n/*\nIf necessary, set the value of the select element to the current value\n*/\nSelectWidget.prototype.setSelectValue = function() {\n\tvar value = this.selectDefault;\n\t// Get the value\n\tif(this.selectIndex) {\n\t\tvalue = this.wiki.extractTiddlerDataItem(this.selectTitle,this.selectIndex);\n\t} else {\n\t\tvar tiddler = this.wiki.getTiddler(this.selectTitle);\n\t\tif(tiddler) {\n\t\t\tif(this.selectField === \"text\") {\n\t\t\t\t// Calling getTiddlerText() triggers lazy loading of skinny tiddlers\n\t\t\t\tvalue = this.wiki.getTiddlerText(this.selectTitle);\n\t\t\t} else {\n\t\t\t\tif($tw.utils.hop(tiddler.fields,this.selectField)) {\n\t\t\t\t\tvalue = tiddler.getFieldString(this.selectField);\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tif(this.selectField === \"title\") {\n\t\t\t\tvalue = this.selectTitle;\n\t\t\t}\n\t\t}\n\t}\n\t// Assign it to the select element if it's different than the current value\n\tvar domNode = this.getSelectDomNode();\n\tif(domNode.value !== value) {\n\t\tdomNode.value = value;\n\t}\n};\n\n/*\nGet the DOM node of the select element\n*/\nSelectWidget.prototype.getSelectDomNode = function() {\n\treturn this.children[0].domNodes[0];\n};\n\n/*\nCompute the internal state of the widget\n*/\nSelectWidget.prototype.execute = function() {\n\t// Get our parameters\n\tthis.selectTitle = this.getAttribute(\"tiddler\",this.getVariable(\"currentTiddler\"));\n\tthis.selectField = this.getAttribute(\"field\",\"text\");\n\tthis.selectIndex = this.getAttribute(\"index\");\n\tthis.selectClass = this.getAttribute(\"class\");\n\tthis.selectDefault = this.getAttribute(\"default\");\n\t// Make the child widgets\n\tvar selectNode = {\n\t\ttype: \"element\",\n\t\ttag: \"select\",\n\t\tchildren: this.parseTreeNode.children\n\t};\n\tif(this.selectClass) {\n\t\t$tw.utils.addAttributeToParseTreeNode(selectNode,\"class\",this.selectClass);\n\t}\n\tthis.makeChildWidgets([selectNode]);\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nSelectWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes();\n\t// If we're using a different tiddler/field/index then completely refresh ourselves\n\tif(changedAttributes.selectTitle || changedAttributes.selectField || changedAttributes.selectIndex) {\n\t\tthis.refreshSelf();\n\t\treturn true;\n\t// If the target tiddler value has changed, just update setting and refresh the children\n\t} else {\n\t\tvar childrenRefreshed = this.refreshChildren(changedTiddlers);\n\t\tif(changedTiddlers[this.selectTitle] || childrenRefreshed) {\n\t\t\tthis.setSelectValue();\n\t\t} \n\t\treturn childrenRefreshed;\n\t}\n};\n\nexports.select = SelectWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/select.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/set.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/set.js\ntype: application/javascript\nmodule-type: widget\n\nSet variable widget\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar SetWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nSetWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nSetWidget.prototype.render = function(parent,nextSibling) {\n\tthis.parentDomNode = parent;\n\tthis.computeAttributes();\n\tthis.execute();\n\tthis.renderChildren(parent,nextSibling);\n};\n\n/*\nCompute the internal state of the widget\n*/\nSetWidget.prototype.execute = function() {\n\t// Get our parameters\n\tthis.setName = this.getAttribute(\"name\",\"currentTiddler\");\n\tthis.setFilter = this.getAttribute(\"filter\");\n\tthis.setValue = this.getAttribute(\"value\");\n\tthis.setEmptyValue = this.getAttribute(\"emptyValue\");\n\t// Set context variable\n\tvar value = this.setValue;\n\tif(this.setFilter) {\n\t\tvar results = this.wiki.filterTiddlers(this.setFilter,this);\n\t\tif(!this.setValue) {\n\t\t\tvalue = $tw.utils.stringifyList(results);\n\t\t}\n\t\tif(results.length === 0 && this.setEmptyValue !== undefined) {\n\t\t\tvalue = this.setEmptyValue;\n\t\t}\n\t}\n\tthis.setVariable(this.setName,value,this.parseTreeNode.params);\n\t// Construct the child widgets\n\tthis.makeChildWidgets();\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nSetWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes();\n\tif(changedAttributes.name || changedAttributes.filter || changedAttributes.value || changedAttributes.emptyValue) {\n\t\tthis.refreshSelf();\n\t\treturn true;\n\t} else {\n\t\treturn this.refreshChildren(changedTiddlers);\t\t\n\t}\n};\n\nexports.setvariable = SetWidget;\nexports.set = SetWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/set.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/text.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/text.js\ntype: application/javascript\nmodule-type: widget\n\nText node widget\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar TextNodeWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nTextNodeWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nTextNodeWidget.prototype.render = function(parent,nextSibling) {\n\tthis.parentDomNode = parent;\n\tthis.computeAttributes();\n\tthis.execute();\n\tvar text = this.getAttribute(\"text\",this.parseTreeNode.text || \"\");\n\ttext = text.replace(/\\r/mg,\"\");\n\tvar textNode = this.document.createTextNode(text);\n\tparent.insertBefore(textNode,nextSibling);\n\tthis.domNodes.push(textNode);\n};\n\n/*\nCompute the internal state of the widget\n*/\nTextNodeWidget.prototype.execute = function() {\n\t// Nothing to do for a text node\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nTextNodeWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes();\n\tif(changedAttributes.text) {\n\t\tthis.refreshSelf();\n\t\treturn true;\n\t} else {\n\t\treturn false;\t\n\t}\n};\n\nexports.text = TextNodeWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/text.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/tiddler.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/tiddler.js\ntype: application/javascript\nmodule-type: widget\n\nTiddler widget\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar TiddlerWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nTiddlerWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nTiddlerWidget.prototype.render = function(parent,nextSibling) {\n\tthis.parentDomNode = parent;\n\tthis.computeAttributes();\n\tthis.execute();\n\tthis.renderChildren(parent,nextSibling);\n};\n\n/*\nCompute the internal state of the widget\n*/\nTiddlerWidget.prototype.execute = function() {\n\tthis.tiddlerState = this.computeTiddlerState();\n\tthis.setVariable(\"currentTiddler\",this.tiddlerState.currentTiddler);\n\tthis.setVariable(\"missingTiddlerClass\",this.tiddlerState.missingTiddlerClass);\n\tthis.setVariable(\"shadowTiddlerClass\",this.tiddlerState.shadowTiddlerClass);\n\tthis.setVariable(\"systemTiddlerClass\",this.tiddlerState.systemTiddlerClass);\n\tthis.setVariable(\"tiddlerTagClasses\",this.tiddlerState.tiddlerTagClasses);\n\t// Construct the child widgets\n\tthis.makeChildWidgets();\n};\n\n/*\nCompute the tiddler state flags\n*/\nTiddlerWidget.prototype.computeTiddlerState = function() {\n\t// Get our parameters\n\tthis.tiddlerTitle = this.getAttribute(\"tiddler\",this.getVariable(\"currentTiddler\"));\n\t// Compute the state\n\tvar state = {\n\t\tcurrentTiddler: this.tiddlerTitle || \"\",\n\t\tmissingTiddlerClass: (this.wiki.tiddlerExists(this.tiddlerTitle) || this.wiki.isShadowTiddler(this.tiddlerTitle)) ? \"tc-tiddler-exists\" : \"tc-tiddler-missing\",\n\t\tshadowTiddlerClass: this.wiki.isShadowTiddler(this.tiddlerTitle) ? \"tc-tiddler-shadow\" : \"\",\n\t\tsystemTiddlerClass: this.wiki.isSystemTiddler(this.tiddlerTitle) ? \"tc-tiddler-system\" : \"\",\n\t\ttiddlerTagClasses: this.getTagClasses()\n\t};\n\t// Compute a simple hash to make it easier to detect changes\n\tstate.hash = state.currentTiddler + state.missingTiddlerClass + state.shadowTiddlerClass + state.systemTiddlerClass + state.tiddlerTagClasses;\n\treturn state;\n};\n\n/*\nCreate a string of CSS classes derived from the tags of the current tiddler\n*/\nTiddlerWidget.prototype.getTagClasses = function() {\n\tvar tiddler = this.wiki.getTiddler(this.tiddlerTitle);\n\tif(tiddler) {\n\t\tvar tags = [];\n\t\t$tw.utils.each(tiddler.fields.tags,function(tag) {\n\t\t\ttags.push(\"tc-tagged-\" + encodeURIComponent(tag));\n\t\t});\n\t\treturn tags.join(\" \");\n\t} else {\n\t\treturn \"\";\n\t}\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nTiddlerWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes(),\n\t\tnewTiddlerState = this.computeTiddlerState();\n\tif(changedAttributes.tiddler || newTiddlerState.hash !== this.tiddlerState.hash) {\n\t\tthis.refreshSelf();\n\t\treturn true;\n\t} else {\n\t\treturn this.refreshChildren(changedTiddlers);\t\t\n\t}\n};\n\nexports.tiddler = TiddlerWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/tiddler.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/transclude.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/transclude.js\ntype: application/javascript\nmodule-type: widget\n\nTransclude widget\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar TranscludeWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nTranscludeWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nTranscludeWidget.prototype.render = function(parent,nextSibling) {\n\tthis.parentDomNode = parent;\n\tthis.computeAttributes();\n\tthis.execute();\n\tthis.renderChildren(parent,nextSibling);\n};\n\n/*\nCompute the internal state of the widget\n*/\nTranscludeWidget.prototype.execute = function() {\n\t// Get our parameters\n\tthis.transcludeTitle = this.getAttribute(\"tiddler\",this.getVariable(\"currentTiddler\"));\n\tthis.transcludeSubTiddler = this.getAttribute(\"subtiddler\");\n\tthis.transcludeField = this.getAttribute(\"field\");\n\tthis.transcludeIndex = this.getAttribute(\"index\");\n\tthis.transcludeMode = this.getAttribute(\"mode\");\n\t// Parse the text reference\n\tvar parseAsInline = !this.parseTreeNode.isBlock;\n\tif(this.transcludeMode === \"inline\") {\n\t\tparseAsInline = true;\n\t} else if(this.transcludeMode === \"block\") {\n\t\tparseAsInline = false;\n\t}\n\tvar parser = this.wiki.parseTextReference(\n\t\t\t\t\t\tthis.transcludeTitle,\n\t\t\t\t\t\tthis.transcludeField,\n\t\t\t\t\t\tthis.transcludeIndex,\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tparseAsInline: parseAsInline,\n\t\t\t\t\t\t\tsubTiddler: this.transcludeSubTiddler\n\t\t\t\t\t\t}),\n\t\tparseTreeNodes = parser ? parser.tree : this.parseTreeNode.children;\n\t// Set context variables for recursion detection\n\tvar recursionMarker = this.makeRecursionMarker();\n\tthis.setVariable(\"transclusion\",recursionMarker);\n\t// Check for recursion\n\tif(parser) {\n\t\tif(this.parentWidget && this.parentWidget.hasVariable(\"transclusion\",recursionMarker)) {\n\t\t\tparseTreeNodes = [{type: \"element\", tag: \"span\", attributes: {\n\t\t\t\t\"class\": {type: \"string\", value: \"tc-error\"}\n\t\t\t}, children: [\n\t\t\t\t{type: \"text\", text: \"Recursive transclusion error in transclude widget\"}\n\t\t\t]}];\n\t\t}\n\t}\n\t// Construct the child widgets\n\tthis.makeChildWidgets(parseTreeNodes);\n};\n\n/*\nCompose a string comprising the title, field and/or index to identify this transclusion for recursion detection\n*/\nTranscludeWidget.prototype.makeRecursionMarker = function() {\n\tvar output = [];\n\toutput.push(\"{\");\n\toutput.push(this.getVariable(\"currentTiddler\",{defaultValue: \"\"}));\n\toutput.push(\"|\");\n\toutput.push(this.transcludeTitle || \"\");\n\toutput.push(\"|\");\n\toutput.push(this.transcludeField || \"\");\n\toutput.push(\"|\");\n\toutput.push(this.transcludeIndex || \"\");\n\toutput.push(\"|\");\n\toutput.push(this.transcludeSubTiddler || \"\");\n\toutput.push(\"}\");\n\treturn output.join(\"\");\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nTranscludeWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes();\n\tif(changedAttributes.tiddler || changedAttributes.field || changedAttributes.index || changedTiddlers[this.transcludeTitle]) {\n\t\tthis.refreshSelf();\n\t\treturn true;\n\t} else {\n\t\treturn this.refreshChildren(changedTiddlers);\t\t\n\t}\n};\n\nexports.transclude = TranscludeWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/transclude.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/vars.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/vars.js\ntype: application/javascript\nmodule-type: widget\n\nThis widget allows multiple variables to be set in one go:\n\n```\n\\define helloworld() Hello world!\n<$vars greeting=\"Hi\" me={{!!title}} sentence=<<helloworld>>>\n <<greeting>>! I am <<me>> and I say: <<sentence>>\n</$vars>\n```\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar VarsWidget = function(parseTreeNode,options) {\n\t// Call the constructor\n\tWidget.call(this);\n\t// Initialise\t\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nVarsWidget.prototype = Object.create(Widget.prototype);\n\n/*\nRender this widget into the DOM\n*/\nVarsWidget.prototype.render = function(parent,nextSibling) {\n\tthis.parentDomNode = parent;\n\tthis.computeAttributes();\n\tthis.execute();\n\tthis.renderChildren(parent,nextSibling);\n};\n\n/*\nCompute the internal state of the widget\n*/\nVarsWidget.prototype.execute = function() {\n\t// Parse variables\n\tvar self = this;\n\t$tw.utils.each(this.attributes,function(val,key) {\n\t\tif(key.charAt(0) !== \"$\") {\n\t\t\tself.setVariable(key,val);\n\t\t}\n\t});\n\t// Construct the child widgets\n\tthis.makeChildWidgets();\n};\n\n/*\nRefresh the widget by ensuring our attributes are up to date\n*/\nVarsWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes();\n\tif(Object.keys(changedAttributes).length) {\n\t\tthis.refreshSelf();\n\t\treturn true;\n\t}\n\treturn this.refreshChildren(changedTiddlers);\n};\n\nexports[\"vars\"] = VarsWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/vars.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/view.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/view.js\ntype: application/javascript\nmodule-type: widget\n\nView widget\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar Widget = require(\"$:/core/modules/widgets/widget.js\").widget;\n\nvar ViewWidget = function(parseTreeNode,options) {\n\tthis.initialise(parseTreeNode,options);\n};\n\n/*\nInherit from the base widget class\n*/\nViewWidget.prototype = new Widget();\n\n/*\nRender this widget into the DOM\n*/\nViewWidget.prototype.render = function(parent,nextSibling) {\n\tthis.parentDomNode = parent;\n\tthis.computeAttributes();\n\tthis.execute();\n\tif(this.text) {\n\t\tvar textNode = this.document.createTextNode(this.text);\n\t\tparent.insertBefore(textNode,nextSibling);\n\t\tthis.domNodes.push(textNode);\n\t} else {\n\t\tthis.makeChildWidgets();\n\t\tthis.renderChildren(parent,nextSibling);\n\t}\n};\n\n/*\nCompute the internal state of the widget\n*/\nViewWidget.prototype.execute = function() {\n\t// Get parameters from our attributes\n\tthis.viewTitle = this.getAttribute(\"tiddler\",this.getVariable(\"currentTiddler\"));\n\tthis.viewSubtiddler = this.getAttribute(\"subtiddler\");\n\tthis.viewField = this.getAttribute(\"field\",\"text\");\n\tthis.viewIndex = this.getAttribute(\"index\");\n\tthis.viewFormat = this.getAttribute(\"format\",\"text\");\n\tthis.viewTemplate = this.getAttribute(\"template\",\"\");\n\tswitch(this.viewFormat) {\n\t\tcase \"htmlwikified\":\n\t\t\tthis.text = this.getValueAsHtmlWikified();\n\t\t\tbreak;\n\t\tcase \"htmlencoded\":\n\t\t\tthis.text = this.getValueAsHtmlEncoded();\n\t\t\tbreak;\n\t\tcase \"urlencoded\":\n\t\t\tthis.text = this.getValueAsUrlEncoded();\n\t\t\tbreak;\n\t\tcase \"doubleurlencoded\":\n\t\t\tthis.text = this.getValueAsDoubleUrlEncoded();\n\t\t\tbreak;\n\t\tcase \"date\":\n\t\t\tthis.text = this.getValueAsDate(this.viewTemplate);\n\t\t\tbreak;\n\t\tcase \"relativedate\":\n\t\t\tthis.text = this.getValueAsRelativeDate();\n\t\t\tbreak;\n\t\tcase \"stripcomments\":\n\t\t\tthis.text = this.getValueAsStrippedComments();\n\t\t\tbreak;\n\t\tcase \"jsencoded\":\n\t\t\tthis.text = this.getValueAsJsEncoded();\n\t\t\tbreak;\n\t\tdefault: // \"text\"\n\t\t\tthis.text = this.getValueAsText();\n\t\t\tbreak;\n\t}\n};\n\n/*\nThe various formatter functions are baked into this widget for the moment. Eventually they will be replaced by macro functions\n*/\n\n/*\nRetrieve the value of the widget. Options are:\nasString: Optionally return the value as a string\n*/\nViewWidget.prototype.getValue = function(options) {\n\toptions = options || {};\n\tvar value = options.asString ? \"\" : undefined;\n\tif(this.viewIndex) {\n\t\tvalue = this.wiki.extractTiddlerDataItem(this.viewTitle,this.viewIndex);\n\t} else {\n\t\tvar tiddler;\n\t\tif(this.viewSubtiddler) {\n\t\t\ttiddler = this.wiki.getSubTiddler(this.viewTitle,this.viewSubtiddler);\t\n\t\t} else {\n\t\t\ttiddler = this.wiki.getTiddler(this.viewTitle);\n\t\t}\n\t\tif(tiddler) {\n\t\t\tif(this.viewField === \"text\" && !this.viewSubtiddler) {\n\t\t\t\t// Calling getTiddlerText() triggers lazy loading of skinny tiddlers\n\t\t\t\tvalue = this.wiki.getTiddlerText(this.viewTitle);\n\t\t\t} else {\n\t\t\t\tif($tw.utils.hop(tiddler.fields,this.viewField)) {\n\t\t\t\t\tif(options.asString) {\n\t\t\t\t\t\tvalue = tiddler.getFieldString(this.viewField);\n\t\t\t\t\t} else {\n\t\t\t\t\t\tvalue = tiddler.fields[this.viewField];\t\t\t\t\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t} else {\n\t\t\tif(this.viewField === \"title\") {\n\t\t\t\tvalue = this.viewTitle;\n\t\t\t}\n\t\t}\n\t}\n\treturn value;\n};\n\nViewWidget.prototype.getValueAsText = function() {\n\treturn this.getValue({asString: true});\n};\n\nViewWidget.prototype.getValueAsHtmlWikified = function() {\n\treturn this.wiki.renderText(\"text/html\",\"text/vnd.tiddlywiki\",this.getValueAsText(),{parentWidget: this});\n};\n\nViewWidget.prototype.getValueAsHtmlEncoded = function() {\n\treturn $tw.utils.htmlEncode(this.getValueAsText());\n};\n\nViewWidget.prototype.getValueAsUrlEncoded = function() {\n\treturn encodeURIComponent(this.getValueAsText());\n};\n\nViewWidget.prototype.getValueAsDoubleUrlEncoded = function() {\n\treturn encodeURIComponent(encodeURIComponent(this.getValueAsText()));\n};\n\nViewWidget.prototype.getValueAsDate = function(format) {\n\tformat = format || \"YYYY MM DD 0hh:0mm\";\n\tvar value = $tw.utils.parseDate(this.getValue());\n\tif(value && $tw.utils.isDate(value) && value.toString() !== \"Invalid Date\") {\n\t\treturn $tw.utils.formatDateString(value,format);\n\t} else {\n\t\treturn \"\";\n\t}\n};\n\nViewWidget.prototype.getValueAsRelativeDate = function(format) {\n\tvar value = $tw.utils.parseDate(this.getValue());\n\tif(value && $tw.utils.isDate(value) && value.toString() !== \"Invalid Date\") {\n\t\treturn $tw.utils.getRelativeDate((new Date()) - (new Date(value))).description;\n\t} else {\n\t\treturn \"\";\n\t}\n};\n\nViewWidget.prototype.getValueAsStrippedComments = function() {\n\tvar lines = this.getValueAsText().split(\"\\n\"),\n\t\tout = [];\n\tfor(var line=0; line<lines.length; line++) {\n\t\tvar text = lines[line];\n\t\tif(!/^\\s*\\/\\/#/.test(text)) {\n\t\t\tout.push(text);\n\t\t}\n\t}\n\treturn out.join(\"\\n\");\n};\n\nViewWidget.prototype.getValueAsJsEncoded = function() {\n\treturn $tw.utils.stringify(this.getValueAsText());\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nViewWidget.prototype.refresh = function(changedTiddlers) {\n\tvar changedAttributes = this.computeAttributes();\n\tif(changedAttributes.tiddler || changedAttributes.field || changedAttributes.index || changedAttributes.template || changedAttributes.format || changedTiddlers[this.viewTitle]) {\n\t\tthis.refreshSelf();\n\t\treturn true;\n\t} else {\n\t\treturn false;\t\n\t}\n};\n\nexports.view = ViewWidget;\n\n})();\n",
"title": "$:/core/modules/widgets/view.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/widgets/widget.js": {
"text": "/*\\\ntitle: $:/core/modules/widgets/widget.js\ntype: application/javascript\nmodule-type: widget\n\nWidget base class\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nCreate a widget object for a parse tree node\n\tparseTreeNode: reference to the parse tree node to be rendered\n\toptions: see below\nOptions include:\n\twiki: mandatory reference to wiki associated with this render tree\n\tparentWidget: optional reference to a parent renderer node for the context chain\n\tdocument: optional document object to use instead of global document\n*/\nvar Widget = function(parseTreeNode,options) {\n\tif(arguments.length > 0) {\n\t\tthis.initialise(parseTreeNode,options);\n\t}\n};\n\n/*\nInitialise widget properties. These steps are pulled out of the constructor so that we can reuse them in subclasses\n*/\nWidget.prototype.initialise = function(parseTreeNode,options) {\n\toptions = options || {};\n\t// Save widget info\n\tthis.parseTreeNode = parseTreeNode;\n\tthis.wiki = options.wiki;\n\tthis.parentWidget = options.parentWidget;\n\tthis.variablesConstructor = function() {};\n\tthis.variablesConstructor.prototype = this.parentWidget ? this.parentWidget.variables : {};\n\tthis.variables = new this.variablesConstructor();\n\tthis.document = options.document;\n\tthis.attributes = {};\n\tthis.children = [];\n\tthis.domNodes = [];\n\tthis.eventListeners = {};\n\t// Hashmap of the widget classes\n\tif(!this.widgetClasses) {\n\t\tWidget.prototype.widgetClasses = $tw.modules.applyMethods(\"widget\");\n\t}\n};\n\n/*\nRender this widget into the DOM\n*/\nWidget.prototype.render = function(parent,nextSibling) {\n\tthis.parentDomNode = parent;\n\tthis.execute();\n\tthis.renderChildren(parent,nextSibling);\n};\n\n/*\nCompute the internal state of the widget\n*/\nWidget.prototype.execute = function() {\n\tthis.makeChildWidgets();\n};\n\n/*\nSet the value of a context variable\nname: name of the variable\nvalue: value of the variable\nparams: array of {name:, default:} for each parameter\n*/\nWidget.prototype.setVariable = function(name,value,params) {\n\tthis.variables[name] = {value: value, params: params};\n};\n\n/*\nGet the prevailing value of a context variable\nname: name of variable\noptions: see below\nOptions include\nparams: array of {name:, value:} for each parameter\ndefaultValue: default value if the variable is not defined\n*/\nWidget.prototype.getVariable = function(name,options) {\n\toptions = options || {};\n\tvar actualParams = options.params || [],\n\t\tparentWidget = this.parentWidget;\n\t// Check for the variable defined in the parent widget (or an ancestor in the prototype chain)\n\tif(parentWidget && name in parentWidget.variables) {\n\t\tvar variable = parentWidget.variables[name],\n\t\t\tvalue = variable.value;\n\t\t// Substitute any parameters specified in the definition\n\t\tvalue = this.substituteVariableParameters(value,variable.params,actualParams);\n\t\tvalue = this.substituteVariableReferences(value);\n\t\treturn value;\n\t}\n\t// If the variable doesn't exist in the parent widget then look for a macro module\n\treturn this.evaluateMacroModule(name,actualParams,options.defaultValue);\n};\n\nWidget.prototype.substituteVariableParameters = function(text,formalParams,actualParams) {\n\tif(formalParams) {\n\t\tvar nextAnonParameter = 0, // Next candidate anonymous parameter in macro call\n\t\t\tparamInfo, paramValue;\n\t\t// Step through each of the parameters in the macro definition\n\t\tfor(var p=0; p<formalParams.length; p++) {\n\t\t\t// Check if we've got a macro call parameter with the same name\n\t\t\tparamInfo = formalParams[p];\n\t\t\tparamValue = undefined;\n\t\t\tfor(var m=0; m<actualParams.length; m++) {\n\t\t\t\tif(actualParams[m].name === paramInfo.name) {\n\t\t\t\t\tparamValue = actualParams[m].value;\n\t\t\t\t}\n\t\t\t}\n\t\t\t// If not, use the next available anonymous macro call parameter\n\t\t\twhile(nextAnonParameter < actualParams.length && actualParams[nextAnonParameter].name) {\n\t\t\t\tnextAnonParameter++;\n\t\t\t}\n\t\t\tif(paramValue === undefined && nextAnonParameter < actualParams.length) {\n\t\t\t\tparamValue = actualParams[nextAnonParameter++].value;\n\t\t\t}\n\t\t\t// If we've still not got a value, use the default, if any\n\t\t\tparamValue = paramValue || paramInfo[\"default\"] || \"\";\n\t\t\t// Replace any instances of this parameter\n\t\t\ttext = text.replace(new RegExp(\"\\\\$\" + $tw.utils.escapeRegExp(paramInfo.name) + \"\\\\$\",\"mg\"),paramValue);\n\t\t}\n\t}\n\treturn text;\n};\n\nWidget.prototype.substituteVariableReferences = function(text) {\n\tvar self = this;\n\treturn (text || \"\").replace(/\\$\\(([^\\)\\$]+)\\)\\$/g,function(match,p1,offset,string) {\n\t\treturn self.getVariable(p1,{defaultValue: \"\"});\n\t});\n};\n\nWidget.prototype.evaluateMacroModule = function(name,actualParams,defaultValue) {\n\tif($tw.utils.hop($tw.macros,name)) {\n\t\tvar macro = $tw.macros[name],\n\t\t\targs = [];\n\t\tif(macro.params.length > 0) {\n\t\t\tvar nextAnonParameter = 0, // Next candidate anonymous parameter in macro call\n\t\t\t\tparamInfo, paramValue;\n\t\t\t// Step through each of the parameters in the macro definition\n\t\t\tfor(var p=0; p<macro.params.length; p++) {\n\t\t\t\t// Check if we've got a macro call parameter with the same name\n\t\t\t\tparamInfo = macro.params[p];\n\t\t\t\tparamValue = undefined;\n\t\t\t\tfor(var m=0; m<actualParams.length; m++) {\n\t\t\t\t\tif(actualParams[m].name === paramInfo.name) {\n\t\t\t\t\t\tparamValue = actualParams[m].value;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t// If not, use the next available anonymous macro call parameter\n\t\t\t\twhile(nextAnonParameter < actualParams.length && actualParams[nextAnonParameter].name) {\n\t\t\t\t\tnextAnonParameter++;\n\t\t\t\t}\n\t\t\t\tif(paramValue === undefined && nextAnonParameter < actualParams.length) {\n\t\t\t\t\tparamValue = actualParams[nextAnonParameter++].value;\n\t\t\t\t}\n\t\t\t\t// If we've still not got a value, use the default, if any\n\t\t\t\tparamValue = paramValue || paramInfo[\"default\"] || \"\";\n\t\t\t\t// Save the parameter\n\t\t\t\targs.push(paramValue);\n\t\t\t}\n\t\t}\n\t\telse for(var i=0; i<actualParams.length; ++i) {\n\t\t\targs.push(actualParams[i].value);\n\t\t}\n\t\treturn (macro.run.apply(this,args) || \"\").toString();\n\t} else {\n\t\treturn defaultValue;\n\t}\n};\n\n/*\nCheck whether a given context variable value exists in the parent chain\n*/\nWidget.prototype.hasVariable = function(name,value) {\n\tvar node = this;\n\twhile(node) {\n\t\tif($tw.utils.hop(node.variables,name) && node.variables[name].value === value) {\n\t\t\treturn true;\n\t\t}\n\t\tnode = node.parentWidget;\n\t}\n\treturn false;\n};\n\n/*\nConstruct a qualifying string based on a hash of concatenating the values of a given variable in the parent chain\n*/\nWidget.prototype.getStateQualifier = function(name) {\n\tname = name || \"transclusion\";\n\tvar output = [],\n\t\tnode = this;\n\twhile(node && node.parentWidget) {\n\t\tif($tw.utils.hop(node.parentWidget.variables,name)) {\n\t\t\toutput.push(node.getVariable(name));\n\t\t}\n\t\tnode = node.parentWidget;\n\t}\n\treturn $tw.utils.hashString(output.join(\"\"));\n};\n\n/*\nCompute the current values of the attributes of the widget. Returns a hashmap of the names of the attributes that have changed\n*/\nWidget.prototype.computeAttributes = function() {\n\tvar changedAttributes = {},\n\t\tself = this,\n\t\tvalue;\n\t$tw.utils.each(this.parseTreeNode.attributes,function(attribute,name) {\n\t\tif(attribute.type === \"indirect\") {\n\t\t\tvalue = self.wiki.getTextReference(attribute.textReference,\"\",self.getVariable(\"currentTiddler\"));\n\t\t} else if(attribute.type === \"macro\") {\n\t\t\tvalue = self.getVariable(attribute.value.name,{params: attribute.value.params});\n\t\t} else { // String attribute\n\t\t\tvalue = attribute.value;\n\t\t}\n\t\t// Check whether the attribute has changed\n\t\tif(self.attributes[name] !== value) {\n\t\t\tself.attributes[name] = value;\n\t\t\tchangedAttributes[name] = true;\n\t\t}\n\t});\n\treturn changedAttributes;\n};\n\n/*\nCheck for the presence of an attribute\n*/\nWidget.prototype.hasAttribute = function(name) {\n\treturn $tw.utils.hop(this.attributes,name);\n};\n\n/*\nGet the value of an attribute\n*/\nWidget.prototype.getAttribute = function(name,defaultText) {\n\tif($tw.utils.hop(this.attributes,name)) {\n\t\treturn this.attributes[name];\n\t} else {\n\t\treturn defaultText;\n\t}\n};\n\n/*\nAssign the computed attributes of the widget to a domNode\noptions include:\nexcludeEventAttributes: ignores attributes whose name begins with \"on\"\n*/\nWidget.prototype.assignAttributes = function(domNode,options) {\n\toptions = options || {};\n\tvar self = this;\n\t$tw.utils.each(this.attributes,function(v,a) {\n\t\t// Check exclusions\n\t\tif(options.excludeEventAttributes && a.substr(0,2) === \"on\") {\n\t\t\tv = undefined;\n\t\t}\n\t\tif(v !== undefined) {\n\t\t\tvar b = a.split(\":\");\n\t\t\t// Setting certain attributes can cause a DOM error (eg xmlns on the svg element)\n\t\t\ttry {\n\t\t\t\tif (b.length == 2 && b[0] == \"xlink\"){\n\t\t\t\t\tdomNode.setAttributeNS(\"http://www.w3.org/1999/xlink\",b[1],v);\n\t\t\t\t} else {\n\t\t\t\t\tdomNode.setAttributeNS(null,a,v);\n\t\t\t\t}\n\t\t\t} catch(e) {\n\t\t\t}\n\t\t}\n\t});\n};\n\n/*\nMake child widgets correspondng to specified parseTreeNodes\n*/\nWidget.prototype.makeChildWidgets = function(parseTreeNodes) {\n\tthis.children = [];\n\tvar self = this;\n\t$tw.utils.each(parseTreeNodes || (this.parseTreeNode && this.parseTreeNode.children),function(childNode) {\n\t\tself.children.push(self.makeChildWidget(childNode));\n\t});\n};\n\n/*\nConstruct the widget object for a parse tree node\n*/\nWidget.prototype.makeChildWidget = function(parseTreeNode) {\n\tvar WidgetClass = this.widgetClasses[parseTreeNode.type];\n\tif(!WidgetClass) {\n\t\tWidgetClass = this.widgetClasses.text;\n\t\tparseTreeNode = {type: \"text\", text: \"Undefined widget '\" + parseTreeNode.type + \"'\"};\n\t}\n\treturn new WidgetClass(parseTreeNode,{\n\t\twiki: this.wiki,\n\t\tvariables: {},\n\t\tparentWidget: this,\n\t\tdocument: this.document\n\t});\n};\n\n/*\nGet the next sibling of this widget\n*/\nWidget.prototype.nextSibling = function() {\n\tif(this.parentWidget) {\n\t\tvar index = this.parentWidget.children.indexOf(this);\n\t\tif(index !== -1 && index < this.parentWidget.children.length-1) {\n\t\t\treturn this.parentWidget.children[index+1];\n\t\t}\n\t}\n\treturn null;\n};\n\n/*\nGet the previous sibling of this widget\n*/\nWidget.prototype.previousSibling = function() {\n\tif(this.parentWidget) {\n\t\tvar index = this.parentWidget.children.indexOf(this);\n\t\tif(index !== -1 && index > 0) {\n\t\t\treturn this.parentWidget.children[index-1];\n\t\t}\n\t}\n\treturn null;\n};\n\n/*\nRender the children of this widget into the DOM\n*/\nWidget.prototype.renderChildren = function(parent,nextSibling) {\n\t$tw.utils.each(this.children,function(childWidget) {\n\t\tchildWidget.render(parent,nextSibling);\n\t});\n};\n\n/*\nAdd a list of event listeners from an array [{type:,handler:},...]\n*/\nWidget.prototype.addEventListeners = function(listeners) {\n\tvar self = this;\n\t$tw.utils.each(listeners,function(listenerInfo) {\n\t\tself.addEventListener(listenerInfo.type,listenerInfo.handler);\n\t});\n};\n\n/*\nAdd an event listener\n*/\nWidget.prototype.addEventListener = function(type,handler) {\n\tvar self = this;\n\tif(typeof handler === \"string\") { // The handler is a method name on this widget\n\t\tthis.eventListeners[type] = function(event) {\n\t\t\treturn self[handler].call(self,event);\n\t\t};\n\t} else { // The handler is a function\n\t\tthis.eventListeners[type] = function(event) {\n\t\t\treturn handler.call(self,event);\n\t\t};\n\t}\n};\n\n/*\nDispatch an event to a widget. If the widget doesn't handle the event then it is also dispatched to the parent widget\n*/\nWidget.prototype.dispatchEvent = function(event) {\n\t// Dispatch the event if this widget handles it\n\tvar listener = this.eventListeners[event.type];\n\tif(listener) {\n\t\t// Don't propagate the event if the listener returned false\n\t\tif(!listener(event)) {\n\t\t\treturn false;\n\t\t}\n\t}\n\t// Dispatch the event to the parent widget\n\tif(this.parentWidget) {\n\t\treturn this.parentWidget.dispatchEvent(event);\n\t}\n\treturn true;\n};\n\n/*\nSelectively refreshes the widget if needed. Returns true if the widget or any of its children needed re-rendering\n*/\nWidget.prototype.refresh = function(changedTiddlers) {\n\treturn this.refreshChildren(changedTiddlers);\n};\n\n/*\nRebuild a previously rendered widget\n*/\nWidget.prototype.refreshSelf = function() {\n\tvar nextSibling = this.findNextSiblingDomNode();\n\tthis.removeChildDomNodes();\n\tthis.render(this.parentDomNode,nextSibling);\n};\n\n/*\nRefresh all the children of a widget\n*/\nWidget.prototype.refreshChildren = function(changedTiddlers) {\n\tvar self = this,\n\t\trefreshed = false;\n\t$tw.utils.each(this.children,function(childWidget) {\n\t\trefreshed = childWidget.refresh(changedTiddlers) || refreshed;\n\t});\n\treturn refreshed;\n};\n\n/*\nFind the next sibling in the DOM to this widget. This is done by scanning the widget tree through all next siblings and their descendents that share the same parent DOM node\n*/\nWidget.prototype.findNextSiblingDomNode = function(startIndex) {\n\t// Refer to this widget by its index within its parents children\n\tvar parent = this.parentWidget,\n\t\tindex = startIndex !== undefined ? startIndex : parent.children.indexOf(this);\nif(index === -1) {\n\tthrow \"node not found in parents children\";\n}\n\t// Look for a DOM node in the later siblings\n\twhile(++index < parent.children.length) {\n\t\tvar domNode = parent.children[index].findFirstDomNode();\n\t\tif(domNode) {\n\t\t\treturn domNode;\n\t\t}\n\t}\n\t// Go back and look for later siblings of our parent if it has the same parent dom node\n\tvar grandParent = parent.parentWidget;\n\tif(grandParent && parent.parentDomNode === this.parentDomNode) {\n\t\tindex = grandParent.children.indexOf(parent);\n\t\tif(index !== -1) {\n\t\t\treturn parent.findNextSiblingDomNode(index);\n\t\t}\n\t}\n\treturn null;\n};\n\n/*\nFind the first DOM node generated by a widget or its children\n*/\nWidget.prototype.findFirstDomNode = function() {\n\t// Return the first dom node of this widget, if we've got one\n\tif(this.domNodes.length > 0) {\n\t\treturn this.domNodes[0];\n\t}\n\t// Otherwise, recursively call our children\n\tfor(var t=0; t<this.children.length; t++) {\n\t\tvar domNode = this.children[t].findFirstDomNode();\n\t\tif(domNode) {\n\t\t\treturn domNode;\n\t\t}\n\t}\n\treturn null;\n};\n\n/*\nRemove any DOM nodes created by this widget or its children\n*/\nWidget.prototype.removeChildDomNodes = function() {\n\t// If this widget has directly created DOM nodes, delete them and exit. This assumes that any child widgets are contained within the created DOM nodes, which would normally be the case\n\tif(this.domNodes.length > 0) {\n\t\t$tw.utils.each(this.domNodes,function(domNode) {\n\t\t\tdomNode.parentNode.removeChild(domNode);\n\t\t});\n\t\tthis.domNodes = [];\n\t} else {\n\t\t// Otherwise, ask the child widgets to delete their DOM nodes\n\t\t$tw.utils.each(this.children,function(childWidget) {\n\t\t\tchildWidget.removeChildDomNodes();\n\t\t});\n\t}\n};\n\n/*\nInvoke the action widgets that are descendents of the current widget.\n*/\nWidget.prototype.invokeActions = function(triggeringWidget,event) {\n\tvar handled = false;\n\t// For each child widget\n\tfor(var t=0; t<this.children.length; t++) {\n\t\tvar child = this.children[t];\n\t\t// Invoke the child if it is an action widget\n\t\tif(child.invokeAction && child.invokeAction(triggeringWidget,event)) {\n\t\t\thandled = true;\n\t\t}\n\t\t// Propagate through through the child if it permits it\n\t\tif(child.allowActionPropagation() && child.invokeActions(triggeringWidget,event)) {\n\t\t\thandled = true;\n\t\t}\n\t}\n\treturn handled;\n};\n\n\nWidget.prototype.allowActionPropagation = function() {\n\treturn true;\n};\n\nexports.widget = Widget;\n\n})();\n",
"title": "$:/core/modules/widgets/widget.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/core/modules/wiki.js": {
"text": "/*\\\ntitle: $:/core/modules/wiki.js\ntype: application/javascript\nmodule-type: wikimethod\n\nExtension methods for the $tw.Wiki object\n\nAdds the following properties to the wiki object:\n\n* `eventListeners` is a hashmap by type of arrays of listener functions\n* `changedTiddlers` is a hashmap describing changes to named tiddlers since wiki change events were last dispatched. Each entry is a hashmap containing two fields:\n\tmodified: true/false\n\tdeleted: true/false\n* `changeCount` is a hashmap by tiddler title containing a numerical index that starts at zero and is incremented each time a tiddler is created changed or deleted\n* `caches` is a hashmap by tiddler title containing a further hashmap of named cache objects. Caches are automatically cleared when a tiddler is modified or deleted\n* `globalCache` is a hashmap by cache name of cache objects that are cleared whenever any tiddler change occurs\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar widget = require(\"$:/core/modules/widgets/widget.js\");\n\nvar USER_NAME_TITLE = \"$:/status/UserName\";\n\n/*\nGet the value of a text reference. Text references can have any of these forms:\n\t<tiddlertitle>\n\t<tiddlertitle>!!<fieldname>\n\t!!<fieldname> - specifies a field of the current tiddlers\n\t<tiddlertitle>##<index>\n*/\nexports.getTextReference = function(textRef,defaultText,currTiddlerTitle) {\n\tvar tr = $tw.utils.parseTextReference(textRef),\n\t\ttitle = tr.title || currTiddlerTitle;\n\tif(tr.field) {\n\t\tvar tiddler = this.getTiddler(title);\n\t\tif(tr.field === \"title\") { // Special case so we can return the title of a non-existent tiddler\n\t\t\treturn title;\n\t\t} else if(tiddler && $tw.utils.hop(tiddler.fields,tr.field)) {\n\t\t\treturn tiddler.getFieldString(tr.field);\n\t\t} else {\n\t\t\treturn defaultText;\n\t\t}\n\t} else if(tr.index) {\n\t\treturn this.extractTiddlerDataItem(title,tr.index,defaultText);\n\t} else {\n\t\treturn this.getTiddlerText(title,defaultText);\n\t}\n};\n\nexports.setTextReference = function(textRef,value,currTiddlerTitle) {\n\tvar tr = $tw.utils.parseTextReference(textRef),\n\t\ttitle = tr.title || currTiddlerTitle;\n\tthis.setText(title,tr.field,tr.index,value);\n};\n\nexports.setText = function(title,field,index,value) {\n\t// Check if it is a reference to a tiddler field\n\tif(index) {\n\t\tvar data = this.getTiddlerData(title,Object.create(null));\n\t\tdata[index] = value;\n\t\tthis.setTiddlerData(title,data,this.getModificationFields());\n\t} else {\n\t\tvar tiddler = this.getTiddler(title),\n\t\t\tfields = {title: title};\n\t\tfields[field || \"text\"] = value;\n\t\tthis.addTiddler(new $tw.Tiddler(tiddler,fields,this.getModificationFields()));\n\t}\n};\n\nexports.deleteTextReference = function(textRef,currTiddlerTitle) {\n\tvar tr = $tw.utils.parseTextReference(textRef),\n\t\ttitle,tiddler,fields;\n\t// Check if it is a reference to a tiddler\n\tif(tr.title && !tr.field) {\n\t\tthis.deleteTiddler(tr.title);\n\t// Else check for a field reference\n\t} else if(tr.field) {\n\t\ttitle = tr.title || currTiddlerTitle;\n\t\ttiddler = this.getTiddler(title);\n\t\tif(tiddler && $tw.utils.hop(tiddler.fields,tr.field)) {\n\t\t\tfields = Object.create(null);\n\t\t\tfields[tr.field] = undefined;\n\t\t\tthis.addTiddler(new $tw.Tiddler(tiddler,fields,this.getModificationFields()));\n\t\t}\n\t}\n};\n\nexports.addEventListener = function(type,listener) {\n\tthis.eventListeners = this.eventListeners || {};\n\tthis.eventListeners[type] = this.eventListeners[type] || [];\n\tthis.eventListeners[type].push(listener);\t\n};\n\nexports.removeEventListener = function(type,listener) {\n\tvar listeners = this.eventListeners[type];\n\tif(listeners) {\n\t\tvar p = listeners.indexOf(listener);\n\t\tif(p !== -1) {\n\t\t\tlisteners.splice(p,1);\n\t\t}\n\t}\n};\n\nexports.dispatchEvent = function(type /*, args */) {\n\tvar args = Array.prototype.slice.call(arguments,1),\n\t\tlisteners = this.eventListeners[type];\n\tif(listeners) {\n\t\tfor(var p=0; p<listeners.length; p++) {\n\t\t\tvar listener = listeners[p];\n\t\t\tlistener.apply(listener,args);\n\t\t}\n\t}\n};\n\n/*\nCauses a tiddler to be marked as changed, incrementing the change count, and triggers event handlers.\nThis method should be called after the changes it describes have been made to the wiki.tiddlers[] array.\n\ttitle: Title of tiddler\n\tisDeleted: defaults to false (meaning the tiddler has been created or modified),\n\t\ttrue if the tiddler has been deleted\n*/\nexports.enqueueTiddlerEvent = function(title,isDeleted) {\n\t// Record the touch in the list of changed tiddlers\n\tthis.changedTiddlers = this.changedTiddlers || Object.create(null);\n\tthis.changedTiddlers[title] = this.changedTiddlers[title] || Object.create(null);\n\tthis.changedTiddlers[title][isDeleted ? \"deleted\" : \"modified\"] = true;\n\t// Increment the change count\n\tthis.changeCount = this.changeCount || Object.create(null);\n\tif($tw.utils.hop(this.changeCount,title)) {\n\t\tthis.changeCount[title]++;\n\t} else {\n\t\tthis.changeCount[title] = 1;\n\t}\n\t// Trigger events\n\tthis.eventListeners = this.eventListeners || {};\n\tif(!this.eventsTriggered) {\n\t\tvar self = this;\n\t\t$tw.utils.nextTick(function() {\n\t\t\tvar changes = self.changedTiddlers;\n\t\t\tself.changedTiddlers = Object.create(null);\n\t\t\tself.eventsTriggered = false;\n\t\t\tif($tw.utils.count(changes) > 0) {\n\t\t\t\tself.dispatchEvent(\"change\",changes);\n\t\t\t}\n\t\t});\n\t\tthis.eventsTriggered = true;\n\t}\n};\n\nexports.getSizeOfTiddlerEventQueue = function() {\n\treturn $tw.utils.count(this.changedTiddlers);\n};\n\nexports.clearTiddlerEventQueue = function() {\n\tthis.changedTiddlers = Object.create(null);\n\tthis.changeCount = Object.create(null);\n};\n\nexports.getChangeCount = function(title) {\n\tthis.changeCount = this.changeCount || Object.create(null);\n\tif($tw.utils.hop(this.changeCount,title)) {\n\t\treturn this.changeCount[title];\n\t} else {\n\t\treturn 0;\n\t}\n};\n\n/*\nGenerate an unused title from the specified base\n*/\nexports.generateNewTitle = function(baseTitle,options) {\n\toptions = options || {};\n\tvar c = 0,\n\t\ttitle = baseTitle;\n\twhile(this.tiddlerExists(title) || this.isShadowTiddler(title) || this.findDraft(title)) {\n\t\ttitle = baseTitle + \n\t\t\t(options.prefix || \" \") + \n\t\t\t(++c);\n\t}\n\treturn title;\n};\n\nexports.isSystemTiddler = function(title) {\n\treturn title.indexOf(\"$:/\") === 0;\n};\n\nexports.isTemporaryTiddler = function(title) {\n\treturn title.indexOf(\"$:/temp/\") === 0;\n};\n\nexports.isImageTiddler = function(title) {\n\tvar tiddler = this.getTiddler(title);\n\tif(tiddler) {\t\t\n\t\tvar contentTypeInfo = $tw.config.contentTypeInfo[tiddler.fields.type || \"text/vnd.tiddlywiki\"];\n\t\treturn !!contentTypeInfo && contentTypeInfo.flags.indexOf(\"image\") !== -1;\n\t} else {\n\t\treturn null;\n\t}\n};\n\n/*\nLike addTiddler() except it will silently reject any plugin tiddlers that are older than the currently loaded version. Returns true if the tiddler was imported\n*/\nexports.importTiddler = function(tiddler) {\n\tvar existingTiddler = this.getTiddler(tiddler.fields.title);\n\t// Check if we're dealing with a plugin\n\tif(tiddler && tiddler.hasField(\"plugin-type\") && tiddler.hasField(\"version\") && existingTiddler && existingTiddler.hasField(\"plugin-type\") && existingTiddler.hasField(\"version\")) {\n\t\t// Reject the incoming plugin if it is older\n\t\tif(!$tw.utils.checkVersions(tiddler.fields.version,existingTiddler.fields.version)) {\n\t\t\treturn false;\n\t\t}\n\t}\n\t// Fall through to adding the tiddler\n\tthis.addTiddler(tiddler);\n\treturn true;\n};\n\n/*\nReturn a hashmap of the fields that should be set when a tiddler is created\n*/\nexports.getCreationFields = function() {\n\tvar fields = {\n\t\t\tcreated: new Date()\n\t\t},\n\t\tcreator = this.getTiddlerText(USER_NAME_TITLE);\n\tif(creator) {\n\t\tfields.creator = creator;\n\t}\n\treturn fields;\n};\n\n/*\nReturn a hashmap of the fields that should be set when a tiddler is modified\n*/\nexports.getModificationFields = function() {\n\tvar fields = Object.create(null),\n\t\tmodifier = this.getTiddlerText(USER_NAME_TITLE);\n\tfields.modified = new Date();\n\tif(modifier) {\n\t\tfields.modifier = modifier;\n\t}\n\treturn fields;\n};\n\n/*\nReturn a sorted array of tiddler titles. Options include:\nsortField: field to sort by\nexcludeTag: tag to exclude\nincludeSystem: whether to include system tiddlers (defaults to false)\n*/\nexports.getTiddlers = function(options) {\n\toptions = options || Object.create(null);\n\tvar self = this,\n\t\tsortField = options.sortField || \"title\",\n\t\ttiddlers = [], t, titles = [];\n\tthis.each(function(tiddler,title) {\n\t\tif(options.includeSystem || !self.isSystemTiddler(title)) {\n\t\t\tif(!options.excludeTag || !tiddler.hasTag(options.excludeTag)) {\n\t\t\t\ttiddlers.push(tiddler);\n\t\t\t}\n\t\t}\n\t});\n\ttiddlers.sort(function(a,b) {\n\t\tvar aa = a.fields[sortField].toLowerCase() || \"\",\n\t\t\tbb = b.fields[sortField].toLowerCase() || \"\";\n\t\tif(aa < bb) {\n\t\t\treturn -1;\n\t\t} else {\n\t\t\tif(aa > bb) {\n\t\t\t\treturn 1;\n\t\t\t} else {\n\t\t\t\treturn 0;\n\t\t\t}\n\t\t}\n\t});\n\tfor(t=0; t<tiddlers.length; t++) {\n\t\ttitles.push(tiddlers[t].fields.title);\n\t}\n\treturn titles;\n};\n\nexports.countTiddlers = function(excludeTag) {\n\tvar tiddlers = this.getTiddlers({excludeTag: excludeTag});\n\treturn $tw.utils.count(tiddlers);\n};\n\n/*\nReturns a function iterator(callback) that iterates through the specified titles, and invokes the callback with callback(tiddler,title)\n*/\nexports.makeTiddlerIterator = function(titles) {\n\tvar self = this;\n\tif(!$tw.utils.isArray(titles)) {\n\t\ttitles = Object.keys(titles);\n\t} else {\n\t\ttitles = titles.slice(0);\n\t}\n\treturn function(callback) {\n\t\ttitles.forEach(function(title) {\n\t\t\tcallback(self.getTiddler(title),title);\n\t\t});\n\t};\n};\n\n/*\nSort an array of tiddler titles by a specified field\n\ttitles: array of titles (sorted in place)\n\tsortField: name of field to sort by\n\tisDescending: true if the sort should be descending\n\tisCaseSensitive: true if the sort should consider upper and lower case letters to be different\n*/\nexports.sortTiddlers = function(titles,sortField,isDescending,isCaseSensitive,isNumeric) {\n\tvar self = this;\n\ttitles.sort(function(a,b) {\n\t\tvar x,y,\n\t\t\tcompareNumbers = function(x,y) {\n\t\t\t\tvar result = \n\t\t\t\t\tisNaN(x) && !isNaN(y) ? (isDescending ? -1 : 1) :\n\t\t\t\t\t!isNaN(x) && isNaN(y) ? (isDescending ? 1 : -1) :\n\t\t\t\t\t (isDescending ? y - x : x - y);\n\t\t\t\treturn result;\n\t\t\t};\n\t\tif(sortField !== \"title\") {\n\t\t\tvar tiddlerA = self.getTiddler(a),\n\t\t\t\ttiddlerB = self.getTiddler(b);\n\t\t\tif(tiddlerA) {\n\t\t\t\ta = tiddlerA.fields[sortField] || \"\";\n\t\t\t} else {\n\t\t\t\ta = \"\";\n\t\t\t}\n\t\t\tif(tiddlerB) {\n\t\t\t\tb = tiddlerB.fields[sortField] || \"\";\n\t\t\t} else {\n\t\t\t\tb = \"\";\n\t\t\t}\n\t\t}\n\t\tx = Number(a);\n\t\ty = Number(b);\n\t\tif(isNumeric && (!isNaN(x) || !isNaN(y))) {\n\t\t\treturn compareNumbers(x,y);\n\t\t} else if($tw.utils.isDate(a) && $tw.utils.isDate(b)) {\n\t\t\treturn isDescending ? b - a : a - b;\n\t\t} else {\n\t\t\ta = String(a);\n\t\t\tb = String(b);\n\t\t\tif(!isCaseSensitive) {\n\t\t\t\ta = a.toLowerCase();\n\t\t\t\tb = b.toLowerCase();\n\t\t\t}\n\t\t\treturn isDescending ? b.localeCompare(a) : a.localeCompare(b);\n\t\t}\n\t});\n};\n\n/*\nFor every tiddler invoke a callback(title,tiddler) with `this` set to the wiki object. Options include:\nsortField: field to sort by\nexcludeTag: tag to exclude\nincludeSystem: whether to include system tiddlers (defaults to false)\n*/\nexports.forEachTiddler = function(/* [options,]callback */) {\n\tvar arg = 0,\n\t\toptions = arguments.length >= 2 ? arguments[arg++] : {},\n\t\tcallback = arguments[arg++],\n\t\ttitles = this.getTiddlers(options),\n\t\tt, tiddler;\n\tfor(t=0; t<titles.length; t++) {\n\t\ttiddler = this.getTiddler(titles[t]);\n\t\tif(tiddler) {\n\t\t\tcallback.call(this,tiddler.fields.title,tiddler);\n\t\t}\n\t}\n};\n\n/*\nReturn an array of tiddler titles that are directly linked from the specified tiddler\n*/\nexports.getTiddlerLinks = function(title) {\n\tvar self = this;\n\t// We'll cache the links so they only get computed if the tiddler changes\n\treturn this.getCacheForTiddler(title,\"links\",function() {\n\t\t// Parse the tiddler\n\t\tvar parser = self.parseTiddler(title);\n\t\t// Count up the links\n\t\tvar links = [],\n\t\t\tcheckParseTree = function(parseTree) {\n\t\t\t\tfor(var t=0; t<parseTree.length; t++) {\n\t\t\t\t\tvar parseTreeNode = parseTree[t];\n\t\t\t\t\tif(parseTreeNode.type === \"link\" && parseTreeNode.attributes.to && parseTreeNode.attributes.to.type === \"string\") {\n\t\t\t\t\t\tvar value = parseTreeNode.attributes.to.value;\n\t\t\t\t\t\tif(links.indexOf(value) === -1) {\n\t\t\t\t\t\t\tlinks.push(value);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\tif(parseTreeNode.children) {\n\t\t\t\t\t\tcheckParseTree(parseTreeNode.children);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t};\n\t\tif(parser) {\n\t\t\tcheckParseTree(parser.tree);\n\t\t}\n\t\treturn links;\n\t});\n};\n\n/*\nReturn an array of tiddler titles that link to the specified tiddler\n*/\nexports.getTiddlerBacklinks = function(targetTitle) {\n\tvar self = this,\n\t\tbacklinks = [];\n\tthis.forEachTiddler(function(title,tiddler) {\n\t\tvar links = self.getTiddlerLinks(title);\n\t\tif(links.indexOf(targetTitle) !== -1) {\n\t\t\tbacklinks.push(title);\n\t\t}\n\t});\n\treturn backlinks;\n};\n\n/*\nReturn a hashmap of tiddler titles that are referenced but not defined. Each value is the number of times the missing tiddler is referenced\n*/\nexports.getMissingTitles = function() {\n\tvar self = this,\n\t\tmissing = [];\n// We should cache the missing tiddler list, even if we recreate it every time any tiddler is modified\n\tthis.forEachTiddler(function(title,tiddler) {\n\t\tvar links = self.getTiddlerLinks(title);\n\t\t$tw.utils.each(links,function(link) {\n\t\t\tif((!self.tiddlerExists(link) && !self.isShadowTiddler(link)) && missing.indexOf(link) === -1) {\n\t\t\t\tmissing.push(link);\n\t\t\t}\n\t\t});\n\t});\n\treturn missing;\n};\n\nexports.getOrphanTitles = function() {\n\tvar self = this,\n\t\torphans = this.getTiddlers();\n\tthis.forEachTiddler(function(title,tiddler) {\n\t\tvar links = self.getTiddlerLinks(title);\n\t\t$tw.utils.each(links,function(link) {\n\t\t\tvar p = orphans.indexOf(link);\n\t\t\tif(p !== -1) {\n\t\t\t\torphans.splice(p,1);\n\t\t\t}\n\t\t});\n\t});\n\treturn orphans; // Todo\n};\n\n/*\nRetrieves a list of the tiddler titles that are tagged with a given tag\n*/\nexports.getTiddlersWithTag = function(tag) {\n\tvar self = this;\n\treturn this.getGlobalCache(\"taglist-\" + tag,function() {\n\t\tvar tagmap = self.getTagMap();\n\t\treturn self.sortByList(tagmap[tag],tag);\n\t});\n};\n\n/*\nGet a hashmap by tag of arrays of tiddler titles\n*/\nexports.getTagMap = function() {\n\tvar self = this;\n\treturn this.getGlobalCache(\"tagmap\",function() {\n\t\tvar tags = Object.create(null),\n\t\t\tstoreTags = function(tagArray,title) {\n\t\t\t\tif(tagArray) {\n\t\t\t\t\tfor(var index=0; index<tagArray.length; index++) {\n\t\t\t\t\t\tvar tag = tagArray[index];\n\t\t\t\t\t\tif($tw.utils.hop(tags,tag)) {\n\t\t\t\t\t\t\ttags[tag].push(title);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\ttags[tag] = [title];\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\ttitle, tiddler;\n\t\t// Collect up all the tags\n\t\tself.eachShadow(function(tiddler,title) {\n\t\t\tif(!self.tiddlerExists(title)) {\n\t\t\t\ttiddler = self.getTiddler(title);\n\t\t\t\tstoreTags(tiddler.fields.tags,title);\n\t\t\t}\n\t\t});\n\t\tself.each(function(tiddler,title) {\n\t\t\tstoreTags(tiddler.fields.tags,title);\n\t\t});\n\t\treturn tags;\n\t});\n};\n\n/*\nLookup a given tiddler and return a list of all the tiddlers that include it in the specified list field\n*/\nexports.findListingsOfTiddler = function(targetTitle,fieldName) {\n\tfieldName = fieldName || \"list\";\n\tvar titles = [];\n\tthis.each(function(tiddler,title) {\n\t\tvar list = $tw.utils.parseStringArray(tiddler.fields[fieldName]);\n\t\tif(list && list.indexOf(targetTitle) !== -1) {\n\t\t\ttitles.push(title);\n\t\t}\n\t});\n\treturn titles;\n};\n\n/*\nSorts an array of tiddler titles according to an ordered list\n*/\nexports.sortByList = function(array,listTitle) {\n\tvar list = this.getTiddlerList(listTitle);\n\tif(!array || array.length === 0) {\n\t\treturn [];\n\t} else {\n\t\tvar titles = [], t, title;\n\t\t// First place any entries that are present in the list\n\t\tfor(t=0; t<list.length; t++) {\n\t\t\ttitle = list[t];\n\t\t\tif(array.indexOf(title) !== -1) {\n\t\t\t\ttitles.push(title);\n\t\t\t}\n\t\t}\n\t\t// Then place any remaining entries\n\t\tfor(t=0; t<array.length; t++) {\n\t\t\ttitle = array[t];\n\t\t\tif(list.indexOf(title) === -1) {\n\t\t\t\ttitles.push(title);\n\t\t\t}\n\t\t}\n\t\t// Finally obey the list-before and list-after fields of each tiddler in turn\n\t\tvar sortedTitles = titles.slice(0);\n\t\tfor(t=0; t<sortedTitles.length; t++) {\n\t\t\ttitle = sortedTitles[t];\n\t\t\tvar currPos = titles.indexOf(title),\n\t\t\t\tnewPos = -1,\n\t\t\t\ttiddler = this.getTiddler(title);\n\t\t\tif(tiddler) {\n\t\t\t\tvar beforeTitle = tiddler.fields[\"list-before\"],\n\t\t\t\t\tafterTitle = tiddler.fields[\"list-after\"];\n\t\t\t\tif(beforeTitle === \"\") {\n\t\t\t\t\tnewPos = 0;\n\t\t\t\t} else if(beforeTitle) {\n\t\t\t\t\tnewPos = titles.indexOf(beforeTitle);\n\t\t\t\t} else if(afterTitle) {\n\t\t\t\t\tnewPos = titles.indexOf(afterTitle);\n\t\t\t\t\tif(newPos >= 0) {\n\t\t\t\t\t\t++newPos;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\tif(newPos === -1) {\n\t\t\t\t\tnewPos = currPos;\n\t\t\t\t}\n\t\t\t\tif(newPos !== currPos) {\n\t\t\t\t\ttitles.splice(currPos,1);\n\t\t\t\t\tif(newPos >= currPos) {\n\t\t\t\t\t\tnewPos--;\n\t\t\t\t\t}\n\t\t\t\t\ttitles.splice(newPos,0,title);\n\t\t\t\t}\n\t\t\t}\n\n\t\t}\n\t\treturn titles;\n\t}\n};\n\nexports.getSubTiddler = function(title,subTiddlerTitle) {\n\tvar bundleInfo = this.getPluginInfo(title) || this.getTiddlerData(title);\n\tif(bundleInfo && bundleInfo.tiddlers) {\n\t\tvar subTiddler = bundleInfo.tiddlers[subTiddlerTitle];\n\t\tif(subTiddler) {\n\t\t\treturn new $tw.Tiddler(subTiddler);\n\t\t}\n\t}\n\treturn null;\n};\n\n/*\nRetrieve a tiddler as a JSON string of the fields\n*/\nexports.getTiddlerAsJson = function(title) {\n\tvar tiddler = this.getTiddler(title);\n\tif(tiddler) {\n\t\tvar fields = Object.create(null);\n\t\t$tw.utils.each(tiddler.fields,function(value,name) {\n\t\t\tfields[name] = tiddler.getFieldString(name);\n\t\t});\n\t\treturn JSON.stringify(fields);\n\t} else {\n\t\treturn JSON.stringify({title: title});\n\t}\n};\n\n/*\nGet the content of a tiddler as a JavaScript object. How this is done depends on the type of the tiddler:\n\napplication/json: the tiddler JSON is parsed into an object\napplication/x-tiddler-dictionary: the tiddler is parsed as sequence of name:value pairs\n\nOther types currently just return null.\n\ntitleOrTiddler: string tiddler title or a tiddler object\ndefaultData: default data to be returned if the tiddler is missing or doesn't contain data\n*/\nexports.getTiddlerData = function(titleOrTiddler,defaultData) {\n\tvar tiddler = titleOrTiddler,\n\t\tdata;\n\tif(!(tiddler instanceof $tw.Tiddler)) {\n\t\ttiddler = this.getTiddler(tiddler);\t\n\t}\n\tif(tiddler && tiddler.fields.text) {\n\t\tswitch(tiddler.fields.type) {\n\t\t\tcase \"application/json\":\n\t\t\t\t// JSON tiddler\n\t\t\t\ttry {\n\t\t\t\t\tdata = JSON.parse(tiddler.fields.text);\n\t\t\t\t} catch(ex) {\n\t\t\t\t\treturn defaultData;\n\t\t\t\t}\n\t\t\t\treturn data;\n\t\t\tcase \"application/x-tiddler-dictionary\":\n\t\t\t\treturn $tw.utils.parseFields(tiddler.fields.text);\n\t\t}\n\t}\n\treturn defaultData;\n};\n\n/*\nExtract an indexed field from within a data tiddler\n*/\nexports.extractTiddlerDataItem = function(titleOrTiddler,index,defaultText) {\n\tvar data = this.getTiddlerData(titleOrTiddler,Object.create(null)),\n\t\ttext;\n\tif(data && $tw.utils.hop(data,index)) {\n\t\ttext = data[index];\n\t}\n\tif(typeof text === \"string\" || typeof text === \"number\") {\n\t\treturn text.toString();\n\t} else {\n\t\treturn defaultText;\n\t}\n};\n\n/*\nSet a tiddlers content to a JavaScript object. Currently this is done by setting the tiddler's type to \"application/json\" and setting the text to the JSON text of the data.\ntitle: title of tiddler\ndata: object that can be serialised to JSON\nfields: optional hashmap of additional tiddler fields to be set\n*/\nexports.setTiddlerData = function(title,data,fields) {\n\tvar existingTiddler = this.getTiddler(title),\n\t\tnewFields = {\n\t\t\ttitle: title\n\t};\n\tif(existingTiddler && existingTiddler.fields.type === \"application/x-tiddler-dictionary\") {\n\t\tnewFields.text = $tw.utils.makeTiddlerDictionary(data);\n\t} else {\n\t\tnewFields.type = \"application/json\";\n\t\tnewFields.text = JSON.stringify(data,null,$tw.config.preferences.jsonSpaces);\n\t}\n\tthis.addTiddler(new $tw.Tiddler(this.getCreationFields(),existingTiddler,fields,newFields,this.getModificationFields()));\n};\n\n/*\nReturn the content of a tiddler as an array containing each line\n*/\nexports.getTiddlerList = function(title,field,index) {\n\tif(index) {\n\t\treturn $tw.utils.parseStringArray(this.extractTiddlerDataItem(title,index,\"\"));\n\t}\n\tfield = field || \"list\";\n\tvar tiddler = this.getTiddler(title);\n\tif(tiddler) {\n\t\treturn ($tw.utils.parseStringArray(tiddler.fields[field]) || []).slice(0);\n\t}\n\treturn [];\n};\n\n// Return a named global cache object. Global cache objects are cleared whenever a tiddler change occurs\nexports.getGlobalCache = function(cacheName,initializer) {\n\tthis.globalCache = this.globalCache || Object.create(null);\n\tif($tw.utils.hop(this.globalCache,cacheName)) {\n\t\treturn this.globalCache[cacheName];\n\t} else {\n\t\tthis.globalCache[cacheName] = initializer();\n\t\treturn this.globalCache[cacheName];\n\t}\n};\n\nexports.clearGlobalCache = function() {\n\tthis.globalCache = Object.create(null);\n};\n\n// Return the named cache object for a tiddler. If the cache doesn't exist then the initializer function is invoked to create it\nexports.getCacheForTiddler = function(title,cacheName,initializer) {\n\n// Temporarily disable caching so that tweakParseTreeNode() works\nreturn initializer();\n\n//\tthis.caches = this.caches || Object.create(null);\n//\tvar caches = this.caches[title];\n//\tif(caches && caches[cacheName]) {\n//\t\treturn caches[cacheName];\n//\t} else {\n//\t\tif(!caches) {\n//\t\t\tcaches = Object.create(null);\n//\t\t\tthis.caches[title] = caches;\n//\t\t}\n//\t\tcaches[cacheName] = initializer();\n//\t\treturn caches[cacheName];\n//\t}\n};\n\n// Clear all caches associated with a particular tiddler\nexports.clearCache = function(title) {\n\tthis.caches = this.caches || Object.create(null);\n\tif($tw.utils.hop(this.caches,title)) {\n\t\tdelete this.caches[title];\n\t}\n};\n\nexports.initParsers = function(moduleType) {\n\t// Install the parser modules\n\t$tw.Wiki.parsers = {};\n\tvar self = this;\n\t$tw.modules.forEachModuleOfType(\"parser\",function(title,module) {\n\t\tfor(var f in module) {\n\t\t\tif($tw.utils.hop(module,f)) {\n\t\t\t\t$tw.Wiki.parsers[f] = module[f]; // Store the parser class\n\t\t\t}\n\t\t}\n\t});\n};\n\n/*\nParse a block of text of a specified MIME type\n\ttype: content type of text to be parsed\n\ttext: text\n\toptions: see below\nOptions include:\n\tparseAsInline: if true, the text of the tiddler will be parsed as an inline run\n\t_canonical_uri: optional string of the canonical URI of this content\n*/\nexports.old_parseText = function(type,text,options) {\n\toptions = options || {};\n\t// Select a parser\n\tvar Parser = $tw.Wiki.parsers[type];\n\tif(!Parser && $tw.utils.getFileExtensionInfo(type)) {\n\t\tParser = $tw.Wiki.parsers[$tw.utils.getFileExtensionInfo(type).type];\n\t}\n\tif(!Parser) {\n\t\tParser = $tw.Wiki.parsers[options.defaultType || \"text/vnd.tiddlywiki\"];\n\t}\n\tif(!Parser) {\n\t\treturn null;\n\t}\n\t// Return the parser instance\n\treturn new Parser(type,text,{\n\t\tparseAsInline: options.parseAsInline,\n\t\twiki: this,\n\t\t_canonical_uri: options._canonical_uri\n\t});\n};\n\n/*\nParse a tiddler according to its MIME type\n*/\nexports.old_parseTiddler = function(title,options) {\n\toptions = $tw.utils.extend({},options);\n\tvar cacheType = options.parseAsInline ? \"newInlineParseTree\" : \"newBlockParseTree\",\n\t\ttiddler = this.getTiddler(title),\n\t\tself = this;\n\treturn tiddler ? this.getCacheForTiddler(title,cacheType,function() {\n\t\t\tif(tiddler.hasField(\"_canonical_uri\")) {\n\t\t\t\toptions._canonical_uri = tiddler.fields._canonical_uri;\n\t\t\t}\n\t\t\treturn self.old_parseText(tiddler.fields.type,tiddler.fields.text,options);\n\t\t}) : null;\n};\n\nvar tweakMacroDefinition = function(nodeList) {\n\tif(nodeList && nodeList[0] && nodeList[0].type === \"macrodef\") {\n\t\tnodeList[0].type = \"set\";\n\t\tnodeList[0].attributes = {\n\t\t\tname: {type: \"string\", value: nodeList[0].name},\n\t\t\tvalue: {type: \"string\", value: nodeList[0].text}\n\t\t};\n\t\tnodeList[0].children = nodeList.slice(1);\n\t\tnodeList.splice(1,nodeList.length-1);\n\t\ttweakMacroDefinition(nodeList[0].children);\n\t}\n};\n\nvar tweakParser = function(parser) {\n\t// Move any macro definitions to contain the body tree\n\ttweakMacroDefinition(parser.tree);\n};\n\nexports.parseText = function(type,text,options) {\n\tvar parser = this.old_parseText(type,text,options);\n\tif(parser) {\n\t\ttweakParser(parser);\n\t}\n\treturn parser;\n};\n\nexports.parseTiddler = function(title,options) {\n\tvar parser = this.old_parseTiddler(title,options);\n\tif(parser) {\n\t\ttweakParser(parser);\n\t}\n\treturn parser;\n};\n\nexports.parseTextReference = function(title,field,index,options) {\n\tvar tiddler,text;\n\tif(options.subTiddler) {\n\t\ttiddler = this.getSubTiddler(title,options.subTiddler);\n\t} else {\n\t\ttiddler = this.getTiddler(title);\n\t\tif(field === \"text\" || (!field && !index)) {\n\t\t\tthis.getTiddlerText(title); // Force the tiddler to be lazily loaded\n\t\t\treturn this.parseTiddler(title,options);\n\t\t}\n\t}\n\tif(field === \"text\" || (!field && !index)) {\n\t\tif(tiddler && tiddler.fields) {\n\t\t\treturn this.parseText(tiddler.fields.type || \"text/vnd.tiddlywiki\",tiddler.fields.text,options);\t\t\t\n\t\t} else {\n\t\t\treturn null;\n\t\t}\n\t} else if(field) {\n\t\tif(field === \"title\") {\n\t\t\ttext = title;\n\t\t} else {\n\t\t\tif(!tiddler || !tiddler.hasField(field)) {\n\t\t\t\treturn null;\n\t\t\t}\n\t\t\ttext = tiddler.fields[field];\n\t\t}\n\t\treturn this.parseText(\"text/vnd.tiddlywiki\",text.toString(),options);\n\t} else if(index) {\n\t\tthis.getTiddlerText(title); // Force the tiddler to be lazily loaded\n\t\ttext = this.extractTiddlerDataItem(tiddler,index,undefined);\n\t\tif(text === undefined) {\n\t\t\treturn null;\n\t\t}\n\t\treturn this.parseText(\"text/vnd.tiddlywiki\",text,options);\n\t}\n};\n\n/*\nMake a widget tree for a parse tree\nparser: parser object\noptions: see below\nOptions include:\ndocument: optional document to use\nvariables: hashmap of variables to set\nparentWidget: optional parent widget for the root node\n*/\nexports.makeWidget = function(parser,options) {\n\toptions = options || {};\n\tvar widgetNode = {\n\t\t\ttype: \"widget\",\n\t\t\tchildren: []\n\t\t},\n\t\tcurrWidgetNode = widgetNode;\n\t// Create set variable widgets for each variable\n\t$tw.utils.each(options.variables,function(value,name) {\n\t\tvar setVariableWidget = {\n\t\t\ttype: \"set\",\n\t\t\tattributes: {\n\t\t\t\tname: {type: \"string\", value: name},\n\t\t\t\tvalue: {type: \"string\", value: value}\n\t\t\t},\n\t\t\tchildren: []\n\t\t};\n\t\tcurrWidgetNode.children = [setVariableWidget];\n\t\tcurrWidgetNode = setVariableWidget;\n\t});\n\t// Add in the supplied parse tree nodes\n\tcurrWidgetNode.children = parser ? parser.tree : [];\n\t// Create the widget\n\treturn new widget.widget(widgetNode,{\n\t\twiki: this,\n\t\tdocument: options.document || $tw.fakeDocument,\n\t\tparentWidget: options.parentWidget\n\t});\n};\n\n/*\nMake a widget tree for transclusion\ntitle: target tiddler title\noptions: as for wiki.makeWidget() plus:\noptions.field: optional field to transclude (defaults to \"text\")\noptions.mode: transclusion mode \"inline\" or \"block\"\noptions.children: optional array of children for the transclude widget\n*/\nexports.makeTranscludeWidget = function(title,options) {\n\toptions = options || {};\n\tvar parseTree = {tree: [{\n\t\t\ttype: \"element\",\n\t\t\ttag: \"div\",\n\t\t\tchildren: [{\n\t\t\t\ttype: \"transclude\",\n\t\t\t\tattributes: {\n\t\t\t\t\ttiddler: {\n\t\t\t\t\t\tname: \"tiddler\",\n\t\t\t\t\t\ttype: \"string\",\n\t\t\t\t\t\tvalue: title}},\n\t\t\t\tisBlock: !options.parseAsInline}]}\n\t]};\n\tif(options.field) {\n\t\tparseTree.tree[0].children[0].attributes.field = {type: \"string\", value: options.field};\n\t}\n\tif(options.mode) {\n\t\tparseTree.tree[0].children[0].attributes.mode = {type: \"string\", value: options.mode};\n\t}\n\tif(options.children) {\n\t\tparseTree.tree[0].children[0].children = options.children;\n\t}\n\treturn $tw.wiki.makeWidget(parseTree,options);\n};\n\n/*\nParse text in a specified format and render it into another format\n\toutputType: content type for the output\n\ttextType: content type of the input text\n\ttext: input text\n\toptions: see below\nOptions include:\nvariables: hashmap of variables to set\nparentWidget: optional parent widget for the root node\n*/\nexports.renderText = function(outputType,textType,text,options) {\n\toptions = options || {};\n\tvar parser = this.parseText(textType,text,options),\n\t\twidgetNode = this.makeWidget(parser,options);\n\tvar container = $tw.fakeDocument.createElement(\"div\");\n\twidgetNode.render(container,null);\n\treturn outputType === \"text/html\" ? container.innerHTML : container.textContent;\n};\n\n/*\nParse text from a tiddler and render it into another format\n\toutputType: content type for the output\n\ttitle: title of the tiddler to be rendered\n\toptions: see below\nOptions include:\nvariables: hashmap of variables to set\nparentWidget: optional parent widget for the root node\n*/\nexports.renderTiddler = function(outputType,title,options) {\n\toptions = options || {};\n\tvar parser = this.parseTiddler(title,options),\n\t\twidgetNode = this.makeWidget(parser,options);\n\tvar container = $tw.fakeDocument.createElement(\"div\");\n\twidgetNode.render(container,null);\n\treturn outputType === \"text/html\" ? container.innerHTML : (outputType === \"text/plain-formatted\" ? container.formattedTextContent : container.textContent);\n};\n\n/*\nReturn an array of tiddler titles that match a search string\n\ttext: The text string to search for\n\toptions: see below\nOptions available:\n\tsource: an iterator function for the source tiddlers, called source(iterator), where iterator is called as iterator(tiddler,title)\n\texclude: An array of tiddler titles to exclude from the search\n\tinvert: If true returns tiddlers that do not contain the specified string\n\tcaseSensitive: If true forces a case sensitive search\n\tliteral: If true, searches for literal string, rather than separate search terms\n\tfield: If specified, restricts the search to the specified field\n*/\nexports.search = function(text,options) {\n\toptions = options || {};\n\tvar self = this,\n\t\tt,\n\t\tinvert = !!options.invert;\n\t// Convert the search string into a regexp for each term\n\tvar terms, searchTermsRegExps,\n\t\tflags = options.caseSensitive ? \"\" : \"i\";\n\tif(options.literal) {\n\t\tif(text.length === 0) {\n\t\t\tsearchTermsRegExps = null;\n\t\t} else {\n\t\t\tsearchTermsRegExps = [new RegExp(\"(\" + $tw.utils.escapeRegExp(text) + \")\",flags)];\n\t\t}\n\t} else {\n\t\tterms = text.split(/ +/);\n\t\tif(terms.length === 1 && terms[0] === \"\") {\n\t\t\tsearchTermsRegExps = null;\n\t\t} else {\n\t\t\tsearchTermsRegExps = [];\n\t\t\tfor(t=0; t<terms.length; t++) {\n\t\t\t\tsearchTermsRegExps.push(new RegExp(\"(\" + $tw.utils.escapeRegExp(terms[t]) + \")\",flags));\n\t\t\t}\n\t\t}\n\t}\n\t// Function to check a given tiddler for the search term\n\tvar searchTiddler = function(title) {\n\t\tif(!searchTermsRegExps) {\n\t\t\treturn true;\n\t\t}\n\t\tvar tiddler = self.getTiddler(title);\n\t\tif(!tiddler) {\n\t\t\ttiddler = new $tw.Tiddler({title: title, text: \"\", type: \"text/vnd.tiddlywiki\"});\n\t\t}\n\t\tvar contentTypeInfo = $tw.config.contentTypeInfo[tiddler.fields.type] || $tw.config.contentTypeInfo[\"text/vnd.tiddlywiki\"],\n\t\t\tmatch;\n\t\tfor(var t=0; t<searchTermsRegExps.length; t++) {\n\t\t\tmatch = false;\n\t\t\tif(options.field) {\n\t\t\t\tmatch = searchTermsRegExps[t].test(tiddler.getFieldString(options.field));\n\t\t\t} else {\n\t\t\t\t// Search title, tags and body\n\t\t\t\tif(contentTypeInfo.encoding === \"utf8\") {\n\t\t\t\t\tmatch = match || searchTermsRegExps[t].test(tiddler.fields.text);\n\t\t\t\t}\n\t\t\t\tvar tags = tiddler.fields.tags ? tiddler.fields.tags.join(\"\\0\") : \"\";\n\t\t\t\tmatch = match || searchTermsRegExps[t].test(tags) || searchTermsRegExps[t].test(tiddler.fields.title);\n\t\t\t}\n\t\t\tif(!match) {\n\t\t\t\treturn false;\n\t\t\t}\n\t\t}\n\t\treturn true;\n\t};\n\t// Loop through all the tiddlers doing the search\n\tvar results = [],\n\t\tsource = options.source || this.each;\n\tsource(function(tiddler,title) {\n\t\tif(searchTiddler(title) !== options.invert) {\n\t\t\tresults.push(title);\n\t\t}\n\t});\n\t// Remove any of the results we have to exclude\n\tif(options.exclude) {\n\t\tfor(t=0; t<options.exclude.length; t++) {\n\t\t\tvar p = results.indexOf(options.exclude[t]);\n\t\t\tif(p !== -1) {\n\t\t\t\tresults.splice(p,1);\n\t\t\t}\n\t\t}\n\t}\n\treturn results;\n};\n\n/*\nTrigger a load for a tiddler if it is skinny. Returns the text, or undefined if the tiddler is missing, null if the tiddler is being lazily loaded.\n*/\nexports.getTiddlerText = function(title,defaultText) {\n\tvar tiddler = this.getTiddler(title);\n\t// Return undefined if the tiddler isn't found\n\tif(!tiddler) {\n\t\treturn defaultText;\n\t}\n\tif(tiddler.fields.text !== undefined) {\n\t\t// Just return the text if we've got it\n\t\treturn tiddler.fields.text;\n\t} else {\n\t\t// Tell any listeners about the need to lazily load this tiddler\n\t\tthis.dispatchEvent(\"lazyLoad\",title);\n\t\t// Indicate that the text is being loaded\n\t\treturn null;\n\t}\n};\n\n/*\nRead an array of browser File objects, invoking callback(tiddlerFieldsArray) once they're all read\n*/\nexports.readFiles = function(files,callback) {\n\tvar result = [],\n\t\toutstanding = files.length;\n\tfor(var f=0; f<files.length; f++) {\n\t\tthis.readFile(files[f],function(tiddlerFieldsArray) {\n\t\t\tresult.push.apply(result,tiddlerFieldsArray);\n\t\t\tif(--outstanding === 0) {\n\t\t\t\tcallback(result);\n\t\t\t}\n\t\t});\n\t}\n\treturn files.length;\n};\n\n/*\nRead a browser File object, invoking callback(tiddlerFieldsArray) with an array of tiddler fields objects\n*/\nexports.readFile = function(file,callback) {\n\t// Get the type, falling back to the filename extension\n\tvar self = this,\n\t\ttype = file.type;\n\tif(type === \"\" || !type) {\n\t\tvar dotPos = file.name.lastIndexOf(\".\");\n\t\tif(dotPos !== -1) {\n\t\t\tvar fileExtensionInfo = $tw.utils.getFileExtensionInfo(file.name.substr(dotPos));\n\t\t\tif(fileExtensionInfo) {\n\t\t\t\ttype = fileExtensionInfo.type;\n\t\t\t}\n\t\t}\n\t}\n\t// Figure out if we're reading a binary file\n\tvar contentTypeInfo = $tw.config.contentTypeInfo[type],\n\t\tisBinary = contentTypeInfo ? contentTypeInfo.encoding === \"base64\" : false;\n\t// Log some debugging information\n\tif($tw.log.IMPORT) {\n\t\tconsole.log(\"Importing file '\" + file.name + \"', type: '\" + type + \"', isBinary: \" + isBinary);\n\t}\n\t// Create the FileReader\n\tvar reader = new FileReader();\n\t// Onload\n\treader.onload = function(event) {\n\t\t// Deserialise the file contents\n\t\tvar text = event.target.result,\n\t\t\ttiddlerFields = {title: file.name || \"Untitled\", type: type};\n\t\t// Are we binary?\n\t\tif(isBinary) {\n\t\t\t// The base64 section starts after the first comma in the data URI\n\t\t\tvar commaPos = text.indexOf(\",\");\n\t\t\tif(commaPos !== -1) {\n\t\t\t\ttiddlerFields.text = text.substr(commaPos+1);\n\t\t\t\tcallback([tiddlerFields]);\n\t\t\t}\n\t\t} else {\n\t\t\t// Check whether this is an encrypted TiddlyWiki file\n\t\t\tvar encryptedJson = $tw.utils.extractEncryptedStoreArea(text);\n\t\t\tif(encryptedJson) {\n\t\t\t\t// If so, attempt to decrypt it with the current password\n\t\t\t\t$tw.utils.decryptStoreAreaInteractive(encryptedJson,function(tiddlers) {\n\t\t\t\t\tcallback(tiddlers);\n\t\t\t\t});\n\t\t\t} else {\n\t\t\t\t// Otherwise, just try to deserialise any tiddlers in the file\n\t\t\t\tcallback(self.deserializeTiddlers(type,text,tiddlerFields));\n\t\t\t}\n\t\t}\n\t};\n\t// Kick off the read\n\tif(isBinary) {\n\t\treader.readAsDataURL(file);\n\t} else {\n\t\treader.readAsText(file);\n\t}\n};\n\n/*\nFind any existing draft of a specified tiddler\n*/\nexports.findDraft = function(targetTitle) {\n\tvar draftTitle = undefined;\n\tthis.forEachTiddler({includeSystem: true},function(title,tiddler) {\n\t\tif(tiddler.fields[\"draft.title\"] && tiddler.fields[\"draft.of\"] === targetTitle) {\n\t\t\tdraftTitle = title;\n\t\t}\n\t});\n\treturn draftTitle;\n}\n\n/*\nCheck whether the specified draft tiddler has been modified\n*/\nexports.isDraftModified = function(title) {\n\tvar tiddler = this.getTiddler(title);\n\tif(!tiddler.isDraft()) {\n\t\treturn false;\n\t}\n\tvar ignoredFields = [\"created\", \"modified\", \"title\", \"draft.title\", \"draft.of\"],\n\t\torigTiddler = this.getTiddler(tiddler.fields[\"draft.of\"]);\n\tif(!origTiddler) {\n\t\treturn tiddler.fields.text !== \"\";\n\t}\n\treturn tiddler.fields[\"draft.title\"] !== tiddler.fields[\"draft.of\"] || !tiddler.isEqual(origTiddler,ignoredFields);\n};\n\n/*\nAdd a new record to the top of the history stack\ntitle: a title string or an array of title strings\nfromPageRect: page coordinates of the origin of the navigation\nhistoryTitle: title of history tiddler (defaults to $:/HistoryList)\n*/\nexports.addToHistory = function(title,fromPageRect,historyTitle) {\n\thistoryTitle = historyTitle || \"$:/HistoryList\";\n\tvar titles = $tw.utils.isArray(title) ? title : [title];\n\t// Add a new record to the top of the history stack\n\tvar historyList = this.getTiddlerData(historyTitle,[]);\n\t$tw.utils.each(titles,function(title) {\n\t\thistoryList.push({title: title, fromPageRect: fromPageRect});\n\t});\n\tthis.setTiddlerData(historyTitle,historyList,{\"current-tiddler\": titles[titles.length-1]});\n};\n\n/*\nInvoke the available upgrader modules\ntitles: array of tiddler titles to be processed\ntiddlers: hashmap by title of tiddler fields of pending import tiddlers. These can be modified by the upgraders. An entry with no fields indicates a tiddler that was pending import has been suppressed. When entries are added to the pending import the tiddlers hashmap may have entries that are not present in the titles array\nReturns a hashmap of messages keyed by tiddler title.\n*/\nexports.invokeUpgraders = function(titles,tiddlers) {\n\t// Collect up the available upgrader modules\n\tvar self = this;\n\tif(!this.upgraderModules) {\n\t\tthis.upgraderModules = [];\n\t\t$tw.modules.forEachModuleOfType(\"upgrader\",function(title,module) {\n\t\t\tif(module.upgrade) {\n\t\t\t\tself.upgraderModules.push(module);\n\t\t\t}\n\t\t});\n\t}\n\t// Invoke each upgrader in turn\n\tvar messages = {};\n\tfor(var t=0; t<this.upgraderModules.length; t++) {\n\t\tvar upgrader = this.upgraderModules[t],\n\t\t\tupgraderMessages = upgrader.upgrade(this,titles,tiddlers);\n\t\t$tw.utils.extend(messages,upgraderMessages);\n\t}\n\treturn messages;\n};\n\n})();\n",
"title": "$:/core/modules/wiki.js",
"type": "application/javascript",
"module-type": "wikimethod"
},
"$:/palettes/Blanca": {
"title": "$:/palettes/Blanca",
"name": "Blanca",
"description": "A clean white palette to let you focus",
"tags": "$:/tags/Palette",
"type": "application/x-tiddler-dictionary",
"text": "alert-background: #ffe476\nalert-border: #b99e2f\nalert-highlight: #881122\nalert-muted-foreground: #b99e2f\nbackground: #ffffff\nblockquote-bar: <<colour muted-foreground>>\nbutton-background:\nbutton-foreground:\nbutton-border:\ncode-background: #f7f7f9\ncode-border: #e1e1e8\ncode-foreground: #dd1144\ndirty-indicator: #ff0000\ndownload-background: #66cccc\ndownload-foreground: <<colour background>>\ndragger-background: <<colour foreground>>\ndragger-foreground: <<colour background>>\ndropdown-background: <<colour background>>\ndropdown-border: <<colour muted-foreground>>\ndropdown-tab-background-selected: #fff\ndropdown-tab-background: #ececec\ndropzone-background: rgba(0,200,0,0.7)\nexternal-link-background-hover: inherit\nexternal-link-background-visited: inherit\nexternal-link-background: inherit\nexternal-link-foreground-hover: inherit\nexternal-link-foreground-visited: #0000aa\nexternal-link-foreground: #0000ee\nforeground: #333333\nmessage-background: #ecf2ff\nmessage-border: #cfd6e6\nmessage-foreground: #547599\nmodal-backdrop: <<colour foreground>>\nmodal-background: <<colour background>>\nmodal-border: #999999\nmodal-footer-background: #f5f5f5\nmodal-footer-border: #dddddd\nmodal-header-border: #eeeeee\nmuted-foreground: #999999\nnotification-background: #ffffdd\nnotification-border: #999999\npage-background: #ffffff\npre-background: #f5f5f5\npre-border: #cccccc\nprimary: #7897f3\nsidebar-button-foreground: <<colour foreground>>\nsidebar-controls-foreground-hover: #000000\nsidebar-controls-foreground: #ccc\nsidebar-foreground-shadow: rgba(255,255,255, 0.8)\nsidebar-foreground: #acacac\nsidebar-muted-foreground-hover: #444444\nsidebar-muted-foreground: #c0c0c0\nsidebar-tab-background-selected: #ffffff\nsidebar-tab-background: <<colour tab-background>>\nsidebar-tab-border-selected: <<colour tab-border-selected>>\nsidebar-tab-border: <<colour tab-border>>\nsidebar-tab-divider: <<colour tab-divider>>\nsidebar-tab-foreground-selected: \nsidebar-tab-foreground: <<colour tab-foreground>>\nsidebar-tiddler-link-foreground-hover: #444444\nsidebar-tiddler-link-foreground: #7897f3\nsite-title-foreground: <<colour tiddler-title-foreground>>\nstatic-alert-foreground: #aaaaaa\ntab-background-selected: #ffffff\ntab-background: #eeeeee\ntab-border-selected: #cccccc\ntab-border: #cccccc\ntab-divider: #d8d8d8\ntab-foreground-selected: <<colour tab-foreground>>\ntab-foreground: #666666\ntable-border: #dddddd\ntable-footer-background: #a8a8a8\ntable-header-background: #f0f0f0\ntag-background: #ffeedd\ntag-foreground: #000\ntiddler-background: <<colour background>>\ntiddler-border: #eee\ntiddler-controls-foreground-hover: #888888\ntiddler-controls-foreground-selected: #444444\ntiddler-controls-foreground: #cccccc\ntiddler-editor-background: #f8f8f8\ntiddler-editor-border-image: #ffffff\ntiddler-editor-border: #cccccc\ntiddler-editor-fields-even: #e0e8e0\ntiddler-editor-fields-odd: #f0f4f0\ntiddler-info-background: #f8f8f8\ntiddler-info-border: #dddddd\ntiddler-info-tab-background: #f8f8f8\ntiddler-link-background: <<colour background>>\ntiddler-link-foreground: <<colour primary>>\ntiddler-subtitle-foreground: #c0c0c0\ntiddler-title-foreground: #ff9900\ntoolbar-new-button:\ntoolbar-options-button:\ntoolbar-save-button:\ntoolbar-info-button:\ntoolbar-edit-button:\ntoolbar-close-button:\ntoolbar-delete-button:\ntoolbar-cancel-button:\ntoolbar-done-button:\nuntagged-background: #999999\nvery-muted-foreground: #888888\n"
},
"$:/palettes/Blue": {
"title": "$:/palettes/Blue",
"name": "Blue",
"description": "A blue theme",
"tags": "$:/tags/Palette",
"type": "application/x-tiddler-dictionary",
"text": "alert-background: #ffe476\nalert-border: #b99e2f\nalert-highlight: #881122\nalert-muted-foreground: #b99e2f\nbackground: #fff\nblockquote-bar: <<colour muted-foreground>>\nbutton-background:\nbutton-foreground:\nbutton-border:\ncode-background: #f7f7f9\ncode-border: #e1e1e8\ncode-foreground: #dd1144\ndirty-indicator: #ff0000\ndownload-background: #34c734\ndownload-foreground: <<colour foreground>>\ndragger-background: <<colour foreground>>\ndragger-foreground: <<colour background>>\ndropdown-background: <<colour background>>\ndropdown-border: <<colour muted-foreground>>\ndropdown-tab-background-selected: #fff\ndropdown-tab-background: #ececec\ndropzone-background: rgba(0,200,0,0.7)\nexternal-link-background-hover: inherit\nexternal-link-background-visited: inherit\nexternal-link-background: inherit\nexternal-link-foreground-hover: inherit\nexternal-link-foreground-visited: #0000aa\nexternal-link-foreground: #0000ee\nforeground: #333353\nmessage-background: #ecf2ff\nmessage-border: #cfd6e6\nmessage-foreground: #547599\nmodal-backdrop: <<colour foreground>>\nmodal-background: <<colour background>>\nmodal-border: #999999\nmodal-footer-background: #f5f5f5\nmodal-footer-border: #dddddd\nmodal-header-border: #eeeeee\nmuted-foreground: #999999\nnotification-background: #ffffdd\nnotification-border: #999999\npage-background: #ddddff\npre-background: #f5f5f5\npre-border: #cccccc\nprimary: #5778d8\nsidebar-button-foreground: <<colour foreground>>\nsidebar-controls-foreground-hover: #000000\nsidebar-controls-foreground: #ffffff\nsidebar-foreground-shadow: rgba(255,255,255, 0.8)\nsidebar-foreground: #acacac\nsidebar-muted-foreground-hover: #444444\nsidebar-muted-foreground: #c0c0c0\nsidebar-tab-background-selected: <<colour page-background>>\nsidebar-tab-background: <<colour tab-background>>\nsidebar-tab-border-selected: <<colour tab-border-selected>>\nsidebar-tab-border: <<colour tab-border>>\nsidebar-tab-divider: <<colour tab-divider>>\nsidebar-tab-foreground-selected: \nsidebar-tab-foreground: <<colour tab-foreground>>\nsidebar-tiddler-link-foreground-hover: #444444\nsidebar-tiddler-link-foreground: #5959c0\nsite-title-foreground: <<colour tiddler-title-foreground>>\nstatic-alert-foreground: #aaaaaa\ntab-background-selected: <<colour background>>\ntab-background: #ccccdd\ntab-border-selected: #ccccdd\ntab-border: #cccccc\ntab-divider: #d8d8d8\ntab-foreground-selected: <<colour tab-foreground>>\ntab-foreground: #666666\ntable-border: #dddddd\ntable-footer-background: #a8a8a8\ntable-header-background: #f0f0f0\ntag-background: #eeeeff\ntag-foreground: #000\ntiddler-background: <<colour background>>\ntiddler-border: <<colour background>>\ntiddler-controls-foreground-hover: #666666\ntiddler-controls-foreground-selected: #444444\ntiddler-controls-foreground: #cccccc\ntiddler-editor-background: #f8f8f8\ntiddler-editor-border-image: #ffffff\ntiddler-editor-border: #cccccc\ntiddler-editor-fields-even: #e0e8e0\ntiddler-editor-fields-odd: #f0f4f0\ntiddler-info-background: #ffffff\ntiddler-info-border: #dddddd\ntiddler-info-tab-background: #ffffff\ntiddler-link-background: <<colour background>>\ntiddler-link-foreground: <<colour primary>>\ntiddler-subtitle-foreground: #c0c0c0\ntiddler-title-foreground: #5959c0\ntoolbar-new-button: #5eb95e\ntoolbar-options-button: rgb(128, 88, 165)\ntoolbar-save-button: #0e90d2\ntoolbar-info-button: #0e90d2\ntoolbar-edit-button: rgb(243, 123, 29)\ntoolbar-close-button: #dd514c\ntoolbar-delete-button: #dd514c\ntoolbar-cancel-button: rgb(243, 123, 29)\ntoolbar-done-button: #5eb95e\nuntagged-background: #999999\nvery-muted-foreground: #888888\n"
},
"$:/palettes/Muted": {
"title": "$:/palettes/Muted",
"name": "Muted",
"description": "Bright tiddlers on a muted background",
"tags": "$:/tags/Palette",
"type": "application/x-tiddler-dictionary",
"text": "alert-background: #ffe476\nalert-border: #b99e2f\nalert-highlight: #881122\nalert-muted-foreground: #b99e2f\nbackground: #ffffff\nblockquote-bar: <<colour muted-foreground>>\nbutton-background:\nbutton-foreground:\nbutton-border:\ncode-background: #f7f7f9\ncode-border: #e1e1e8\ncode-foreground: #dd1144\ndirty-indicator: #ff0000\ndownload-background: #34c734\ndownload-foreground: <<colour background>>\ndragger-background: <<colour foreground>>\ndragger-foreground: <<colour background>>\ndropdown-background: <<colour background>>\ndropdown-border: <<colour muted-foreground>>\ndropdown-tab-background-selected: #fff\ndropdown-tab-background: #ececec\ndropzone-background: rgba(0,200,0,0.7)\nexternal-link-background-hover: inherit\nexternal-link-background-visited: inherit\nexternal-link-background: inherit\nexternal-link-foreground-hover: inherit\nexternal-link-foreground-visited: #0000aa\nexternal-link-foreground: #0000ee\nforeground: #333333\nmessage-background: #ecf2ff\nmessage-border: #cfd6e6\nmessage-foreground: #547599\nmodal-backdrop: <<colour foreground>>\nmodal-background: <<colour background>>\nmodal-border: #999999\nmodal-footer-background: #f5f5f5\nmodal-footer-border: #dddddd\nmodal-header-border: #eeeeee\nmuted-foreground: #bbb\nnotification-background: #ffffdd\nnotification-border: #999999\npage-background: #6f6f70\npre-background: #f5f5f5\npre-border: #cccccc\nprimary: #29a6ee\nsidebar-button-foreground: <<colour foreground>>\nsidebar-controls-foreground-hover: #000000\nsidebar-controls-foreground: #c2c1c2\nsidebar-foreground-shadow: rgba(255,255,255,0)\nsidebar-foreground: #d3d2d4\nsidebar-muted-foreground-hover: #444444\nsidebar-muted-foreground: #c0c0c0\nsidebar-tab-background-selected: #6f6f70\nsidebar-tab-background: #666667\nsidebar-tab-border-selected: #999\nsidebar-tab-border: #515151\nsidebar-tab-divider: #999\nsidebar-tab-foreground-selected: \nsidebar-tab-foreground: #999\nsidebar-tiddler-link-foreground-hover: #444444\nsidebar-tiddler-link-foreground: #d1d0d2\nsite-title-foreground: <<colour tiddler-title-foreground>>\nstatic-alert-foreground: #aaaaaa\ntab-background-selected: #ffffff\ntab-background: #d8d8d8\ntab-border-selected: #d8d8d8\ntab-border: #cccccc\ntab-divider: #d8d8d8\ntab-foreground-selected: <<colour tab-foreground>>\ntab-foreground: #666666\ntable-border: #dddddd\ntable-footer-background: #a8a8a8\ntable-header-background: #f0f0f0\ntag-background: #d5ad34\ntag-foreground: #ffffff\ntiddler-background: <<colour background>>\ntiddler-border: <<colour background>>\ntiddler-controls-foreground-hover: #888888\ntiddler-controls-foreground-selected: #444444\ntiddler-controls-foreground: #cccccc\ntiddler-editor-background: #f8f8f8\ntiddler-editor-border-image: #ffffff\ntiddler-editor-border: #cccccc\ntiddler-editor-fields-even: #e0e8e0\ntiddler-editor-fields-odd: #f0f4f0\ntiddler-info-background: #f8f8f8\ntiddler-info-border: #dddddd\ntiddler-info-tab-background: #f8f8f8\ntiddler-link-background: <<colour background>>\ntiddler-link-foreground: <<colour primary>>\ntiddler-subtitle-foreground: #c0c0c0\ntiddler-title-foreground: #182955\ntoolbar-new-button: \ntoolbar-options-button: \ntoolbar-save-button: \ntoolbar-info-button: \ntoolbar-edit-button: \ntoolbar-close-button: \ntoolbar-delete-button: \ntoolbar-cancel-button: \ntoolbar-done-button: \nuntagged-background: #999999\nvery-muted-foreground: #888888\n"
},
"$:/palettes/ContrastLight": {
"title": "$:/palettes/ContrastLight",
"name": "Contrast (Light)",
"description": "High contrast and unambiguous (light version)",
"tags": "$:/tags/Palette",
"type": "application/x-tiddler-dictionary",
"text": "alert-background: #f00\nalert-border: <<colour background>>\nalert-highlight: <<colour foreground>>\nalert-muted-foreground: #800\nbackground: #fff\nblockquote-bar: <<colour muted-foreground>>\nbutton-background: <<colour background>>\nbutton-foreground: <<colour foreground>>\nbutton-border: <<colour foreground>>\ncode-background: <<colour background>>\ncode-border: <<colour foreground>>\ncode-foreground: <<colour foreground>>\ndirty-indicator: #f00\ndownload-background: #080\ndownload-foreground: <<colour background>>\ndragger-background: <<colour foreground>>\ndragger-foreground: <<colour background>>\ndropdown-background: <<colour background>>\ndropdown-border: <<colour muted-foreground>>\ndropdown-tab-background-selected: <<colour foreground>>\ndropdown-tab-background: <<colour foreground>>\ndropzone-background: rgba(0,200,0,0.7)\nexternal-link-background-hover: inherit\nexternal-link-background-visited: inherit\nexternal-link-background: inherit\nexternal-link-foreground-hover: inherit\nexternal-link-foreground-visited: #00a\nexternal-link-foreground: #00e\nforeground: #000\nmessage-background: <<colour foreground>>\nmessage-border: <<colour background>>\nmessage-foreground: <<colour background>>\nmodal-backdrop: <<colour foreground>>\nmodal-background: <<colour background>>\nmodal-border: <<colour foreground>>\nmodal-footer-background: <<colour background>>\nmodal-footer-border: <<colour foreground>>\nmodal-header-border: <<colour foreground>>\nmuted-foreground: <<colour foreground>>\nnotification-background: <<colour background>>\nnotification-border: <<colour foreground>>\npage-background: <<colour background>>\npre-background: <<colour background>>\npre-border: <<colour foreground>>\nprimary: #00f\nsidebar-button-foreground: <<colour foreground>>\nsidebar-controls-foreground-hover: <<colour background>>\nsidebar-controls-foreground: <<colour foreground>>\nsidebar-foreground-shadow: rgba(0,0,0, 0)\nsidebar-foreground: <<colour foreground>>\nsidebar-muted-foreground-hover: #444444\nsidebar-muted-foreground: <<colour foreground>>\nsidebar-tab-background-selected: <<colour background>>\nsidebar-tab-background: <<colour tab-background>>\nsidebar-tab-border-selected: <<colour tab-border-selected>>\nsidebar-tab-border: <<colour tab-border>>\nsidebar-tab-divider: <<colour tab-divider>>\nsidebar-tab-foreground-selected: <<colour foreground>>\nsidebar-tab-foreground: <<colour tab-foreground>>\nsidebar-tiddler-link-foreground-hover: <<colour foreground>>\nsidebar-tiddler-link-foreground: <<colour primary>>\nsite-title-foreground: <<colour tiddler-title-foreground>>\nstatic-alert-foreground: #aaaaaa\ntab-background-selected: <<colour background>>\ntab-background: <<colour foreground>>\ntab-border-selected: <<colour foreground>>\ntab-border: <<colour foreground>>\ntab-divider: <<colour foreground>>\ntab-foreground-selected: <<colour foreground>>\ntab-foreground: <<colour background>>\ntable-border: #dddddd\ntable-footer-background: #a8a8a8\ntable-header-background: #f0f0f0\ntag-background: #000\ntag-foreground: #fff\ntiddler-background: <<colour background>>\ntiddler-border: <<colour foreground>>\ntiddler-controls-foreground-hover: #ddd\ntiddler-controls-foreground-selected: #fdd\ntiddler-controls-foreground: <<colour foreground>>\ntiddler-editor-background: <<colour background>>\ntiddler-editor-border-image: <<colour foreground>>\ntiddler-editor-border: #cccccc\ntiddler-editor-fields-even: <<colour background>>\ntiddler-editor-fields-odd: <<colour background>>\ntiddler-info-background: <<colour background>>\ntiddler-info-border: <<colour foreground>>\ntiddler-info-tab-background: <<colour background>>\ntiddler-link-background: <<colour background>>\ntiddler-link-foreground: <<colour primary>>\ntiddler-subtitle-foreground: <<colour foreground>>\ntiddler-title-foreground: <<colour foreground>>\ntoolbar-new-button: \ntoolbar-options-button: \ntoolbar-save-button: \ntoolbar-info-button: \ntoolbar-edit-button: \ntoolbar-close-button: \ntoolbar-delete-button: \ntoolbar-cancel-button: \ntoolbar-done-button: \nuntagged-background: <<colour foreground>>\nvery-muted-foreground: #888888\n"
},
"$:/palettes/ContrastDark": {
"title": "$:/palettes/ContrastDark",
"name": "Contrast (Dark)",
"description": "High contrast and unambiguous (dark version)",
"tags": "$:/tags/Palette",
"type": "application/x-tiddler-dictionary",
"text": "alert-background: #f00\nalert-border: <<colour background>>\nalert-highlight: <<colour foreground>>\nalert-muted-foreground: #800\nbackground: #000\nblockquote-bar: <<colour muted-foreground>>\nbutton-background: <<colour background>>\nbutton-foreground: <<colour foreground>>\nbutton-border: <<colour foreground>>\ncode-background: <<colour background>>\ncode-border: <<colour foreground>>\ncode-foreground: <<colour foreground>>\ndirty-indicator: #f00\ndownload-background: #080\ndownload-foreground: <<colour background>>\ndragger-background: <<colour foreground>>\ndragger-foreground: <<colour background>>\ndropdown-background: <<colour background>>\ndropdown-border: <<colour muted-foreground>>\ndropdown-tab-background-selected: <<colour foreground>>\ndropdown-tab-background: <<colour foreground>>\ndropzone-background: rgba(0,200,0,0.7)\nexternal-link-background-hover: inherit\nexternal-link-background-visited: inherit\nexternal-link-background: inherit\nexternal-link-foreground-hover: inherit\nexternal-link-foreground-visited: #00a\nexternal-link-foreground: #00e\nforeground: #fff\nmessage-background: <<colour foreground>>\nmessage-border: <<colour background>>\nmessage-foreground: <<colour background>>\nmodal-backdrop: <<colour foreground>>\nmodal-background: <<colour background>>\nmodal-border: <<colour foreground>>\nmodal-footer-background: <<colour background>>\nmodal-footer-border: <<colour foreground>>\nmodal-header-border: <<colour foreground>>\nmuted-foreground: <<colour foreground>>\nnotification-background: <<colour background>>\nnotification-border: <<colour foreground>>\npage-background: <<colour background>>\npre-background: <<colour background>>\npre-border: <<colour foreground>>\nprimary: #00f\nsidebar-button-foreground: <<colour foreground>>\nsidebar-controls-foreground-hover: <<colour background>>\nsidebar-controls-foreground: <<colour foreground>>\nsidebar-foreground-shadow: rgba(0,0,0, 0)\nsidebar-foreground: <<colour foreground>>\nsidebar-muted-foreground-hover: #444444\nsidebar-muted-foreground: <<colour foreground>>\nsidebar-tab-background-selected: <<colour background>>\nsidebar-tab-background: <<colour tab-background>>\nsidebar-tab-border-selected: <<colour tab-border-selected>>\nsidebar-tab-border: <<colour tab-border>>\nsidebar-tab-divider: <<colour tab-divider>>\nsidebar-tab-foreground-selected: <<colour foreground>>\nsidebar-tab-foreground: <<colour tab-foreground>>\nsidebar-tiddler-link-foreground-hover: <<colour foreground>>\nsidebar-tiddler-link-foreground: <<colour primary>>\nsite-title-foreground: <<colour tiddler-title-foreground>>\nstatic-alert-foreground: #aaaaaa\ntab-background-selected: <<colour background>>\ntab-background: <<colour foreground>>\ntab-border-selected: <<colour foreground>>\ntab-border: <<colour foreground>>\ntab-divider: <<colour foreground>>\ntab-foreground-selected: <<colour foreground>>\ntab-foreground: <<colour background>>\ntable-border: #dddddd\ntable-footer-background: #a8a8a8\ntable-header-background: #f0f0f0\ntag-background: #fff\ntag-foreground: #000\ntiddler-background: <<colour background>>\ntiddler-border: <<colour foreground>>\ntiddler-controls-foreground-hover: #ddd\ntiddler-controls-foreground-selected: #fdd\ntiddler-controls-foreground: <<colour foreground>>\ntiddler-editor-background: <<colour background>>\ntiddler-editor-border-image: <<colour foreground>>\ntiddler-editor-border: #cccccc\ntiddler-editor-fields-even: <<colour background>>\ntiddler-editor-fields-odd: <<colour background>>\ntiddler-info-background: <<colour background>>\ntiddler-info-border: <<colour foreground>>\ntiddler-info-tab-background: <<colour background>>\ntiddler-link-background: <<colour background>>\ntiddler-link-foreground: <<colour primary>>\ntiddler-subtitle-foreground: <<colour foreground>>\ntiddler-title-foreground: <<colour foreground>>\ntoolbar-new-button: \ntoolbar-options-button: \ntoolbar-save-button: \ntoolbar-info-button: \ntoolbar-edit-button: \ntoolbar-close-button: \ntoolbar-delete-button: \ntoolbar-cancel-button: \ntoolbar-done-button: \nuntagged-background: <<colour foreground>>\nvery-muted-foreground: #888888\n"
},
"$:/palettes/DarkPhotos": {
"created": "20150402111612188",
"description": "Good with dark photo backgrounds",
"modified": "20150402112344080",
"name": "DarkPhotos",
"tags": "$:/tags/Palette",
"title": "$:/palettes/DarkPhotos",
"type": "application/x-tiddler-dictionary",
"text": "alert-background: #ffe476\nalert-border: #b99e2f\nalert-highlight: #881122\nalert-muted-foreground: #b99e2f\nbackground: #ffffff\nblockquote-bar: <<colour muted-foreground>>\nbutton-background: \nbutton-foreground: \nbutton-border: \ncode-background: #f7f7f9\ncode-border: #e1e1e8\ncode-foreground: #dd1144\ndirty-indicator: #ff0000\ndownload-background: #34c734\ndownload-foreground: <<colour background>>\ndragger-background: <<colour foreground>>\ndragger-foreground: <<colour background>>\ndropdown-background: <<colour background>>\ndropdown-border: <<colour muted-foreground>>\ndropdown-tab-background-selected: #fff\ndropdown-tab-background: #ececec\ndropzone-background: rgba(0,200,0,0.7)\nexternal-link-background-hover: inherit\nexternal-link-background-visited: inherit\nexternal-link-background: inherit\nexternal-link-foreground-hover: inherit\nexternal-link-foreground-visited: #0000aa\nexternal-link-foreground: #0000ee\nforeground: #333333\nmessage-background: #ecf2ff\nmessage-border: #cfd6e6\nmessage-foreground: #547599\nmodal-backdrop: <<colour foreground>>\nmodal-background: <<colour background>>\nmodal-border: #999999\nmodal-footer-background: #f5f5f5\nmodal-footer-border: #dddddd\nmodal-header-border: #eeeeee\nmuted-foreground: #ddd\nnotification-background: #ffffdd\nnotification-border: #999999\npage-background: #336438\npre-background: #f5f5f5\npre-border: #cccccc\nprimary: #5778d8\nsidebar-button-foreground: <<colour foreground>>\nsidebar-controls-foreground-hover: #ccf\nsidebar-controls-foreground: #fff\nsidebar-foreground-shadow: rgba(0,0,0, 0.5)\nsidebar-foreground: #fff\nsidebar-muted-foreground-hover: #444444\nsidebar-muted-foreground: #eee\nsidebar-tab-background-selected: rgba(255,255,255, 0.8)\nsidebar-tab-background: rgba(255,255,255, 0.4)\nsidebar-tab-border-selected: <<colour tab-border-selected>>\nsidebar-tab-border: <<colour tab-border>>\nsidebar-tab-divider: rgba(255,255,255, 0.2)\nsidebar-tab-foreground-selected: \nsidebar-tab-foreground: <<colour tab-foreground>>\nsidebar-tiddler-link-foreground-hover: #aaf\nsidebar-tiddler-link-foreground: #ddf\nsite-title-foreground: #fff\nstatic-alert-foreground: #aaaaaa\ntab-background-selected: #ffffff\ntab-background: #d8d8d8\ntab-border-selected: #d8d8d8\ntab-border: #cccccc\ntab-divider: #d8d8d8\ntab-foreground-selected: <<colour tab-foreground>>\ntab-foreground: #666666\ntable-border: #dddddd\ntable-footer-background: #a8a8a8\ntable-header-background: #f0f0f0\ntag-background: #ec6\ntag-foreground: #ffffff\ntiddler-background: <<colour background>>\ntiddler-border: <<colour background>>\ntiddler-controls-foreground-hover: #888888\ntiddler-controls-foreground-selected: #444444\ntiddler-controls-foreground: #cccccc\ntiddler-editor-background: #f8f8f8\ntiddler-editor-border-image: #ffffff\ntiddler-editor-border: #cccccc\ntiddler-editor-fields-even: #e0e8e0\ntiddler-editor-fields-odd: #f0f4f0\ntiddler-info-background: #f8f8f8\ntiddler-info-border: #dddddd\ntiddler-info-tab-background: #f8f8f8\ntiddler-link-background: <<colour background>>\ntiddler-link-foreground: <<colour primary>>\ntiddler-subtitle-foreground: #c0c0c0\ntiddler-title-foreground: #182955\ntoolbar-new-button: \ntoolbar-options-button: \ntoolbar-save-button: \ntoolbar-info-button: \ntoolbar-edit-button: \ntoolbar-close-button: \ntoolbar-delete-button: \ntoolbar-cancel-button: \ntoolbar-done-button: \nuntagged-background: #999999\nvery-muted-foreground: #888888\n"
},
"$:/palettes/Rocker": {
"title": "$:/palettes/Rocker",
"name": "Rocker",
"description": "A dark theme",
"tags": "$:/tags/Palette",
"type": "application/x-tiddler-dictionary",
"text": "alert-background: #ffe476\nalert-border: #b99e2f\nalert-highlight: #881122\nalert-muted-foreground: #b99e2f\nbackground: #ffffff\nblockquote-bar: <<colour muted-foreground>>\nbutton-background:\nbutton-foreground:\nbutton-border:\ncode-background: #f7f7f9\ncode-border: #e1e1e8\ncode-foreground: #dd1144\ndirty-indicator: #ff0000\ndownload-background: #34c734\ndownload-foreground: <<colour background>>\ndragger-background: <<colour foreground>>\ndragger-foreground: <<colour background>>\ndropdown-background: <<colour background>>\ndropdown-border: <<colour muted-foreground>>\ndropdown-tab-background-selected: #fff\ndropdown-tab-background: #ececec\ndropzone-background: rgba(0,200,0,0.7)\nexternal-link-background-hover: inherit\nexternal-link-background-visited: inherit\nexternal-link-background: inherit\nexternal-link-foreground-hover: inherit\nexternal-link-foreground-visited: #0000aa\nexternal-link-foreground: #0000ee\nforeground: #333333\nmessage-background: #ecf2ff\nmessage-border: #cfd6e6\nmessage-foreground: #547599\nmodal-backdrop: <<colour foreground>>\nmodal-background: <<colour background>>\nmodal-border: #999999\nmodal-footer-background: #f5f5f5\nmodal-footer-border: #dddddd\nmodal-header-border: #eeeeee\nmuted-foreground: #999999\nnotification-background: #ffffdd\nnotification-border: #999999\npage-background: #000\npre-background: #f5f5f5\npre-border: #cccccc\nprimary: #cc0000\nsidebar-button-foreground: <<colour foreground>>\nsidebar-controls-foreground-hover: #000000\nsidebar-controls-foreground: #ffffff\nsidebar-foreground-shadow: rgba(255,255,255, 0.0)\nsidebar-foreground: #acacac\nsidebar-muted-foreground-hover: #444444\nsidebar-muted-foreground: #c0c0c0\nsidebar-tab-background-selected: #000\nsidebar-tab-background: <<colour tab-background>>\nsidebar-tab-border-selected: <<colour tab-border-selected>>\nsidebar-tab-border: <<colour tab-border>>\nsidebar-tab-divider: <<colour tab-divider>>\nsidebar-tab-foreground-selected: \nsidebar-tab-foreground: <<colour tab-foreground>>\nsidebar-tiddler-link-foreground-hover: #ffbb99\nsidebar-tiddler-link-foreground: #cc0000\nsite-title-foreground: <<colour tiddler-title-foreground>>\nstatic-alert-foreground: #aaaaaa\ntab-background-selected: #ffffff\ntab-background: #d8d8d8\ntab-border-selected: #d8d8d8\ntab-border: #cccccc\ntab-divider: #d8d8d8\ntab-foreground-selected: <<colour tab-foreground>>\ntab-foreground: #666666\ntable-border: #dddddd\ntable-footer-background: #a8a8a8\ntable-header-background: #f0f0f0\ntag-background: #ffbb99\ntag-foreground: #000\ntiddler-background: <<colour background>>\ntiddler-border: <<colour background>>\ntiddler-controls-foreground-hover: #888888\ntiddler-controls-foreground-selected: #444444\ntiddler-controls-foreground: #cccccc\ntiddler-editor-background: #f8f8f8\ntiddler-editor-border-image: #ffffff\ntiddler-editor-border: #cccccc\ntiddler-editor-fields-even: #e0e8e0\ntiddler-editor-fields-odd: #f0f4f0\ntiddler-info-background: #f8f8f8\ntiddler-info-border: #dddddd\ntiddler-info-tab-background: #f8f8f8\ntiddler-link-background: <<colour background>>\ntiddler-link-foreground: <<colour primary>>\ntiddler-subtitle-foreground: #c0c0c0\ntiddler-title-foreground: #cc0000\ntoolbar-new-button:\ntoolbar-options-button:\ntoolbar-save-button:\ntoolbar-info-button:\ntoolbar-edit-button:\ntoolbar-close-button:\ntoolbar-delete-button:\ntoolbar-cancel-button:\ntoolbar-done-button:\nuntagged-background: #999999\nvery-muted-foreground: #888888\n"
},
"$:/palettes/SolarFlare": {
"title": "$:/palettes/SolarFlare",
"name": "Solar Flare",
"description": "Warm, relaxing earth colours",
"tags": "$:/tags/Palette",
"type": "application/x-tiddler-dictionary",
"text": ": Background Tones\n\nbase03: #002b36\nbase02: #073642\n\n: Content Tones\n\nbase01: #586e75\nbase00: #657b83\nbase0: #839496\nbase1: #93a1a1\n\n: Background Tones\n\nbase2: #eee8d5\nbase3: #fdf6e3\n\n: Accent Colors\n\nyellow: #b58900\norange: #cb4b16\nred: #dc322f\nmagenta: #d33682\nviolet: #6c71c4\nblue: #268bd2\ncyan: #2aa198\ngreen: #859900\n\n: Additional Tones (RA)\n\nbase10: #c0c4bb\nviolet-muted: #7c81b0\nblue-muted: #4e7baa\n\nyellow-hot: #ffcc44\norange-hot: #eb6d20\nred-hot: #ff2222\nblue-hot: #2298ee\ngreen-hot: #98ee22\n\n: Palette\n\n: Do not use colour macro for background and foreground\nbackground: #fdf6e3\n download-foreground: <<colour background>>\n dragger-foreground: <<colour background>>\n dropdown-background: <<colour background>>\n modal-background: <<colour background>>\n sidebar-foreground-shadow: <<colour background>>\n tiddler-background: <<colour background>>\n tiddler-border: <<colour background>>\n tiddler-link-background: <<colour background>>\n tab-background-selected: <<colour background>>\n dropdown-tab-background-selected: <<colour tab-background-selected>>\nforeground: #657b83\n dragger-background: <<colour foreground>>\n tab-foreground: <<colour foreground>>\n tab-foreground-selected: <<colour tab-foreground>>\n sidebar-tab-foreground-selected: <<colour tab-foreground-selected>>\n sidebar-tab-foreground: <<colour tab-foreground>>\n sidebar-button-foreground: <<colour foreground>>\n sidebar-controls-foreground: <<colour foreground>>\n sidebar-foreground: <<colour foreground>>\n: base03\n: base02\n: base01\n alert-muted-foreground: <<colour base01>>\n: base00\n code-foreground: <<colour base00>>\n message-foreground: <<colour base00>>\n tag-foreground: <<colour base00>>\n: base0\n sidebar-tiddler-link-foreground: <<colour base0>>\n: base1\n muted-foreground: <<colour base1>>\n blockquote-bar: <<colour muted-foreground>>\n dropdown-border: <<colour muted-foreground>>\n sidebar-muted-foreground: <<colour muted-foreground>>\n tiddler-title-foreground: <<colour muted-foreground>>\n site-title-foreground: <<colour tiddler-title-foreground>>\n: base2\n modal-footer-background: <<colour base2>>\n page-background: <<colour base2>>\n modal-backdrop: <<colour page-background>>\n notification-background: <<colour page-background>>\n code-background: <<colour page-background>>\n code-border: <<colour code-background>>\n pre-background: <<colour page-background>>\n pre-border: <<colour pre-background>>\n sidebar-tab-background-selected: <<colour page-background>>\n table-header-background: <<colour base2>>\n tag-background: <<colour base2>>\n tiddler-editor-background: <<colour base2>>\n tiddler-info-background: <<colour base2>>\n tiddler-info-tab-background: <<colour base2>>\n tab-background: <<colour base2>>\n dropdown-tab-background: <<colour tab-background>>\n: base3\n alert-background: <<colour base3>>\n message-background: <<colour base3>>\n: yellow\n: orange\n: red\n: magenta\n alert-highlight: <<colour magenta>>\n: violet\n external-link-foreground: <<colour violet>>\n: blue\n: cyan\n: green\n: base10\n tiddler-controls-foreground: <<colour base10>>\n: violet-muted\n external-link-foreground-visited: <<colour violet-muted>>\n: blue-muted\n primary: <<colour blue-muted>>\n download-background: <<colour primary>>\n tiddler-link-foreground: <<colour primary>>\n\nalert-border: #b99e2f\ndirty-indicator: #ff0000\ndropzone-background: rgba(0,200,0,0.7)\nexternal-link-background-hover: inherit\nexternal-link-background-visited: inherit\nexternal-link-background: inherit\nexternal-link-foreground-hover: inherit\nmessage-border: #cfd6e6\nmodal-border: #999999\nsidebar-controls-foreground-hover:\nsidebar-muted-foreground-hover:\nsidebar-tab-background: #ded8c5\nsidebar-tiddler-link-foreground-hover:\nstatic-alert-foreground: #aaaaaa\ntab-border: #cccccc\n modal-footer-border: <<colour tab-border>>\n modal-header-border: <<colour tab-border>>\n notification-border: <<colour tab-border>>\n sidebar-tab-border: <<colour tab-border>>\n tab-border-selected: <<colour tab-border>>\n sidebar-tab-border-selected: <<colour tab-border-selected>>\ntab-divider: #d8d8d8\n sidebar-tab-divider: <<colour tab-divider>>\ntable-border: #dddddd\ntable-footer-background: #a8a8a8\ntiddler-controls-foreground-hover: #888888\ntiddler-controls-foreground-selected: #444444\ntiddler-editor-border-image: #ffffff\ntiddler-editor-border: #cccccc\ntiddler-editor-fields-even: #e0e8e0\ntiddler-editor-fields-odd: #f0f4f0\ntiddler-info-border: #dddddd\ntiddler-subtitle-foreground: #c0c0c0\ntoolbar-new-button:\ntoolbar-options-button:\ntoolbar-save-button:\ntoolbar-info-button:\ntoolbar-edit-button:\ntoolbar-close-button:\ntoolbar-delete-button:\ntoolbar-cancel-button:\ntoolbar-done-button:\nuntagged-background: #999999\nvery-muted-foreground: #888888\n"
},
"$:/palettes/Vanilla": {
"title": "$:/palettes/Vanilla",
"name": "Vanilla",
"description": "Pale and unobtrusive",
"tags": "$:/tags/Palette",
"type": "application/x-tiddler-dictionary",
"text": "alert-background: #ffe476\nalert-border: #b99e2f\nalert-highlight: #881122\nalert-muted-foreground: #b99e2f\nbackground: #ffffff\nblockquote-bar: <<colour muted-foreground>>\nbutton-background:\nbutton-foreground:\nbutton-border:\ncode-background: #f7f7f9\ncode-border: #e1e1e8\ncode-foreground: #dd1144\ndirty-indicator: #ff0000\ndownload-background: #34c734\ndownload-foreground: <<colour background>>\ndragger-background: <<colour foreground>>\ndragger-foreground: <<colour background>>\ndropdown-background: <<colour background>>\ndropdown-border: <<colour muted-foreground>>\ndropdown-tab-background-selected: #fff\ndropdown-tab-background: #ececec\ndropzone-background: rgba(0,200,0,0.7)\nexternal-link-background-hover: inherit\nexternal-link-background-visited: inherit\nexternal-link-background: inherit\nexternal-link-foreground-hover: inherit\nexternal-link-foreground-visited: #0000aa\nexternal-link-foreground: #0000ee\nforeground: #333333\nmessage-background: #ecf2ff\nmessage-border: #cfd6e6\nmessage-foreground: #547599\nmodal-backdrop: <<colour foreground>>\nmodal-background: <<colour background>>\nmodal-border: #999999\nmodal-footer-background: #f5f5f5\nmodal-footer-border: #dddddd\nmodal-header-border: #eeeeee\nmuted-foreground: #bbb\nnotification-background: #ffffdd\nnotification-border: #999999\npage-background: #f4f4f4\npre-background: #f5f5f5\npre-border: #cccccc\nprimary: #5778d8\nsidebar-button-foreground: <<colour foreground>>\nsidebar-controls-foreground-hover: #000000\nsidebar-controls-foreground: #aaaaaa\nsidebar-foreground-shadow: rgba(255,255,255, 0.8)\nsidebar-foreground: #acacac\nsidebar-muted-foreground-hover: #444444\nsidebar-muted-foreground: #c0c0c0\nsidebar-tab-background-selected: #f4f4f4\nsidebar-tab-background: #e0e0e0\nsidebar-tab-border-selected: <<colour tab-border-selected>>\nsidebar-tab-border: <<colour tab-border>>\nsidebar-tab-divider: #e4e4e4\nsidebar-tab-foreground-selected:\nsidebar-tab-foreground: <<colour tab-foreground>>\nsidebar-tiddler-link-foreground-hover: #444444\nsidebar-tiddler-link-foreground: #999999\nsite-title-foreground: <<colour tiddler-title-foreground>>\nstatic-alert-foreground: #aaaaaa\ntab-background-selected: #ffffff\ntab-background: #d8d8d8\ntab-border-selected: #d8d8d8\ntab-border: #cccccc\ntab-divider: #d8d8d8\ntab-foreground-selected: <<colour tab-foreground>>\ntab-foreground: #666666\ntable-border: #dddddd\ntable-footer-background: #a8a8a8\ntable-header-background: #f0f0f0\ntag-background: #ec6\ntag-foreground: #ffffff\ntiddler-background: <<colour background>>\ntiddler-border: <<colour background>>\ntiddler-controls-foreground-hover: #888888\ntiddler-controls-foreground-selected: #444444\ntiddler-controls-foreground: #cccccc\ntiddler-editor-background: #f8f8f8\ntiddler-editor-border-image: #ffffff\ntiddler-editor-border: #cccccc\ntiddler-editor-fields-even: #e0e8e0\ntiddler-editor-fields-odd: #f0f4f0\ntiddler-info-background: #f8f8f8\ntiddler-info-border: #dddddd\ntiddler-info-tab-background: #f8f8f8\ntiddler-link-background: <<colour background>>\ntiddler-link-foreground: <<colour primary>>\ntiddler-subtitle-foreground: #c0c0c0\ntiddler-title-foreground: #182955\ntoolbar-new-button:\ntoolbar-options-button:\ntoolbar-save-button:\ntoolbar-info-button:\ntoolbar-edit-button:\ntoolbar-close-button:\ntoolbar-delete-button:\ntoolbar-cancel-button:\ntoolbar-done-button:\nuntagged-background: #999999\nvery-muted-foreground: #888888\n"
},
"$:/core/readme": {
"title": "$:/core/readme",
"text": "This plugin contains TiddlyWiki's core components, comprising:\n\n* JavaScript code modules\n* Icons\n* Templates needed to create TiddlyWiki's user interface\n* British English (''en-GB'') translations of the localisable strings used by the core\n"
},
"$:/core/templates/MOTW.html": {
"title": "$:/core/templates/MOTW.html",
"text": "\\rules only filteredtranscludeinline transcludeinline entity\n<!-- The following comment is called a MOTW comment and is necessary for the TiddlyIE Internet Explorer extension -->\n<!-- saved from url=(0021)http://tiddlywiki.com --> "
},
"$:/core/templates/alltiddlers.template.html": {
"title": "$:/core/templates/alltiddlers.template.html",
"type": "text/vnd.tiddlywiki-html",
"text": "<!-- This template is provided for backwards compatibility with older versions of TiddlyWiki -->\n\n<$set name=\"exportFilter\" value=\"[!is[system]sort[title]]\">\n\n{{$:/core/templates/exporters/StaticRiver}}\n\n</$set>\n"
},
"$:/core/templates/canonical-uri-external-image": {
"title": "$:/core/templates/canonical-uri-external-image",
"text": "<!--\n\nThis template is used to assign the ''_canonical_uri'' field to external images.\n\nChange the `./images/` part to a different base URI. The URI can be relative or absolute.\n\n-->\n./images/<$view field=\"title\" format=\"doubleurlencoded\"/>"
},
"$:/core/templates/css-tiddler": {
"title": "$:/core/templates/css-tiddler",
"text": "<!--\n\nThis template is used for saving CSS tiddlers as a style tag with data attributes representing the tiddler fields.\n\n-->`<style`<$fields template=' data-tiddler-$name$=\"$encoded_value$\"'></$fields>` type=\"text/css\">`<$view field=\"text\" format=\"text\" />`</style>`"
},
"$:/core/templates/exporters/CsvFile": {
"title": "$:/core/templates/exporters/CsvFile",
"tags": "$:/tags/Exporter",
"description": "{{$:/language/Exporters/CsvFile}}",
"extension": ".csv",
"text": "\\define renderContent()\n<$text text=<<csvtiddlers filter:\"\"\"$(exportFilter)$\"\"\" format:\"quoted-comma-sep\">>/>\n\\end\n<<renderContent>>\n"
},
"$:/core/templates/exporters/JsonFile": {
"title": "$:/core/templates/exporters/JsonFile",
"tags": "$:/tags/Exporter",
"description": "{{$:/language/Exporters/JsonFile}}",
"extension": ".json",
"text": "\\define renderContent()\n<$text text=<<jsontiddlers filter:\"\"\"$(exportFilter)$\"\"\">>/>\n\\end\n<<renderContent>>\n"
},
"$:/core/templates/exporters/StaticRiver": {
"title": "$:/core/templates/exporters/StaticRiver",
"tags": "$:/tags/Exporter",
"description": "{{$:/language/Exporters/StaticRiver}}",
"extension": ".html",
"text": "\\define tv-wikilink-template() #$uri_encoded$\n\\define tv-config-toolbar-icons() no\n\\define tv-config-toolbar-text() no\n\\define tv-config-toolbar-class() tc-btn-invisible\n\\rules only filteredtranscludeinline transcludeinline\n<!doctype html>\n<html>\n<head>\n<meta http-equiv=\"Content-Type\" content=\"text/html;charset=utf-8\" />\n<meta name=\"generator\" content=\"TiddlyWiki\" />\n<meta name=\"tiddlywiki-version\" content=\"{{$:/core/templates/version}}\" />\n<meta name=\"format-detection\" content=\"telephone=no\">\n<link id=\"faviconLink\" rel=\"shortcut icon\" href=\"favicon.ico\">\n<title>{{$:/core/wiki/title}}</title>\n<div id=\"styleArea\">\n{{$:/boot/boot.css||$:/core/templates/css-tiddler}}\n</div>\n<style type=\"text/css\">\n{{$:/core/ui/PageStylesheet||$:/core/templates/wikified-tiddler}}\n</style>\n</head>\n<body class=\"tc-body\">\n{{$:/StaticBanner||$:/core/templates/html-tiddler}}\n<section class=\"tc-story-river\">\n{{$:/core/templates/exporters/StaticRiver/Content||$:/core/templates/html-tiddler}}\n</section>\n</body>\n</html>\n"
},
"$:/core/templates/exporters/StaticRiver/Content": {
"title": "$:/core/templates/exporters/StaticRiver/Content",
"text": "\\define renderContent()\n{{{ $(exportFilter)$ ||$:/core/templates/static-tiddler}}}\n\\end\n<$importvariables filter=\"[[$:/core/ui/PageMacros]] [all[shadows+tiddlers]tag[$:/tags/Macro]!has[draft.of]]\">\n<<renderContent>>\n</$importvariables>\n"
},
"$:/core/templates/exporters/TidFile": {
"title": "$:/core/templates/exporters/TidFile",
"tags": "$:/tags/Exporter",
"description": "{{$:/language/Exporters/TidFile}}",
"extension": ".tid",
"text": "\\define renderContent()\n{{{ $(exportFilter)$ +[limit[1]] ||$:/core/templates/tid-tiddler}}}\n\\end\n<$importvariables filter=\"[[$:/core/ui/PageMacros]] [all[shadows+tiddlers]tag[$:/tags/Macro]!has[draft.of]]\"><<renderContent>></$importvariables>"
},
"$:/core/templates/html-div-tiddler": {
"title": "$:/core/templates/html-div-tiddler",
"text": "<!--\n\nThis template is used for saving tiddlers as an HTML DIV tag with attributes representing the tiddler fields.\n\n-->`<div`<$fields template=' $name$=\"$encoded_value$\"'></$fields>`>\n<pre>`<$view field=\"text\" format=\"htmlencoded\" />`</pre>\n</div>`\n"
},
"$:/core/templates/html-tiddler": {
"title": "$:/core/templates/html-tiddler",
"text": "<!--\n\nThis template is used for saving tiddlers as raw HTML\n\n--><$view field=\"text\" format=\"htmlwikified\" />"
},
"$:/core/templates/javascript-tiddler": {
"title": "$:/core/templates/javascript-tiddler",
"text": "<!--\n\nThis template is used for saving JavaScript tiddlers as a script tag with data attributes representing the tiddler fields.\n\n-->`<script`<$fields template=' data-tiddler-$name$=\"$encoded_value$\"'></$fields>` type=\"text/javascript\">`<$view field=\"text\" format=\"text\" />`</script>`"
},
"$:/core/templates/module-tiddler": {
"title": "$:/core/templates/module-tiddler",
"text": "<!--\n\nThis template is used for saving JavaScript tiddlers as a script tag with data attributes representing the tiddler fields. The body of the tiddler is wrapped in a call to the `$tw.modules.define` function in order to define the body of the tiddler as a module\n\n-->`<script`<$fields template=' data-tiddler-$name$=\"$encoded_value$\"'></$fields>` type=\"text/javascript\" data-module=\"yes\">$tw.modules.define(\"`<$view field=\"title\" format=\"jsencoded\" />`\",\"`<$view field=\"module-type\" format=\"jsencoded\" />`\",function(module,exports,require) {`<$view field=\"text\" format=\"text\" />`});\n</script>`"
},
"$:/core/templates/plain-text-tiddler": {
"title": "$:/core/templates/plain-text-tiddler",
"text": "<$view field=\"text\" format=\"text\" />"
},
"$:/core/save/all": {
"title": "$:/core/save/all",
"text": "\\define saveTiddlerFilter()\n[is[tiddler]] -[prefix[$:/state/popup/]] -[[$:/HistoryList]] -[[$:/boot/boot.css]] -[type[application/javascript]library[yes]] -[[$:/boot/boot.js]] -[[$:/boot/bootprefix.js]] +[sort[title]]\n\\end\n{{$:/core/templates/tiddlywiki5.html}}\n"
},
"$:/core/save/empty": {
"title": "$:/core/save/empty",
"text": "\\define saveTiddlerFilter()\n[is[system]] -[prefix[$:/state/popup/]] -[[$:/boot/boot.css]] -[type[application/javascript]library[yes]] -[[$:/boot/boot.js]] -[[$:/boot/bootprefix.js]] +[sort[title]]\n\\end\n{{$:/core/templates/tiddlywiki5.html}}\n"
},
"$:/core/save/lazy-images": {
"title": "$:/core/save/lazy-images",
"text": "\\define saveTiddlerFilter()\n[is[tiddler]] -[prefix[$:/state/popup/]] -[[$:/HistoryList]] -[[$:/boot/boot.css]] -[type[application/javascript]library[yes]] -[[$:/boot/boot.js]] -[[$:/boot/bootprefix.js]] -[!is[system]is[image]] +[sort[title]] \n\\end\n{{$:/core/templates/tiddlywiki5.html}}\n"
},
"$:/core/templates/single.tiddler.window": {
"title": "$:/core/templates/single.tiddler.window",
"text": "<$set name=\"themeTitle\" value={{$:/view}}>\n\n<$set name=\"tempCurrentTiddler\" value=<<currentTiddler>>>\n\n<$set name=\"currentTiddler\" value={{$:/language}}>\n\n<$set name=\"languageTitle\" value={{!!name}}>\n\n<$set name=\"currentTiddler\" value=<<tempCurrentTiddler>>>\n\n<$importvariables filter=\"[[$:/core/ui/PageMacros]] [all[shadows+tiddlers]tag[$:/tags/Macro]!has[draft.of]]\">\n\n<$navigator story=\"$:/StoryList\" history=\"$:/HistoryList\">\n\n<$transclude mode=\"block\"/>\n\n</$navigator>\n\n</$importvariables>\n\n</$set>\n\n</$set>\n\n</$set>\n\n</$set>\n\n</$set>\n\n"
},
"$:/core/templates/split-recipe": {
"title": "$:/core/templates/split-recipe",
"text": "<$list filter=\"[!is[system]]\">\ntiddler: <$view field=\"title\" format=\"urlencoded\"/>.tid\n</$list>\n"
},
"$:/core/templates/static-tiddler": {
"title": "$:/core/templates/static-tiddler",
"text": "<a name=<<currentTiddler>>>\n<$transclude tiddler=\"$:/core/ui/ViewTemplate\"/>\n</a>"
},
"$:/core/templates/static.area": {
"title": "$:/core/templates/static.area",
"text": "<$reveal type=\"nomatch\" state=\"$:/isEncrypted\" text=\"yes\">\n{{$:/core/templates/static.content||$:/core/templates/html-tiddler}}\n</$reveal>\n<$reveal type=\"match\" state=\"$:/isEncrypted\" text=\"yes\">\nThis file contains an encrypted ~TiddlyWiki. Enable ~JavaScript and enter the decryption password when prompted.\n</$reveal>\n"
},
"$:/core/templates/static.content": {
"title": "$:/core/templates/static.content",
"type": "text/vnd.tiddlywiki",
"text": "<!-- For Google, and people without JavaScript-->\nThis [[TiddlyWiki|http://tiddlywiki.com]] contains the following tiddlers:\n\n<ul>\n<$list filter=<<saveTiddlerFilter>>>\n<li><$view field=\"title\" format=\"text\"></$view></li>\n</$list>\n</ul>\n"
},
"$:/core/templates/static.template.css": {
"title": "$:/core/templates/static.template.css",
"text": "{{$:/boot/boot.css||$:/core/templates/plain-text-tiddler}}\n\n{{$:/core/ui/PageStylesheet||$:/core/templates/wikified-tiddler}}\n"
},
"$:/core/templates/static.template.html": {
"title": "$:/core/templates/static.template.html",
"type": "text/vnd.tiddlywiki-html",
"text": "\\define tv-wikilink-template() static/$uri_doubleencoded$.html\n\\define tv-config-toolbar-icons() no\n\\define tv-config-toolbar-text() no\n\\define tv-config-toolbar-class() tc-btn-invisible\n\\rules only filteredtranscludeinline transcludeinline\n<!doctype html>\n<html>\n<head>\n<meta http-equiv=\"Content-Type\" content=\"text/html;charset=utf-8\" />\n<meta name=\"generator\" content=\"TiddlyWiki\" />\n<meta name=\"tiddlywiki-version\" content=\"{{$:/core/templates/version}}\" />\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n<meta name=\"apple-mobile-web-app-capable\" content=\"yes\" />\n<meta name=\"apple-mobile-web-app-status-bar-style\" content=\"black-translucent\" />\n<meta name=\"format-detection\" content=\"telephone=no\">\n<link id=\"faviconLink\" rel=\"shortcut icon\" href=\"favicon.ico\">\n<title>{{$:/core/wiki/title}}</title>\n<div id=\"styleArea\">\n{{$:/boot/boot.css||$:/core/templates/css-tiddler}}\n</div>\n<style type=\"text/css\">\n{{$:/core/ui/PageStylesheet||$:/core/templates/wikified-tiddler}}\n</style>\n</head>\n<body class=\"tc-body\">\n{{$:/StaticBanner||$:/core/templates/html-tiddler}}\n{{$:/core/ui/PageTemplate||$:/core/templates/html-tiddler}}\n</body>\n</html>\n"
},
"$:/core/templates/static.tiddler.html": {
"title": "$:/core/templates/static.tiddler.html",
"text": "\\define tv-wikilink-template() $uri_doubleencoded$.html\n\\define tv-config-toolbar-icons() no\n\\define tv-config-toolbar-text() no\n\\define tv-config-toolbar-class() tc-btn-invisible\n`<!doctype html>\n<html>\n<head>\n<meta http-equiv=\"Content-Type\" content=\"text/html;charset=utf-8\" />\n<meta name=\"generator\" content=\"TiddlyWiki\" />\n<meta name=\"tiddlywiki-version\" content=\"`{{$:/core/templates/version}}`\" />\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n<meta name=\"apple-mobile-web-app-capable\" content=\"yes\" />\n<meta name=\"apple-mobile-web-app-status-bar-style\" content=\"black-translucent\" />\n<meta name=\"format-detection\" content=\"telephone=no\">\n<link id=\"faviconLink\" rel=\"shortcut icon\" href=\"favicon.ico\">\n<link rel=\"stylesheet\" href=\"static.css\">\n<title>`<$view field=\"caption\"><$view field=\"title\"/></$view>: {{$:/core/wiki/title}}`</title>\n</head>\n<body class=\"tc-body\">\n`{{$:/StaticBanner||$:/core/templates/html-tiddler}}`\n<section class=\"tc-story-river\">\n`<$importvariables filter=\"[[$:/core/ui/PageMacros]] [all[shadows+tiddlers]tag[$:/tags/Macro]!has[draft.of]]\">\n<$view tiddler=\"$:/core/ui/ViewTemplate\" format=\"htmlwikified\"/>\n</$importvariables>`\n</section>\n</body>\n</html>\n`"
},
"$:/core/templates/store.area.template.html": {
"title": "$:/core/templates/store.area.template.html",
"text": "<$reveal type=\"nomatch\" state=\"$:/isEncrypted\" text=\"yes\">\n`<div id=\"storeArea\" style=\"display:none;\">`\n<$list filter=<<saveTiddlerFilter>> template=\"$:/core/templates/html-div-tiddler\"/>\n`</div>`\n</$reveal>\n<$reveal type=\"match\" state=\"$:/isEncrypted\" text=\"yes\">\n`<!--~~ Encrypted tiddlers ~~-->`\n`<pre id=\"encryptedStoreArea\" type=\"text/plain\" style=\"display:none;\">`\n<$encrypt filter=<<saveTiddlerFilter>>/>\n`</pre>`\n</$reveal>"
},
"$:/core/templates/tid-tiddler": {
"title": "$:/core/templates/tid-tiddler",
"text": "<!--\n\nThis template is used for saving tiddlers in TiddlyWeb *.tid format\n\n--><$fields exclude='text bag' template='$name$: $value$\n'></$fields>`\n`<$view field=\"text\" format=\"text\" />"
},
"$:/core/templates/tiddler-metadata": {
"title": "$:/core/templates/tiddler-metadata",
"text": "<!--\n\nThis template is used for saving tiddler metadata *.meta files\n\n--><$fields exclude='text bag' template='$name$: $value$\n'></$fields>"
},
"$:/core/templates/tiddlywiki5.html": {
"title": "$:/core/templates/tiddlywiki5.html",
"text": "\\rules only filteredtranscludeinline transcludeinline\n<!doctype html>\n{{$:/core/templates/MOTW.html}}<html>\n<head>\n<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\" />\t\t<!-- Force IE standards mode for Intranet and HTA - should be the first meta -->\n<meta http-equiv=\"Content-Type\" content=\"text/html;charset=utf-8\" />\n<meta name=\"application-name\" content=\"TiddlyWiki\" />\n<meta name=\"generator\" content=\"TiddlyWiki\" />\n<meta name=\"tiddlywiki-version\" content=\"{{$:/core/templates/version}}\" />\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n<meta name=\"apple-mobile-web-app-capable\" content=\"yes\" />\n<meta name=\"apple-mobile-web-app-status-bar-style\" content=\"black-translucent\" />\n<meta name=\"format-detection\" content=\"telephone=no\" />\n<meta name=\"copyright\" content=\"{{$:/core/copyright.txt}}\" />\n<link id=\"faviconLink\" rel=\"shortcut icon\" href=\"favicon.ico\">\n<title>{{$:/core/wiki/title}}</title>\n<!--~~ This is a Tiddlywiki file. The points of interest in the file are marked with this pattern ~~-->\n\n<!--~~ Raw markup ~~-->\n{{{ [all[shadows+tiddlers]tag[$:/core/wiki/rawmarkup]] [all[shadows+tiddlers]tag[$:/tags/RawMarkup]] ||$:/core/templates/plain-text-tiddler}}}\n</head>\n<body class=\"tc-body\">\n<!--~~ Static styles ~~-->\n<div id=\"styleArea\">\n{{$:/boot/boot.css||$:/core/templates/css-tiddler}}\n</div>\n<!--~~ Static content for Google and browsers without JavaScript ~~-->\n<noscript>\n<div id=\"splashArea\">\n{{$:/core/templates/static.area}}\n</div>\n</noscript>\n<!--~~ Ordinary tiddlers ~~-->\n{{$:/core/templates/store.area.template.html}}\n<!--~~ Library modules ~~-->\n<div id=\"libraryModules\" style=\"display:none;\">\n{{{ [is[system]type[application/javascript]library[yes]] ||$:/core/templates/javascript-tiddler}}}\n</div>\n<!--~~ Boot kernel prologue ~~-->\n<div id=\"bootKernelPrefix\" style=\"display:none;\">\n{{ $:/boot/bootprefix.js ||$:/core/templates/javascript-tiddler}}\n</div>\n<!--~~ Boot kernel ~~-->\n<div id=\"bootKernel\" style=\"display:none;\">\n{{ $:/boot/boot.js ||$:/core/templates/javascript-tiddler}}\n</div>\n</body>\n</html>\n"
},
"$:/core/templates/version": {
"title": "$:/core/templates/version",
"text": "<<version>>"
},
"$:/core/templates/wikified-tiddler": {
"title": "$:/core/templates/wikified-tiddler",
"text": "<$transclude />"
},
"$:/core/ui/AdvancedSearch/Filter": {
"title": "$:/core/ui/AdvancedSearch/Filter",
"tags": "$:/tags/AdvancedSearch",
"caption": "{{$:/language/Search/Filter/Caption}}",
"text": "\\define lingo-base() $:/language/Search/\n<$linkcatcher to=\"$:/temp/advancedsearch\">\n\n<<lingo Filter/Hint>>\n\n<div class=\"tc-search tc-advanced-search\">\n<$edit-text tiddler=\"$:/temp/advancedsearch\" type=\"search\" tag=\"input\"/>\n<$button popup=<<qualify \"$:/state/filterDropdown\">> class=\"tc-btn-invisible\">\n{{$:/core/images/down-arrow}}\n</$button>\n<$reveal state=\"$:/temp/advancedsearch\" type=\"nomatch\" text=\"\">\n<$button class=\"tc-btn-invisible\">\n<$action-setfield $tiddler=\"$:/temp/advancedsearch\" $field=\"text\" $value=\"\"/>\n{{$:/core/images/close-button}}\n</$button>\n<$macrocall $name=\"exportButton\" exportFilter={{$:/temp/advancedsearch}} lingoBase=\"$:/language/Buttons/ExportTiddlers/\"/>\n</$reveal>\n</div>\n\n<div class=\"tc-block-dropdown-wrapper\">\n<$reveal state=<<qualify \"$:/state/filterDropdown\">> type=\"nomatch\" text=\"\" default=\"\">\n<div class=\"tc-block-dropdown tc-edit-type-dropdown\">\n<$list filter=\"[all[shadows+tiddlers]tag[$:/tags/Filter]]\"><$link to={{!!filter}}><$transclude field=\"description\"/></$link>\n</$list>\n</div>\n</$reveal>\n</div>\n\n</$linkcatcher>\n\n<$reveal state=\"$:/temp/advancedsearch\" type=\"nomatch\" text=\"\">\n<$set name=\"resultCount\" value=\"\"\"<$count filter={{$:/temp/advancedsearch}}/>\"\"\">\n<div class=\"tc-search-results\">\n<<lingo Filter/Matches>>\n<$list filter={{$:/temp/advancedsearch}} template=\"$:/core/ui/ListItemTemplate\"/>\n</div>\n</$set>\n</$reveal>\n"
},
"$:/core/ui/AdvancedSearch/Shadows": {
"title": "$:/core/ui/AdvancedSearch/Shadows",
"tags": "$:/tags/AdvancedSearch",
"caption": "{{$:/language/Search/Shadows/Caption}}",
"text": "\\define lingo-base() $:/language/Search/\n<$linkcatcher to=\"$:/temp/advancedsearch\">\n\n<<lingo Shadows/Hint>>\n\n<div class=\"tc-search\">\n<$edit-text tiddler=\"$:/temp/advancedsearch\" type=\"search\" tag=\"input\"/>\n<$reveal state=\"$:/temp/advancedsearch\" type=\"nomatch\" text=\"\">\n<$button class=\"tc-btn-invisible\">\n<$action-setfield $tiddler=\"$:/temp/advancedsearch\" $field=\"text\" $value=\"\"/>\n{{$:/core/images/close-button}}\n</$button>\n</$reveal>\n</div>\n\n</$linkcatcher>\n\n<$reveal state=\"$:/temp/advancedsearch\" type=\"nomatch\" text=\"\">\n\n<$set name=\"resultCount\" value=\"\"\"<$count filter=\"[all[shadows]search{$:/temp/advancedsearch}] -[[$:/temp/advancedsearch]]\"/>\"\"\">\n\n<div class=\"tc-search-results\">\n\n<<lingo Shadows/Matches>>\n\n<$list filter=\"[all[shadows]search{$:/temp/advancedsearch}sort[title]limit[250]] -[[$:/temp/advancedsearch]]\" template=\"$:/core/ui/ListItemTemplate\"/>\n\n</div>\n\n</$set>\n\n</$reveal>\n\n<$reveal state=\"$:/temp/advancedsearch\" type=\"match\" text=\"\">\n\n</$reveal>\n"
},
"$:/core/ui/AdvancedSearch/Standard": {
"title": "$:/core/ui/AdvancedSearch/Standard",
"tags": "$:/tags/AdvancedSearch",
"caption": "{{$:/language/Search/Standard/Caption}}",
"text": "\\define lingo-base() $:/language/Search/\n<$linkcatcher to=\"$:/temp/advancedsearch\">\n\n<<lingo Standard/Hint>>\n\n<div class=\"tc-search\">\n<$edit-text tiddler=\"$:/temp/advancedsearch\" type=\"search\" tag=\"input\"/>\n<$reveal state=\"$:/temp/advancedsearch\" type=\"nomatch\" text=\"\">\n<$button class=\"tc-btn-invisible\">\n<$action-setfield $tiddler=\"$:/temp/advancedsearch\" $field=\"text\" $value=\"\"/>\n{{$:/core/images/close-button}}\n</$button>\n</$reveal>\n</div>\n\n</$linkcatcher>\n\n<$reveal state=\"$:/temp/advancedsearch\" type=\"nomatch\" text=\"\">\n<$set name=\"searchTiddler\" value=\"$:/temp/advancedsearch\">\n<$list filter=\"[all[shadows+tiddlers]tag[$:/tags/SearchResults]!has[draft.of]butfirst[]limit[1]]\" emptyMessage=\"\"\"\n<$list filter=\"[all[shadows+tiddlers]tag[$:/tags/SearchResults]!has[draft.of]]\">\n<$transclude/>\n</$list>\n\"\"\">\n<$macrocall $name=\"tabs\" tabsList=\"[all[shadows+tiddlers]tag[$:/tags/SearchResults]!has[draft.of]]\" default={{$:/config/SearchResults/Default}}/>\n</$list>\n</$set>\n</$reveal>\n"
},
"$:/core/ui/AdvancedSearch/System": {
"title": "$:/core/ui/AdvancedSearch/System",
"tags": "$:/tags/AdvancedSearch",
"caption": "{{$:/language/Search/System/Caption}}",
"text": "\\define lingo-base() $:/language/Search/\n<$linkcatcher to=\"$:/temp/advancedsearch\">\n\n<<lingo System/Hint>>\n\n<div class=\"tc-search\">\n<$edit-text tiddler=\"$:/temp/advancedsearch\" type=\"search\" tag=\"input\"/>\n<$reveal state=\"$:/temp/advancedsearch\" type=\"nomatch\" text=\"\">\n<$button class=\"tc-btn-invisible\">\n<$action-setfield $tiddler=\"$:/temp/advancedsearch\" $field=\"text\" $value=\"\"/>\n{{$:/core/images/close-button}}\n</$button>\n</$reveal>\n</div>\n\n</$linkcatcher>\n\n<$reveal state=\"$:/temp/advancedsearch\" type=\"nomatch\" text=\"\">\n\n<$set name=\"resultCount\" value=\"\"\"<$count filter=\"[is[system]search{$:/temp/advancedsearch}] -[[$:/temp/advancedsearch]]\"/>\"\"\">\n\n<div class=\"tc-search-results\">\n\n<<lingo System/Matches>>\n\n<$list filter=\"[is[system]search{$:/temp/advancedsearch}sort[title]limit[250]] -[[$:/temp/advancedsearch]]\" template=\"$:/core/ui/ListItemTemplate\"/>\n\n</div>\n\n</$set>\n\n</$reveal>\n\n<$reveal state=\"$:/temp/advancedsearch\" type=\"match\" text=\"\">\n\n</$reveal>\n"
},
"$:/AdvancedSearch": {
"title": "$:/AdvancedSearch",
"icon": "$:/core/images/advanced-search-button",
"color": "#bbb",
"text": "<div class=\"tc-advanced-search\">\n<<tabs \"[all[shadows+tiddlers]tag[$:/tags/AdvancedSearch]!has[draft.of]]\" \"$:/core/ui/AdvancedSearch/System\">>\n</div>\n"
},
"$:/core/ui/AlertTemplate": {
"title": "$:/core/ui/AlertTemplate",
"text": "<div class=\"tc-alert\">\n<div class=\"tc-alert-toolbar\">\n<$button message=\"tm-delete-tiddler\" class=\"tc-btn-invisible\">\n{{$:/core/images/delete-button}}</$button>\n</div>\n<div class=\"tc-alert-subtitle\">\n<$view field=\"component\"/> - <$view field=\"modified\" format=\"date\" template=\"0hh:0mm:0ss DD MM YYYY\"/> <$reveal type=\"nomatch\" state=\"!!count\" text=\"\"><span class=\"tc-alert-highlight\">(count: <$view field=\"count\"/>)</span></$reveal>\n</div>\n<div class=\"tc-alert-body\">\n\n<$transclude/>\n\n</div>\n</div>\n"
},
"$:/core/ui/BinaryWarning": {
"title": "$:/core/ui/BinaryWarning",
"text": "\\define lingo-base() $:/language/BinaryWarning/\n<div class=\"tc-binary-warning\">\n\n<<lingo Prompt>>\n\n</div>\n"
},
"$:/core/ui/Components/tag-link": {
"title": "$:/core/ui/Components/tag-link",
"text": "<$link>\n<$set name=\"backgroundColor\" value={{!!color}}>\n<span style=<<tag-styles>> class=\"tc-tag-label\">\n<$view field=\"title\" format=\"text\"/>\n</span>\n</$set>\n</$link>"
},
"$:/core/ui/ControlPanel/Advanced": {
"title": "$:/core/ui/ControlPanel/Advanced",
"tags": "$:/tags/ControlPanel/Info",
"caption": "{{$:/language/ControlPanel/Advanced/Caption}}",
"text": "{{$:/language/ControlPanel/Advanced/Hint}}\n\n<div class=\"tc-control-panel\">\n<<tabs \"[all[shadows+tiddlers]tag[$:/tags/ControlPanel/Advanced]!has[draft.of]]\" \"$:/core/ui/ControlPanel/TiddlerFields\">>\n</div>\n"
},
"$:/core/ui/ControlPanel/Appearance": {
"title": "$:/core/ui/ControlPanel/Appearance",
"tags": "$:/tags/ControlPanel",
"caption": "{{$:/language/ControlPanel/Appearance/Caption}}",
"text": "{{$:/language/ControlPanel/Appearance/Hint}}\n\n<div class=\"tc-control-panel\">\n<<tabs \"[all[shadows+tiddlers]tag[$:/tags/ControlPanel/Appearance]!has[draft.of]]\" \"$:/core/ui/ControlPanel/Theme\">>\n</div>\n"
},
"$:/core/ui/ControlPanel/Basics": {
"title": "$:/core/ui/ControlPanel/Basics",
"tags": "$:/tags/ControlPanel/Info",
"caption": "{{$:/language/ControlPanel/Basics/Caption}}",
"text": "\\define lingo-base() $:/language/ControlPanel/Basics/\n\n\\define show-filter-count(filter)\n<$button class=\"tc-btn-invisible\">\n<$action-setfield $tiddler=\"$:/temp/advancedsearch\" $value=\"\"\"$filter$\"\"\"/>\n<$action-setfield $tiddler=\"$:/state/tab--1498284803\" $value=\"$:/core/ui/AdvancedSearch/Filter\"/>\n<$action-navigate $to=\"$:/AdvancedSearch\"/>\n''<$count filter=\"\"\"$filter$\"\"\"/>''\n{{$:/core/images/advanced-search-button}}\n</$button>\n\\end\n\n|<<lingo Version/Prompt>> |''<<version>>'' |\n|<$link to=\"$:/SiteTitle\"><<lingo Title/Prompt>></$link> |<$edit-text tiddler=\"$:/SiteTitle\" default=\"\" tag=\"input\"/> |\n|<$link to=\"$:/SiteSubtitle\"><<lingo Subtitle/Prompt>></$link> |<$edit-text tiddler=\"$:/SiteSubtitle\" default=\"\" tag=\"input\"/> |\n|<$link to=\"$:/status/UserName\"><<lingo Username/Prompt>></$link> |<$edit-text tiddler=\"$:/status/UserName\" default=\"\" tag=\"input\"/> |\n|<$link to=\"$:/config/AnimationDuration\"><<lingo AnimDuration/Prompt>></$link> |<$edit-text tiddler=\"$:/config/AnimationDuration\" default=\"\" tag=\"input\"/> |\n|<$link to=\"$:/DefaultTiddlers\"><<lingo DefaultTiddlers/Prompt>></$link> |<<lingo DefaultTiddlers/TopHint>><br> <$edit-text tag=\"textarea\" tiddler=\"$:/DefaultTiddlers\"/><br>//<<lingo DefaultTiddlers/BottomHint>>// |\n|<$link to=\"$:/config/NewJournal/Title\"><<lingo NewJournal/Title/Prompt>></$link> |<$edit-text tiddler=\"$:/config/NewJournal/Title\" default=\"\" tag=\"input\"/> |\n|<$link to=\"$:/config/NewJournal/Tags\"><<lingo NewJournal/Tags/Prompt>></$link> |<$edit-text tiddler=\"$:/config/NewJournal/Tags\" default=\"\" tag=\"input\"/> |\n|<<lingo Language/Prompt>> |{{$:/snippets/minilanguageswitcher}} |\n|<<lingo Tiddlers/Prompt>> |<<show-filter-count \"[!is[system]sort[title]]\">> |\n|<<lingo Tags/Prompt>> |<<show-filter-count \"[tags[]sort[title]]\">> |\n|<<lingo SystemTiddlers/Prompt>> |<<show-filter-count \"[is[system]sort[title]]\">> |\n|<<lingo ShadowTiddlers/Prompt>> |<<show-filter-count \"[all[shadows]sort[title]]\">> |\n|<<lingo OverriddenShadowTiddlers/Prompt>> |<<show-filter-count \"[is[tiddler]is[shadow]sort[title]]\">> |\n"
},
"$:/core/ui/ControlPanel/EditorTypes": {
"title": "$:/core/ui/ControlPanel/EditorTypes",
"tags": "$:/tags/ControlPanel/Advanced",
"caption": "{{$:/language/ControlPanel/EditorTypes/Caption}}",
"text": "\\define lingo-base() $:/language/ControlPanel/EditorTypes/\n\n<<lingo Hint>>\n\n<table>\n<tbody>\n<tr>\n<th><<lingo Type/Caption>></th>\n<th><<lingo Editor/Caption>></th>\n</tr>\n<$list filter=\"[all[shadows+tiddlers]prefix[$:/config/EditorTypeMappings/]sort[title]]\">\n<tr>\n<td>\n<$link>\n<$list filter=\"[all[current]removeprefix[$:/config/EditorTypeMappings/]]\">\n<$text text={{!!title}}/>\n</$list>\n</$link>\n</td>\n<td>\n<$view field=\"text\"/>\n</td>\n</tr>\n</$list>\n</tbody>\n</table>\n"
},
"$:/core/ui/ControlPanel/Info": {
"title": "$:/core/ui/ControlPanel/Info",
"tags": "$:/tags/ControlPanel",
"caption": "{{$:/language/ControlPanel/Info/Caption}}",
"text": "{{$:/language/ControlPanel/Info/Hint}}\n\n<div class=\"tc-control-panel\">\n<<tabs \"[all[shadows+tiddlers]tag[$:/tags/ControlPanel/Info]!has[draft.of]]\" \"$:/core/ui/ControlPanel/Basics\">>\n</div>\n"
},
"$:/core/ui/ControlPanel/LoadedModules": {
"title": "$:/core/ui/ControlPanel/LoadedModules",
"tags": "$:/tags/ControlPanel/Advanced",
"caption": "{{$:/language/ControlPanel/LoadedModules/Caption}}",
"text": "\\define lingo-base() $:/language/ControlPanel/\n<<lingo LoadedModules/Hint>>\n\n{{$:/snippets/modules}}\n"
},
"$:/core/ui/ControlPanel/Modals/AddPlugins": {
"title": "$:/core/ui/ControlPanel/Modals/AddPlugins",
"subtitle": "{{$:/core/images/download-button}} {{$:/language/ControlPanel/Plugins/Add/Caption}}",
"text": "\\define lingo-base() $:/language/ControlPanel/Plugins/\n\n\\define install-plugin-button()\n<$button>\n<$action-sendmessage $message=\"tm-load-plugin-from-library\" url={{!!url}} title={{$(assetInfo)$!!original-title}}/>\n<$list filter=\"[<assetInfo>get[original-title]get[version]]\" variable=\"installedVersion\" emptyMessage=\"\"\"install\"\"\">\nreinstall\n</$list>\n</$button>\n\\end\n\n\\define popup-state-macro()\n$:/state/add-plugin-info/$(connectionTiddler)$/$(assetInfo)$\n\\end\n\n\\define display-plugin-info(type)\n<$set name=\"popup-state\" value=<<popup-state-macro>>>\n<div class=\"tc-plugin-info\">\n<div class=\"tc-plugin-info-chunk tc-small-icon\">\n<$reveal type=\"nomatch\" state=<<popup-state>> text=\"yes\">\n<$button class=\"tc-btn-invisible tc-btn-dropdown\" set=<<popup-state>> setTo=\"yes\">\n{{$:/core/images/right-arrow}}\n</$button>\n</$reveal>\n<$reveal type=\"match\" state=<<popup-state>> text=\"yes\">\n<$button class=\"tc-btn-invisible tc-btn-dropdown\" set=<<popup-state>> setTo=\"no\">\n{{$:/core/images/down-arrow}}\n</$button>\n</$reveal>\n</div>\n<div class=\"tc-plugin-info-chunk\">\n<$list filter=\"[<assetInfo>has[icon]]\" emptyMessage=\"\"\"<$transclude tiddler=\"$:/core/images/plugin-generic-$type$\"/>\"\"\">\n<img src={{$(assetInfo)$!!icon}}/>\n</$list>\n</div>\n<div class=\"tc-plugin-info-chunk\">\n<h1><$view tiddler=<<assetInfo>> field=\"description\"/></h1>\n<h2><$view tiddler=<<assetInfo>> field=\"original-title\"/></h2>\n<div><em><$view tiddler=<<assetInfo>> field=\"version\"/></em></div>\n</div>\n<div class=\"tc-plugin-info-chunk\">\n<<install-plugin-button>>\n</div>\n</div>\n<$reveal type=\"match\" text=\"yes\" state=<<popup-state>>>\n<div class=\"tc-plugin-info-dropdown\">\n<div class=\"tc-plugin-info-dropdown-message\">\n<$list filter=\"[<assetInfo>get[original-title]get[version]]\" variable=\"installedVersion\" emptyMessage=\"\"\"This plugin is not currently installed\"\"\">\n<em>\nThis plugin is already installed at version <$text text=<<installedVersion>>/>\n</em>\n</$list>\n</div>\n<div class=\"tc-plugin-info-dropdown-body\">\n<$transclude tiddler=<<assetInfo>> field=\"readme\" mode=\"block\"/>\n</div>\n</div>\n</$reveal>\n</$set>\n\\end\n\n\\define load-plugin-library-button()\n<$button class=\"tc-btn-big-green\">\n<$action-sendmessage $message=\"tm-load-plugin-library\" url={{!!url}} infoTitlePrefix=\"$:/temp/RemoteAssetInfo/\"/>\n{{$:/core/images/chevron-right}} open plugin library\n</$button>\n\\end\n\n\\define display-server-assets(type)\nSearch: <$edit-text tiddler=\"\"\"$:/temp/RemoteAssetSearch/$(currentTiddler)$\"\"\" default=\"\" type=\"search\" tag=\"input\"/>\n<$reveal state=\"\"\"$:/temp/RemoteAssetSearch/$(currentTiddler)$\"\"\" type=\"nomatch\" text=\"\">\n<$button class=\"tc-btn-invisible\">\n<$action-setfield $tiddler=\"\"\"$:/temp/RemoteAssetSearch/$(currentTiddler)$\"\"\" $field=\"text\" $value=\"\"/>\n{{$:/core/images/close-button}}\n</$button>\n</$reveal>\n<div class=\"tc-plugin-library-listing\">\n<$list filter=\"[all[tiddlers+shadows]tag[$:/tags/RemoteAssetInfo]server-url{!!url}original-plugin-type[$type$]search{$:/temp/RemoteAssetSearch/$(currentTiddler)$}sort[description]]\" variable=\"assetInfo\">\n<<display-plugin-info \"$type$\">>\n</$list>\n</div>\n\\end\n\n\\define display-server-connection()\n<$list filter=\"[all[tiddlers+shadows]tag[$:/tags/ServerConnection]suffix{!!url}]\" variable=\"connectionTiddler\" emptyMessage=<<load-plugin-library-button>>>\n\n<<tabs \"[[$:/core/ui/ControlPanel/Plugins/Add/Plugins]] [[$:/core/ui/ControlPanel/Plugins/Add/Themes]] [[$:/core/ui/ControlPanel/Plugins/Add/Languages]]\" \"$:/core/ui/ControlPanel/Plugins/Add/Plugins\">>\n\n</$list>\n\\end\n\n\\define plugin-library-listing()\n<$list filter=\"[all[tiddlers+shadows]tag[$:/tags/PluginLibrary]]\">\n<div class=\"tc-plugin-library\">\n\n!! <$link><$transclude field=\"caption\"><$view field=\"title\"/></$transclude></$link>\n\n//<$view field=\"url\"/>//\n\n<$transclude/>\n\n<<display-server-connection>>\n</div>\n</$list>\n\\end\n\n<$importvariables filter=\"[[$:/core/ui/PageMacros]] [all[shadows+tiddlers]tag[$:/tags/Macro]!has[draft.of]]\">\n\n<div>\n<<plugin-library-listing>>\n</div>\n\n</$importvariables>\n"
},
"$:/core/ui/ControlPanel/Palette": {
"title": "$:/core/ui/ControlPanel/Palette",
"tags": "$:/tags/ControlPanel/Appearance",
"caption": "{{$:/language/ControlPanel/Palette/Caption}}",
"text": "\\define lingo-base() $:/language/ControlPanel/Palette/\n\n{{$:/snippets/paletteswitcher}}\n\n<$reveal type=\"nomatch\" state=\"$:/state/ShowPaletteEditor\" text=\"yes\">\n\n<$button set=\"$:/state/ShowPaletteEditor\" setTo=\"yes\"><<lingo ShowEditor/Caption>></$button>\n\n</$reveal>\n\n<$reveal type=\"match\" state=\"$:/state/ShowPaletteEditor\" text=\"yes\">\n\n<$button set=\"$:/state/ShowPaletteEditor\" setTo=\"no\"><<lingo HideEditor/Caption>></$button>\n{{$:/snippets/paletteeditor}}\n\n</$reveal>\n\n"
},
"$:/core/ui/ControlPanel/Plugins/Add/Languages": {
"title": "$:/core/ui/ControlPanel/Plugins/Add/Languages",
"caption": "{{$:/language/ControlPanel/Plugins/Languages/Caption}} (<$count filter=\"[all[tiddlers+shadows]tag[$:/tags/RemoteAssetInfo]server-url{!!url}original-plugin-type[language]]\"/>)",
"text": "<<display-server-assets language>>\n"
},
"$:/core/ui/ControlPanel/Plugins/Add/Plugins": {
"title": "$:/core/ui/ControlPanel/Plugins/Add/Plugins",
"caption": "{{$:/language/ControlPanel/Plugins/Plugins/Caption}} (<$count filter=\"[all[tiddlers+shadows]tag[$:/tags/RemoteAssetInfo]server-url{!!url}original-plugin-type[plugin]]\"/>)",
"text": "<<display-server-assets plugin>>\n"
},
"$:/core/ui/ControlPanel/Plugins/Add/Themes": {
"title": "$:/core/ui/ControlPanel/Plugins/Add/Themes",
"caption": "{{$:/language/ControlPanel/Plugins/Themes/Caption}} (<$count filter=\"[all[tiddlers+shadows]tag[$:/tags/RemoteAssetInfo]server-url{!!url}original-plugin-type[theme]]\"/>)",
"text": "<<display-server-assets theme>>\n"
},
"$:/core/ui/ControlPanel/Plugins/Installed/Languages": {
"title": "$:/core/ui/ControlPanel/Plugins/Installed/Languages",
"caption": "{{$:/language/ControlPanel/Plugins/Languages/Caption}} (<$count filter=\"[!has[draft.of]plugin-type[language]]\"/>)",
"text": "<<plugin-table language>>\n"
},
"$:/core/ui/ControlPanel/Plugins/Installed/Plugins": {
"title": "$:/core/ui/ControlPanel/Plugins/Installed/Plugins",
"caption": "{{$:/language/ControlPanel/Plugins/Plugins/Caption}} (<$count filter=\"[!has[draft.of]plugin-type[plugin]]\"/>)",
"text": "<<plugin-table plugin>>\n"
},
"$:/core/ui/ControlPanel/Plugins/Installed/Themes": {
"title": "$:/core/ui/ControlPanel/Plugins/Installed/Themes",
"caption": "{{$:/language/ControlPanel/Plugins/Themes/Caption}} (<$count filter=\"[!has[draft.of]plugin-type[theme]]\"/>)",
"text": "<<plugin-table theme>>\n"
},
"$:/core/ui/ControlPanel/Plugins": {
"title": "$:/core/ui/ControlPanel/Plugins",
"tags": "$:/tags/ControlPanel",
"caption": "{{$:/language/ControlPanel/Plugins/Caption}}",
"text": "\\define lingo-base() $:/language/ControlPanel/Plugins/\n\n\\define popup-state-macro()\n$(qualified-state)$-$(currentTiddler)$\n\\end\n\n\\define tabs-state-macro()\n$(popup-state)$-$(pluginInfoType)$\n\\end\n\n\\define plugin-icon-title()\n$(currentTiddler)$/icon\n\\end\n\n\\define plugin-disable-title()\n$:/config/Plugins/Disabled/$(currentTiddler)$\n\\end\n\n\\define plugin-table-body(type,disabledMessage)\n<div class=\"tc-plugin-info-chunk tc-small-icon\">\n<$reveal type=\"nomatch\" state=<<popup-state>> text=\"yes\">\n<$button class=\"tc-btn-invisible tc-btn-dropdown\" set=<<popup-state>> setTo=\"yes\">\n{{$:/core/images/right-arrow}}\n</$button>\n</$reveal>\n<$reveal type=\"match\" state=<<popup-state>> text=\"yes\">\n<$button class=\"tc-btn-invisible tc-btn-dropdown\" set=<<popup-state>> setTo=\"no\">\n{{$:/core/images/down-arrow}}\n</$button>\n</$reveal>\n</div>\n<div class=\"tc-plugin-info-chunk\">\n<$transclude tiddler=<<currentTiddler>> subtiddler=<<plugin-icon-title>>>\n<$transclude tiddler=\"$:/core/images/plugin-generic-$type$\"/>\n</$transclude>\n</div>\n<div class=\"tc-plugin-info-chunk\">\n<h1>\n''<$view field=\"description\"><$view field=\"title\"/></$view>'' $disabledMessage$\n</h1>\n<h2>\n<$view field=\"title\"/>\n</h2>\n<h2>\n<div><em><$view field=\"version\"/></em></div>\n</h2>\n</div>\n\\end\n\n\\define plugin-table(type)\n<$set name=\"qualified-state\" value=<<qualify \"$:/state/plugin-info\">>>\n<$list filter=\"[!has[draft.of]plugin-type[$type$]sort[description]]\" emptyMessage=<<lingo \"Empty/Hint\">>>\n<$set name=\"popup-state\" value=<<popup-state-macro>>>\n<$reveal type=\"nomatch\" state=<<plugin-disable-title>> text=\"yes\">\n<$link to={{!!title}} class=\"tc-plugin-info\">\n<<plugin-table-body type:\"$type$\">>\n</$link>\n</$reveal>\n<$reveal type=\"match\" state=<<plugin-disable-title>> text=\"yes\">\n<$link to={{!!title}} class=\"tc-plugin-info tc-plugin-info-disabled\">\n<<plugin-table-body type:\"$type$\" disabledMessage:\"<$macrocall $name='lingo' title='Disabled/Status'/>\">>\n</$link>\n</$reveal>\n<$reveal type=\"match\" text=\"yes\" state=<<popup-state>>>\n<div class=\"tc-plugin-info-dropdown\">\n<div class=\"tc-plugin-info-dropdown-body\">\n<$list filter=\"[all[current]] -[[$:/core]]\">\n<div style=\"float:right;\">\n<$reveal type=\"nomatch\" state=<<plugin-disable-title>> text=\"yes\">\n<$button set=<<plugin-disable-title>> setTo=\"yes\" tooltip={{$:/language/ControlPanel/Plugins/Disable/Hint}} aria-label={{$:/language/ControlPanel/Plugins/Disable/Caption}}>\n<<lingo Disable/Caption>>\n</$button>\n</$reveal>\n<$reveal type=\"match\" state=<<plugin-disable-title>> text=\"yes\">\n<$button set=<<plugin-disable-title>> setTo=\"no\" tooltip={{$:/language/ControlPanel/Plugins/Enable/Hint}} aria-label={{$:/language/ControlPanel/Plugins/Enable/Caption}}>\n<<lingo Enable/Caption>>\n</$button>\n</$reveal>\n</div>\n</$list>\n<$reveal type=\"nomatch\" text=\"\" state=\"!!list\">\n<$macrocall $name=\"tabs\" state=<<tabs-state-macro>> tabsList={{!!list}} default=\"readme\" template=\"$:/core/ui/PluginInfo\"/>\n</$reveal>\n<$reveal type=\"match\" text=\"\" state=\"!!list\">\nNo information provided\n</$reveal>\n</div>\n</div>\n</$reveal>\n</$set>\n</$list>\n</$set>\n\\end\n\n<$button message=\"tm-modal\" param=\"$:/core/ui/ControlPanel/Modals/AddPlugins\" tooltip={{$:/language/ControlPanel/Plugins/Add/Hint}} class=\"tc-btn-big-green\" style=\"background:blue;\">\n{{$:/core/images/download-button}} <<lingo Add/Caption>>\n</$button>\n\n<<lingo Installed/Hint>>\n\n<<tabs \"[[$:/core/ui/ControlPanel/Plugins/Installed/Plugins]] [[$:/core/ui/ControlPanel/Plugins/Installed/Themes]] [[$:/core/ui/ControlPanel/Plugins/Installed/Languages]]\" \"$:/core/ui/ControlPanel/Plugins/Installed/Plugins\">>\n"
},
"$:/core/ui/ControlPanel/Saving": {
"title": "$:/core/ui/ControlPanel/Saving",
"tags": "$:/tags/ControlPanel",
"caption": "{{$:/language/ControlPanel/Saving/Caption}}",
"text": "\\define lingo-base() $:/language/ControlPanel/Saving/\n\\define backupURL()\nhttp://$(userName)$.tiddlyspot.com/backup/\n\\end\n\\define backupLink()\n<$reveal type=\"nomatch\" state=\"$:/UploadName\" text=\"\">\n<$set name=\"userName\" value={{$:/UploadName}}>\n<$reveal type=\"match\" state=\"$:/UploadURL\" text=\"\">\n<<backupURL>>\n</$reveal>\n<$reveal type=\"nomatch\" state=\"$:/UploadURL\" text=\"\">\n<$macrocall $name=resolvePath source={{$:/UploadBackupDir}} root={{$:/UploadURL}}>>\n</$reveal>\n</$set>\n</$reveal>\n\\end\n! <<lingo TiddlySpot/Heading>>\n\n<<lingo TiddlySpot/Description>>\n\n|<<lingo TiddlySpot/UserName>> |<$edit-text tiddler=\"$:/UploadName\" default=\"\" tag=\"input\"/> |\n|<<lingo TiddlySpot/Password>> |<$password name=\"upload\"/> |\n|<<lingo TiddlySpot/Backups>> |<<backupLink>> |\n\n''<<lingo TiddlySpot/Advanced/Heading>>''\n\n|<<lingo TiddlySpot/ServerURL>> |<$edit-text tiddler=\"$:/UploadURL\" default=\"\" tag=\"input\"/> |\n|<<lingo TiddlySpot/Filename>> |<$edit-text tiddler=\"$:/UploadFilename\" default=\"index.html\" tag=\"input\"/> |\n|<<lingo TiddlySpot/UploadDir>> |<$edit-text tiddler=\"$:/UploadDir\" default=\".\" tag=\"input\"/> |\n|<<lingo TiddlySpot/BackupDir>> |<$edit-text tiddler=\"$:/UploadBackupDir\" default=\".\" tag=\"input\"/> |\n\n<<lingo TiddlySpot/Hint>>"
},
"$:/core/ui/ControlPanel/Settings/AutoSave": {
"title": "$:/core/ui/ControlPanel/Settings/AutoSave",
"tags": "$:/tags/ControlPanel/Settings",
"caption": "{{$:/language/ControlPanel/Settings/AutoSave/Caption}}",
"text": "\\define lingo-base() $:/language/ControlPanel/Settings/AutoSave/\n\n<$link to=\"$:/config/AutoSave\"><<lingo Hint>></$link>\n\n<$radio tiddler=\"$:/config/AutoSave\" value=\"yes\"> <<lingo Enabled/Description>> </$radio>\n\n<$radio tiddler=\"$:/config/AutoSave\" value=\"no\"> <<lingo Disabled/Description>> </$radio>\n"
},
"$:/core/buttonstyles/Borderless": {
"title": "$:/core/buttonstyles/Borderless",
"tags": "$:/tags/ToolbarButtonStyle",
"caption": "{{$:/language/ControlPanel/Settings/ToolbarButtonStyle/Styles/Borderless}}",
"text": "tc-btn-invisible"
},
"$:/core/buttonstyles/Boxed": {
"title": "$:/core/buttonstyles/Boxed",
"tags": "$:/tags/ToolbarButtonStyle",
"caption": "{{$:/language/ControlPanel/Settings/ToolbarButtonStyle/Styles/Boxed}}",
"text": "tc-btn-boxed"
},
"$:/core/buttonstyles/Rounded": {
"title": "$:/core/buttonstyles/Rounded",
"tags": "$:/tags/ToolbarButtonStyle",
"caption": "{{$:/language/ControlPanel/Settings/ToolbarButtonStyle/Styles/Rounded}}",
"text": "tc-btn-rounded"
},
"$:/core/ui/ControlPanel/Settings/DefaultSidebarTab": {
"caption": "{{$:/language/ControlPanel/Settings/DefaultSidebarTab/Caption}}",
"tags": "$:/tags/ControlPanel/Settings",
"title": "$:/core/ui/ControlPanel/Settings/DefaultSidebarTab",
"text": "\\define lingo-base() $:/language/ControlPanel/Settings/DefaultSidebarTab/\n\n<$link to=\"$:/config/DefaultSidebarTab\"><<lingo Hint>></$link>\n\n<$select tiddler=\"$:/config/DefaultSidebarTab\">\n<$list filter=\"[all[shadows+tiddlers]tag[$:/tags/SideBar]!has[draft.of]]\">\n<option value=<<currentTiddler>>><$transclude field=\"caption\"><$text text=<<currentTiddler>>/></$transclude></option>\n</$list>\n</$select>\n"
},
"$:/core/ui/ControlPanel/Settings/LinkToBehaviour": {
"title": "$:/core/ui/ControlPanel/Settings/LinkToBehaviour",
"tags": "$:/tags/ControlPanel/Settings",
"caption": "{{$:/language/ControlPanel/Settings/LinkToBehaviour/Caption}}",
"text": "\\define lingo-base() $:/language/ControlPanel/Settings/LinkToBehaviour/\n\n<$link to=\"$:/config/Navigation/openLinkFromInsideRiver\"><<lingo \"InsideRiver/Hint\">></$link>\n\n<$select tiddler=\"$:/config/Navigation/openLinkFromInsideRiver\">\n <option value=\"above\"><<lingo \"OpenAbove\">></option>\n <option value=\"below\"><<lingo \"OpenBelow\">></option>\n <option value=\"top\"><<lingo \"OpenAtTop\">></option>\n <option value=\"bottom\"><<lingo \"OpenAtBottom\">></option>\n</$select>\n\n<$link to=\"$:/config/Navigation/openLinkFromOutsideRiver\"><<lingo \"OutsideRiver/Hint\">></$link>\n\n<$select tiddler=\"$:/config/Navigation/openLinkFromOutsideRiver\">\n <option value=\"top\"><<lingo \"OpenAtTop\">></option>\n <option value=\"bottom\"><<lingo \"OpenAtBottom\">></option>\n</$select>\n"
},
"$:/core/ui/ControlPanel/Settings/NavigationAddressBar": {
"title": "$:/core/ui/ControlPanel/Settings/NavigationAddressBar",
"tags": "$:/tags/ControlPanel/Settings",
"caption": "{{$:/language/ControlPanel/Settings/NavigationAddressBar/Caption}}",
"text": "\\define lingo-base() $:/language/ControlPanel/Settings/NavigationAddressBar/\n\n<$link to=\"$:/config/Navigation/UpdateAddressBar\"><<lingo Hint>></$link>\n\n<$radio tiddler=\"$:/config/Navigation/UpdateAddressBar\" value=\"permaview\"> <<lingo Permaview/Description>> </$radio>\n\n<$radio tiddler=\"$:/config/Navigation/UpdateAddressBar\" value=\"permalink\"> <<lingo Permalink/Description>> </$radio>\n\n<$radio tiddler=\"$:/config/Navigation/UpdateAddressBar\" value=\"no\"> <<lingo No/Description>> </$radio>\n"
},
"$:/core/ui/ControlPanel/Settings/NavigationHistory": {
"title": "$:/core/ui/ControlPanel/Settings/NavigationHistory",
"tags": "$:/tags/ControlPanel/Settings",
"caption": "{{$:/language/ControlPanel/Settings/NavigationHistory/Caption}}",
"text": "\\define lingo-base() $:/language/ControlPanel/Settings/NavigationHistory/\n<$link to=\"$:/config/Navigation/UpdateHistory\"><<lingo Hint>></$link>\n\n<$radio tiddler=\"$:/config/Navigation/UpdateHistory\" value=\"yes\"> <<lingo Yes/Description>> </$radio>\n\n<$radio tiddler=\"$:/config/Navigation/UpdateHistory\" value=\"no\"> <<lingo No/Description>> </$radio>\n"
},
"$:/core/ui/ControlPanel/Settings/TitleLinks": {
"title": "$:/core/ui/ControlPanel/Settings/TitleLinks",
"tags": "$:/tags/ControlPanel/Settings",
"caption": "{{$:/language/ControlPanel/Settings/TitleLinks/Caption}}",
"text": "\\define lingo-base() $:/language/ControlPanel/Settings/TitleLinks/\n<$link to=\"$:/config/Tiddlers/TitleLinks\"><<lingo Hint>></$link>\n\n<$radio tiddler=\"$:/config/Tiddlers/TitleLinks\" value=\"yes\"> <<lingo Yes/Description>> </$radio>\n\n<$radio tiddler=\"$:/config/Tiddlers/TitleLinks\" value=\"no\"> <<lingo No/Description>> </$radio>\n"
},
"$:/core/ui/ControlPanel/Settings/ToolbarButtonStyle": {
"title": "$:/core/ui/ControlPanel/Settings/ToolbarButtonStyle",
"tags": "$:/tags/ControlPanel/Settings",
"caption": "{{$:/language/ControlPanel/Settings/ToolbarButtonStyle/Caption}}",
"text": "\\define lingo-base() $:/language/ControlPanel/Settings/ToolbarButtonStyle/\n<$link to=\"$:/config/Toolbar/ButtonClass\"><<lingo \"Hint\">></$link>\n\n<$select tiddler=\"$:/config/Toolbar/ButtonClass\">\n<$list filter=\"[all[shadows+tiddlers]tag[$:/tags/ToolbarButtonStyle]]\">\n<option value={{!!text}}>{{!!caption}}</option>\n</$list>\n</$select>\n"
},
"$:/core/ui/ControlPanel/Settings/ToolbarButtons": {
"title": "$:/core/ui/ControlPanel/Settings/ToolbarButtons",
"tags": "$:/tags/ControlPanel/Settings",
"caption": "{{$:/language/ControlPanel/Settings/ToolbarButtons/Caption}}",
"text": "\\define lingo-base() $:/language/ControlPanel/Settings/ToolbarButtons/\n<<lingo Hint>>\n\n<$checkbox tiddler=\"$:/config/Toolbar/Icons\" field=\"text\" checked=\"yes\" unchecked=\"no\" default=\"yes\"> <$link to=\"$:/config/Toolbar/Icons\"><<lingo Icons/Description>></$link> </$checkbox>\n\n<$checkbox tiddler=\"$:/config/Toolbar/Text\" field=\"text\" checked=\"yes\" unchecked=\"no\" default=\"no\"> <$link to=\"$:/config/Toolbar/Text\"><<lingo Text/Description>></$link> </$checkbox>\n"
},
"$:/core/ui/ControlPanel/Settings": {
"title": "$:/core/ui/ControlPanel/Settings",
"tags": "$:/tags/ControlPanel",
"caption": "{{$:/language/ControlPanel/Settings/Caption}}",
"text": "\\define lingo-base() $:/language/ControlPanel/Settings/\n\n<<lingo Hint>>\n\n<$list filter=\"[all[shadows+tiddlers]tag[$:/tags/ControlPanel/Settings]]\">\n\n<div style=\"border-top:1px solid #eee;\">\n\n!! <$link><$transclude field=\"caption\"/></$link>\n\n<$transclude/>\n\n</div>\n\n</$list>\n"
},
"$:/core/ui/ControlPanel/StoryView": {
"title": "$:/core/ui/ControlPanel/StoryView",
"tags": "$:/tags/ControlPanel/Appearance",
"caption": "{{$:/language/ControlPanel/StoryView/Caption}}",
"text": "{{$:/snippets/viewswitcher}}\n"
},
"$:/core/ui/ControlPanel/Theme": {
"title": "$:/core/ui/ControlPanel/Theme",
"tags": "$:/tags/ControlPanel/Appearance",
"caption": "{{$:/language/ControlPanel/Theme/Caption}}",
"text": "{{$:/snippets/themeswitcher}}\n"
},
"$:/core/ui/ControlPanel/TiddlerFields": {
"title": "$:/core/ui/ControlPanel/TiddlerFields",
"tags": "$:/tags/ControlPanel/Advanced",
"caption": "{{$:/language/ControlPanel/TiddlerFields/Caption}}",
"text": "\\define lingo-base() $:/language/ControlPanel/\n\n<<lingo TiddlerFields/Hint>>\n\n{{$:/snippets/allfields}}"
},
"$:/core/ui/ControlPanel/Toolbars/EditToolbar": {
"title": "$:/core/ui/ControlPanel/Toolbars/EditToolbar",
"tags": "$:/tags/ControlPanel/Toolbars",
"caption": "{{$:/language/ControlPanel/Toolbars/EditToolbar/Caption}}",
"text": "\\define lingo-base() $:/language/TiddlerInfo/\n\\define config-title()\n$:/config/EditToolbarButtons/Visibility/$(listItem)$\n\\end\n\n{{$:/language/ControlPanel/Toolbars/EditToolbar/Hint}}\n\n<$set name=\"tv-config-toolbar-icons\" value=\"yes\">\n\n<$set name=\"tv-config-toolbar-text\" value=\"yes\">\n\n<$list filter=\"[all[shadows+tiddlers]tag[$:/tags/EditToolbar]!has[draft.of]]\" variable=\"listItem\">\n\n<$checkbox tiddler=<<config-title>> field=\"text\" checked=\"show\" unchecked=\"hide\" default=\"show\"/> <$transclude tiddler=<<listItem>> field=\"caption\"/> <i class=\"tc-muted\">-- <$transclude tiddler=<<listItem>> field=\"description\"/></i>\n\n</$list>\n\n</$set>\n\n</$set>\n"
},
"$:/core/ui/ControlPanel/Toolbars/PageControls": {
"title": "$:/core/ui/ControlPanel/Toolbars/PageControls",
"tags": "$:/tags/ControlPanel/Toolbars",
"caption": "{{$:/language/ControlPanel/Toolbars/PageControls/Caption}}",
"text": "\\define lingo-base() $:/language/TiddlerInfo/\n\\define config-title()\n$:/config/PageControlButtons/Visibility/$(listItem)$\n\\end\n\n{{$:/language/ControlPanel/Toolbars/PageControls/Hint}}\n\n<$set name=\"tv-config-toolbar-icons\" value=\"yes\">\n\n<$set name=\"tv-config-toolbar-text\" value=\"yes\">\n\n<$list filter=\"[all[shadows+tiddlers]tag[$:/tags/PageControls]!has[draft.of]]\" variable=\"listItem\">\n\n<$checkbox tiddler=<<config-title>> field=\"text\" checked=\"show\" unchecked=\"hide\" default=\"show\"/> <$transclude tiddler=<<listItem>> field=\"caption\"/> <i class=\"tc-muted\">-- <$transclude tiddler=<<listItem>> field=\"description\"/></i>\n\n</$list>\n\n</$set>\n\n</$set>\n"
},
"$:/core/ui/ControlPanel/Toolbars/ViewToolbar": {
"title": "$:/core/ui/ControlPanel/Toolbars/ViewToolbar",
"tags": "$:/tags/ControlPanel/Toolbars",
"caption": "{{$:/language/ControlPanel/Toolbars/ViewToolbar/Caption}}",
"text": "\\define lingo-base() $:/language/TiddlerInfo/\n\\define config-title()\n$:/config/ViewToolbarButtons/Visibility/$(listItem)$\n\\end\n\n{{$:/language/ControlPanel/Toolbars/ViewToolbar/Hint}}\n\n<$set name=\"tv-config-toolbar-icons\" value=\"yes\">\n\n<$set name=\"tv-config-toolbar-text\" value=\"yes\">\n\n<$list filter=\"[all[shadows+tiddlers]tag[$:/tags/ViewToolbar]!has[draft.of]]\" variable=\"listItem\">\n\n<$checkbox tiddler=<<config-title>> field=\"text\" checked=\"show\" unchecked=\"hide\" default=\"show\"/> <$transclude tiddler=<<listItem>> field=\"caption\"/> <i class=\"tc-muted\">-- <$transclude tiddler=<<listItem>> field=\"description\"/></i>\n\n</$list>\n\n</$set>\n\n</$set>\n"
},
"$:/core/ui/ControlPanel/Toolbars": {
"title": "$:/core/ui/ControlPanel/Toolbars",
"tags": "$:/tags/ControlPanel/Appearance",
"caption": "{{$:/language/ControlPanel/Toolbars/Caption}}",
"text": "{{$:/language/ControlPanel/Toolbars/Hint}}\n\n<div class=\"tc-control-panel\">\n<<tabs \"[all[shadows+tiddlers]tag[$:/tags/ControlPanel/Toolbars]!has[draft.of]]\" \"$:/core/ui/ControlPanel/Toolbars/ViewToolbar\" \"$:/state/tabs/controlpanel/toolbars\" \"tc-vertical\">>\n</div>\n"
},
"$:/ControlPanel": {
"title": "$:/ControlPanel",
"icon": "$:/core/images/options-button",
"color": "#bbb",
"text": "<div class=\"tc-control-panel\">\n<<tabs \"[all[shadows+tiddlers]tag[$:/tags/ControlPanel]!has[draft.of]]\" \"$:/core/ui/ControlPanel/Info\">>\n</div>\n"
},
"$:/core/ui/DefaultSearchResultList": {
"title": "$:/core/ui/DefaultSearchResultList",
"tags": "$:/tags/SearchResults",
"caption": "{{$:/language/Search/DefaultResults/Caption}}",
"text": "\\define searchResultList()\n<$set name=\"resultCount\" value=\"\"\"<$count filter=\"[!is[system]search{$(searchTiddler)$}]\"/>\"\"\">\n\n{{$:/language/Search/Matches}}\n\n</$set>\n\n//<small>Title matches:</small>//\n\n<$list filter=\"[!is[system]search:title{$(searchTiddler)$}sort[title]limit[250]]\" template=\"$:/core/ui/ListItemTemplate\"/>\n\n//<small>All matches:</small>//\n\n<$list filter=\"[!is[system]search{$(searchTiddler)$}sort[title]limit[250]]\" template=\"$:/core/ui/ListItemTemplate\"/>\n\\end\n<<searchResultList>>\n"
},
"$:/core/ui/EditTemplate/body": {
"title": "$:/core/ui/EditTemplate/body",
"tags": "$:/tags/EditTemplate",
"text": "\\define lingo-base() $:/language/EditTemplate/Body/\n<$list filter=\"[is[current]has[_canonical_uri]]\">\n\n<div class=\"tc-message-box\">\n\n<<lingo External/Hint>>\n\n<a href={{!!_canonical_uri}}><$text text={{!!_canonical_uri}}/></a>\n\n<$edit-text field=\"_canonical_uri\" class=\"tc-edit-fields\"></$edit-text>\n\n</div>\n\n</$list>\n\n<$list filter=\"[is[current]!has[_canonical_uri]]\">\n\n<$reveal state=\"$:/state/showeditpreview\" type=\"match\" text=\"yes\">\n\n<em class=\"tc-edit\"><<lingo Hint>></em> <$button type=\"set\" set=\"$:/state/showeditpreview\" setTo=\"no\"><<lingo Preview/Button/Hide>></$button>\n\n<div class=\"tc-tiddler-preview\">\n<div class=\"tc-tiddler-preview-preview\">\n<$set name=\"tv-tiddler-preview\" value=\"yes\">\n\n<$transclude />\n\n</$set>\n</div>\n\n<div class=\"tc-tiddler-preview-edit\">\n<$edit field=\"text\" class=\"tc-edit-texteditor\" placeholder={{$:/language/EditTemplate/Body/Placeholder}}/>\n\n</div>\n\n</div>\n\n</$reveal>\n\n<$reveal state=\"$:/state/showeditpreview\" type=\"nomatch\" text=\"yes\">\n\n<em class=\"tc-edit\"><<lingo Hint>></em> <$button type=\"set\" set=\"$:/state/showeditpreview\" setTo=\"yes\"><<lingo Preview/Button/Show>></$button>\n<$edit field=\"text\" class=\"tc-edit-texteditor\" placeholder={{$:/language/EditTemplate/Body/Placeholder}}/>\n\n</$reveal>\n\n</$list>\n"
},
"$:/core/ui/EditTemplate/controls": {
"title": "$:/core/ui/EditTemplate/controls",
"tags": "$:/tags/EditTemplate",
"text": "\\define config-title()\n$:/config/EditToolbarButtons/Visibility/$(listItem)$\n\\end\n<div class=\"tc-tiddler-title tc-tiddler-edit-title\">\n<$view field=\"title\"/>\n<span class=\"tc-tiddler-controls tc-titlebar\"><$list filter=\"[all[shadows+tiddlers]tag[$:/tags/EditToolbar]!has[draft.of]]\" variable=\"listItem\"><$reveal type=\"nomatch\" state=<<config-title>> text=\"hide\"><$transclude tiddler=<<listItem>>/></$reveal></$list></span>\n<div style=\"clear: both;\"></div>\n</div>\n"
},
"$:/core/ui/EditTemplate/fields": {
"title": "$:/core/ui/EditTemplate/fields",
"tags": "$:/tags/EditTemplate",
"text": "\\define lingo-base() $:/language/EditTemplate/\n\\define config-title()\n$:/config/EditTemplateFields/Visibility/$(currentField)$\n\\end\n\n\\define config-filter()\n[[hide]] -[title{$(config-title)$}]\n\\end\n\n\\define new-field-inner()\n<$reveal type=\"nomatch\" text=\"\" default=<<name>>>\n<$button>\n<$action-sendmessage $message=\"tm-add-field\" $name=<<name>> $value=<<value>>/>\n<$action-deletetiddler $tiddler=\"$:/temp/newfieldname\"/>\n<$action-deletetiddler $tiddler=\"$:/temp/newfieldvalue\"/>\n<<lingo Fields/Add/Button>>\n</$button>\n</$reveal>\n<$reveal type=\"match\" text=\"\" default=<<name>>>\n<$button>\n<<lingo Fields/Add/Button>>\n</$button>\n</$reveal>\n\\end\n\n\\define new-field()\n<$set name=\"name\" value={{$:/temp/newfieldname}}>\n<$set name=\"value\" value={{$:/temp/newfieldvalue}}>\n<<new-field-inner>>\n</$set>\n</$set>\n\\end\n\n<div class=\"tc-edit-fields\">\n<table class=\"tc-edit-fields\">\n<tbody>\n<$list filter=\"[all[current]fields[]] +[sort[title]]\" variable=\"currentField\">\n<$list filter=<<config-filter>> variable=\"temp\">\n<tr class=\"tc-edit-field\">\n<td class=\"tc-edit-field-name\">\n<$text text=<<currentField>>/>:</td>\n<td class=\"tc-edit-field-value\">\n<$edit-text tiddler=<<currentTiddler>> field=<<currentField>> placeholder={{$:/language/EditTemplate/Fields/Add/Value/Placeholder}}/>\n</td>\n<td class=\"tc-edit-field-remove\">\n<$button class=\"tc-btn-invisible\" tooltip={{$:/language/EditTemplate/Field/Remove/Hint}} aria-label={{$:/language/EditTemplate/Field/Remove/Caption}}>\n<$action-deletefield $field=<<currentField>>/>\n{{$:/core/images/delete-button}}\n</$button>\n</td>\n</tr>\n</$list>\n</$list>\n</tbody>\n</table>\n</div>\n\n<$fieldmangler>\n<div class=\"tc-edit-field-add\">\n<em class=\"tc-edit\">\n<<lingo Fields/Add/Prompt>>\n</em>\n<span class=\"tc-edit-field-add-name\">\n<$edit-text tiddler=\"$:/temp/newfieldname\" tag=\"input\" default=\"\" placeholder={{$:/language/EditTemplate/Fields/Add/Name/Placeholder}} focusPopup=<<qualify \"$:/state/popup/field-dropdown\">> class=\"tc-edit-texteditor tc-popup-handle\"/>\n</span>\n<$button popup=<<qualify \"$:/state/popup/field-dropdown\">> class=\"tc-btn-invisible tc-btn-dropdown\" tooltip={{$:/language/EditTemplate/Field/Dropdown/Hint}} aria-label={{$:/language/EditTemplate/Field/Dropdown/Caption}}>{{$:/core/images/down-arrow}}</$button>\n<$reveal state=<<qualify \"$:/state/popup/field-dropdown\">> type=\"nomatch\" text=\"\" default=\"\">\n<div class=\"tc-block-dropdown tc-edit-type-dropdown\">\n<$linkcatcher to=\"$:/temp/newfieldname\">\n<div class=\"tc-dropdown-item\">\n<<lingo Fields/Add/Dropdown/User>>\n</div>\n<$list filter=\"[!is[shadow]!is[system]fields[]sort[]] -created -creator -draft.of -draft.title -modified -modifier -tags -text -title -type\" variable=\"currentField\">\n<$link to=<<currentField>>>\n<<currentField>>\n</$link>\n</$list>\n<div class=\"tc-dropdown-item\">\n<<lingo Fields/Add/Dropdown/System>>\n</div>\n<$list filter=\"[fields[]sort[]] -[!is[shadow]!is[system]fields[]]\" variable=\"currentField\">\n<$link to=<<currentField>>>\n<<currentField>>\n</$link>\n</$list>\n</$linkcatcher>\n</div>\n</$reveal>\n<span class=\"tc-edit-field-add-value\">\n<$edit-text tiddler=\"$:/temp/newfieldvalue\" tag=\"input\" default=\"\" placeholder={{$:/language/EditTemplate/Fields/Add/Value/Placeholder}} class=\"tc-edit-texteditor\"/>\n</span>\n<span class=\"tc-edit-field-add-button\">\n<$macrocall $name=\"new-field\"/>\n</span>\n</div>\n</$fieldmangler>\n\n"
},
"$:/core/ui/EditTemplate/shadow": {
"title": "$:/core/ui/EditTemplate/shadow",
"tags": "$:/tags/EditTemplate",
"text": "\\define lingo-base() $:/language/EditTemplate/Shadow/\n<$list filter=\"[all[current]get[draft.of]is[shadow]!is[tiddler]]\">\n<div class=\"tc-message-box\">\n\n<<lingo Warning>>\n\n</div>\n</$list>\n\n<$list filter=\"[all[current]get[draft.of]is[shadow]is[tiddler]]\">\n<div class=\"tc-message-box\">\n\n<<lingo OverriddenWarning>>\n\n</div>\n</$list>\n"
},
"$:/core/ui/EditTemplate/tags": {
"title": "$:/core/ui/EditTemplate/tags",
"tags": "$:/tags/EditTemplate",
"text": "\\define lingo-base() $:/language/EditTemplate/\n\\define tag-styles()\nbackground-color:$(backgroundColor)$;\n\\end\n<div class=\"tc-edit-tags\">\n<$fieldmangler>\n<$list filter=\"[all[current]tags[]sort[title]]\" storyview=\"pop\"><$set name=\"backgroundColor\" value={{!!color}}><span style=<<tag-styles>> class=\"tc-tag-label\">\n<$view field=\"title\" format=\"text\" />\n<$button message=\"tm-remove-tag\" param={{!!title}} class=\"tc-btn-invisible tc-remove-tag-button\">×</$button></span>\n</$set>\n</$list>\n\n<div class=\"tc-edit-add-tag\">\n<span class=\"tc-add-tag-name\">\n<$edit-text tiddler=\"$:/temp/NewTagName\" tag=\"input\" default=\"\" placeholder={{$:/language/EditTemplate/Tags/Add/Placeholder}} focusPopup=<<qualify \"$:/state/popup/tags-auto-complete\">> class=\"tc-edit-texteditor tc-popup-handle\"/>\n</span> <$button popup=<<qualify \"$:/state/popup/tags-auto-complete\">> class=\"tc-btn-invisible tc-btn-dropdown\" tooltip={{$:/language/EditTemplate/Tags/Dropdown/Hint}} aria-label={{$:/language/EditTemplate/Tags/Dropdown/Caption}}>{{$:/core/images/down-arrow}}</$button> <span class=\"tc-add-tag-button\">\n<$button message=\"tm-add-tag\" param={{$:/temp/NewTagName}} set=\"$:/temp/NewTagName\" setTo=\"\" class=\"\">\n<<lingo Tags/Add/Button>>\n</$button>\n</span>\n</div>\n\n<div class=\"tc-block-dropdown-wrapper\">\n<$reveal state=<<qualify \"$:/state/popup/tags-auto-complete\">> type=\"nomatch\" text=\"\" default=\"\">\n<div class=\"tc-block-dropdown\">\n<$linkcatcher set=\"$:/temp/NewTagName\" setTo=\"\" message=\"tm-add-tag\">\n<$list filter=\"[tags[]!is[system]search:title{$:/temp/NewTagName}sort[]]\">\n{{||$:/core/ui/Components/tag-link}}\n</$list>\n<hr>\n<$list filter=\"[tags[]is[system]search:title{$:/temp/NewTagName}sort[]]\">\n{{||$:/core/ui/Components/tag-link}}\n</$list>\n</$linkcatcher>\n</div>\n</$reveal>\n</div>\n</$fieldmangler>\n</div>"
},
"$:/core/ui/EditTemplate/title": {
"title": "$:/core/ui/EditTemplate/title",
"tags": "$:/tags/EditTemplate",
"text": "<$edit-text field=\"draft.title\" class=\"tc-titlebar tc-edit-texteditor\" focus=\"true\"/>"
},
"$:/core/ui/EditTemplate/type": {
"title": "$:/core/ui/EditTemplate/type",
"tags": "$:/tags/EditTemplate",
"text": "\\define lingo-base() $:/language/EditTemplate/\n<div class=\"tc-type-selector\"><$fieldmangler>\n<em class=\"tc-edit\"><<lingo Type/Prompt>></em> <$edit-text field=\"type\" tag=\"input\" default=\"\" placeholder={{$:/language/EditTemplate/Type/Placeholder}} focusPopup=<<qualify \"$:/state/popup/type-dropdown\">> class=\"tc-edit-typeeditor tc-popup-handle\"/> <$button popup=<<qualify \"$:/state/popup/type-dropdown\">> class=\"tc-btn-invisible tc-btn-dropdown\" tooltip={{$:/language/EditTemplate/Type/Dropdown/Hint}} aria-label={{$:/language/EditTemplate/Type/Dropdown/Caption}}>{{$:/core/images/down-arrow}}</$button> <$button message=\"tm-remove-field\" param=\"type\" class=\"tc-btn-invisible tc-btn-icon\" tooltip={{$:/language/EditTemplate/Type/Delete/Hint}} aria-label={{$:/language/EditTemplate/Type/Delete/Caption}}>{{$:/core/images/delete-button}}</$button>\n</$fieldmangler></div>\n\n<div class=\"tc-block-dropdown-wrapper\">\n<$reveal state=<<qualify \"$:/state/popup/type-dropdown\">> type=\"nomatch\" text=\"\" default=\"\">\n<div class=\"tc-block-dropdown tc-edit-type-dropdown\">\n<$linkcatcher to=\"!!type\">\n<$list filter='[all[shadows+tiddlers]prefix[$:/language/Docs/Types/]each[group]sort[group]]'>\n<div class=\"tc-dropdown-item\">\n<$text text={{!!group}}/>\n</div>\n<$list filter=\"[all[shadows+tiddlers]prefix[$:/language/Docs/Types/]group{!!group}] +[sort[description]]\"><$link to={{!!name}}><$view field=\"description\"/> (<$view field=\"name\"/>)</$link>\n</$list>\n</$list>\n</$linkcatcher>\n</div>\n</$reveal>\n</div>"
},
"$:/core/ui/EditTemplate": {
"title": "$:/core/ui/EditTemplate",
"text": "\\define frame-classes()\ntc-tiddler-frame tc-tiddler-edit-frame $(missingTiddlerClass)$ $(shadowTiddlerClass)$ $(systemTiddlerClass)$\n\\end\n<div class=<<frame-classes>>>\n<$set name=\"storyTiddler\" value=<<currentTiddler>>>\n<$keyboard key=\"escape\" message=\"tm-cancel-tiddler\">\n<$keyboard key=\"ctrl+enter\" message=\"tm-save-tiddler\">\n<$list filter=\"[all[shadows+tiddlers]tag[$:/tags/EditTemplate]!has[draft.of]]\" variable=\"listItem\">\n<$transclude tiddler=<<listItem>>/>\n</$list>\n</$keyboard>\n</$keyboard>\n</$set>\n</div>\n"
},
"$:/core/ui/Buttons/cancel": {
"title": "$:/core/ui/Buttons/cancel",
"tags": "$:/tags/EditToolbar",
"caption": "{{$:/core/images/cancel-button}} {{$:/language/Buttons/Cancel/Caption}}",
"description": "{{$:/language/Buttons/Cancel/Hint}}",
"text": "<$button message=\"tm-cancel-tiddler\" tooltip={{$:/language/Buttons/Cancel/Hint}} aria-label={{$:/language/Buttons/Cancel/Caption}} class=<<tv-config-toolbar-class>>>\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/cancel-button}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/Cancel/Caption}}/></span>\n</$list>\n</$button>"
},
"$:/core/ui/Buttons/delete": {
"title": "$:/core/ui/Buttons/delete",
"tags": "$:/tags/EditToolbar",
"caption": "{{$:/core/images/delete-button}} {{$:/language/Buttons/Delete/Caption}}",
"description": "{{$:/language/Buttons/Delete/Hint}}",
"text": "<$button message=\"tm-delete-tiddler\" tooltip={{$:/language/Buttons/Delete/Hint}} aria-label={{$:/language/Buttons/Delete/Caption}} class=<<tv-config-toolbar-class>>>\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/delete-button}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/Delete/Caption}}/></span>\n</$list>\n</$button>"
},
"$:/core/ui/Buttons/save": {
"title": "$:/core/ui/Buttons/save",
"tags": "$:/tags/EditToolbar",
"caption": "{{$:/core/images/done-button}} {{$:/language/Buttons/Save/Caption}}",
"description": "{{$:/language/Buttons/Save/Hint}}",
"text": "<$button message=\"tm-save-tiddler\" tooltip={{$:/language/Buttons/Save/Hint}} aria-label={{$:/language/Buttons/Save/Caption}} class=<<tv-config-toolbar-class>>>\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/done-button}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/Save/Caption}}/></span>\n</$list>\n</$button>"
},
"$:/core/Filters/AllTags": {
"title": "$:/core/Filters/AllTags",
"tags": "$:/tags/Filter",
"filter": "[tags[]!is[system]sort[title]]",
"description": "{{$:/language/Filters/AllTags}}",
"text": ""
},
"$:/core/Filters/AllTiddlers": {
"title": "$:/core/Filters/AllTiddlers",
"tags": "$:/tags/Filter",
"filter": "[!is[system]sort[title]]",
"description": "{{$:/language/Filters/AllTiddlers}}",
"text": ""
},
"$:/core/Filters/Drafts": {
"title": "$:/core/Filters/Drafts",
"tags": "$:/tags/Filter",
"filter": "[has[draft.of]sort[title]]",
"description": "{{$:/language/Filters/Drafts}}",
"text": ""
},
"$:/core/Filters/Missing": {
"title": "$:/core/Filters/Missing",
"tags": "$:/tags/Filter",
"filter": "[all[missing]sort[title]]",
"description": "{{$:/language/Filters/Missing}}",
"text": ""
},
"$:/core/Filters/Orphans": {
"title": "$:/core/Filters/Orphans",
"tags": "$:/tags/Filter",
"filter": "[all[orphans]sort[title]]",
"description": "{{$:/language/Filters/Orphans}}",
"text": ""
},
"$:/core/Filters/OverriddenShadowTiddlers": {
"title": "$:/core/Filters/OverriddenShadowTiddlers",
"tags": "$:/tags/Filter",
"filter": "[is[shadow]]",
"description": "{{$:/language/Filters/OverriddenShadowTiddlers}}",
"text": ""
},
"$:/core/Filters/RecentSystemTiddlers": {
"title": "$:/core/Filters/RecentSystemTiddlers",
"tags": "$:/tags/Filter",
"filter": "[has[modified]!sort[modified]limit[50]]",
"description": "{{$:/language/Filters/RecentSystemTiddlers}}",
"text": ""
},
"$:/core/Filters/RecentTiddlers": {
"title": "$:/core/Filters/RecentTiddlers",
"tags": "$:/tags/Filter",
"filter": "[!is[system]has[modified]!sort[modified]limit[50]]",
"description": "{{$:/language/Filters/RecentTiddlers}}",
"text": ""
},
"$:/core/Filters/ShadowTiddlers": {
"title": "$:/core/Filters/ShadowTiddlers",
"tags": "$:/tags/Filter",
"filter": "[all[shadows]sort[title]]",
"description": "{{$:/language/Filters/ShadowTiddlers}}",
"text": ""
},
"$:/core/Filters/SystemTags": {
"title": "$:/core/Filters/SystemTags",
"tags": "$:/tags/Filter",
"filter": "[all[shadows+tiddlers]tags[]is[system]sort[title]]",
"description": "{{$:/language/Filters/SystemTags}}",
"text": ""
},
"$:/core/Filters/SystemTiddlers": {
"title": "$:/core/Filters/SystemTiddlers",
"tags": "$:/tags/Filter",
"filter": "[is[system]sort[title]]",
"description": "{{$:/language/Filters/SystemTiddlers}}",
"text": ""
},
"$:/core/Filters/TypedTiddlers": {
"title": "$:/core/Filters/TypedTiddlers",
"tags": "$:/tags/Filter",
"filter": "[!is[system]has[type]each[type]sort[type]] -[type[text/vnd.tiddlywiki]]",
"description": "{{$:/language/Filters/TypedTiddlers}}",
"text": ""
},
"$:/core/ui/ImportListing": {
"title": "$:/core/ui/ImportListing",
"text": "\\define lingo-base() $:/language/Import/\n\\define messageField()\nmessage-$(payloadTiddler)$\n\\end\n\\define selectionField()\nselection-$(payloadTiddler)$\n\\end\n\\define previewPopupState()\n$(currentTiddler)$!!popup-$(payloadTiddler)$\n\\end\n<table>\n<tbody>\n<tr>\n<th>\n<<lingo Listing/Select/Caption>>\n</th>\n<th>\n<<lingo Listing/Title/Caption>>\n</th>\n<th>\n<<lingo Listing/Status/Caption>>\n</th>\n</tr>\n<$list filter=\"[all[current]plugintiddlers[]sort[title]]\" variable=\"payloadTiddler\">\n<tr>\n<td>\n<$checkbox field=<<selectionField>> checked=\"checked\" unchecked=\"unchecked\" default=\"checked\"/>\n</td>\n<td>\n<$reveal type=\"nomatch\" state=<<previewPopupState>> text=\"yes\">\n<$button class=\"tc-btn-invisible tc-btn-dropdown\" set=<<previewPopupState>> setTo=\"yes\">\n{{$:/core/images/right-arrow}} <$text text=<<payloadTiddler>>/>\n</$button>\n</$reveal>\n<$reveal type=\"match\" state=<<previewPopupState>> text=\"yes\">\n<$button class=\"tc-btn-invisible tc-btn-dropdown\" set=<<previewPopupState>> setTo=\"no\">\n{{$:/core/images/down-arrow}} <$text text=<<payloadTiddler>>/>\n</$button>\n</$reveal>\n</td>\n<td>\n<$view field=<<messageField>>/>\n</td>\n</tr>\n<tr>\n<td colspan=\"3\">\n<$reveal type=\"match\" text=\"yes\" state=<<previewPopupState>>>\n<$transclude subtiddler=<<payloadTiddler>> mode=\"block\"/>\n</$reveal>\n</td>\n</tr>\n</$list>\n</tbody>\n</table>\n"
},
"$:/core/ui/ListItemTemplate": {
"title": "$:/core/ui/ListItemTemplate",
"text": "<div class=\"tc-menu-list-item\">\n<$link to={{!!title}}>\n<$view field=\"title\"/>\n</$link>\n</div>"
},
"$:/core/ui/MissingTemplate": {
"title": "$:/core/ui/MissingTemplate",
"text": "<div class=\"tc-tiddler-missing\">\n<$button popup=<<qualify \"$:/state/popup/missing\">> class=\"tc-btn-invisible tc-missing-tiddler-label\">\n<$view field=\"title\" format=\"text\" />\n</$button>\n<$reveal state=<<qualify \"$:/state/popup/missing\">> type=\"popup\" position=\"below\" animate=\"yes\">\n<div class=\"tc-drop-down\">\n<$transclude tiddler=\"$:/core/ui/ListItemTemplate\"/>\n<hr>\n<$list filter=\"[all[current]backlinks[]sort[title]]\" template=\"$:/core/ui/ListItemTemplate\"/>\n</div>\n</$reveal>\n</div>\n"
},
"$:/core/ui/MoreSideBar/All": {
"title": "$:/core/ui/MoreSideBar/All",
"tags": "$:/tags/MoreSideBar",
"caption": "{{$:/language/SideBar/All/Caption}}",
"text": "<$list filter={{$:/core/Filters/AllTiddlers!!filter}} template=\"$:/core/ui/ListItemTemplate\"/>\n"
},
"$:/core/ui/MoreSideBar/Drafts": {
"title": "$:/core/ui/MoreSideBar/Drafts",
"tags": "$:/tags/MoreSideBar",
"caption": "{{$:/language/SideBar/Drafts/Caption}}",
"text": "<$list filter={{$:/core/Filters/Drafts!!filter}} template=\"$:/core/ui/ListItemTemplate\"/>\n"
},
"$:/core/ui/MoreSideBar/Missing": {
"title": "$:/core/ui/MoreSideBar/Missing",
"tags": "$:/tags/MoreSideBar",
"caption": "{{$:/language/SideBar/Missing/Caption}}",
"text": "<$list filter={{$:/core/Filters/Missing!!filter}} template=\"$:/core/ui/MissingTemplate\"/>\n"
},
"$:/core/ui/MoreSideBar/Orphans": {
"title": "$:/core/ui/MoreSideBar/Orphans",
"tags": "$:/tags/MoreSideBar",
"caption": "{{$:/language/SideBar/Orphans/Caption}}",
"text": "<$list filter={{$:/core/Filters/Orphans!!filter}} template=\"$:/core/ui/ListItemTemplate\"/>\n"
},
"$:/core/ui/MoreSideBar/Recent": {
"title": "$:/core/ui/MoreSideBar/Recent",
"tags": "$:/tags/MoreSideBar",
"caption": "{{$:/language/SideBar/Recent/Caption}}",
"text": "<$macrocall $name=\"timeline\" format={{$:/language/RecentChanges/DateFormat}}/>\n"
},
"$:/core/ui/MoreSideBar/Shadows": {
"title": "$:/core/ui/MoreSideBar/Shadows",
"tags": "$:/tags/MoreSideBar",
"caption": "{{$:/language/SideBar/Shadows/Caption}}",
"text": "<$list filter={{$:/core/Filters/ShadowTiddlers!!filter}} template=\"$:/core/ui/ListItemTemplate\"/>\n"
},
"$:/core/ui/MoreSideBar/System": {
"title": "$:/core/ui/MoreSideBar/System",
"tags": "$:/tags/MoreSideBar",
"caption": "{{$:/language/SideBar/System/Caption}}",
"text": "<$list filter={{$:/core/Filters/SystemTiddlers!!filter}} template=\"$:/core/ui/ListItemTemplate\"/>\n"
},
"$:/core/ui/MoreSideBar/Tags": {
"title": "$:/core/ui/MoreSideBar/Tags",
"tags": "$:/tags/MoreSideBar",
"caption": "{{$:/language/SideBar/Tags/Caption}}",
"text": "<$set name=\"tv-config-toolbar-icons\" value=\"yes\">\n\n<$set name=\"tv-config-toolbar-text\" value=\"yes\">\n\n<$set name=\"tv-config-toolbar-class\" value=\"\">\n\n{{$:/core/ui/Buttons/tag-manager}}\n\n</$set>\n\n</$set>\n\n</$set>\n\n<$list filter={{$:/core/Filters/AllTags!!filter}}>\n\n<$transclude tiddler=\"$:/core/ui/TagTemplate\"/>\n\n</$list>\n\n<hr class=\"tc-untagged-separator\">\n\n{{$:/core/ui/UntaggedTemplate}}\n"
},
"$:/core/ui/MoreSideBar/Types": {
"title": "$:/core/ui/MoreSideBar/Types",
"tags": "$:/tags/MoreSideBar",
"caption": "{{$:/language/SideBar/Types/Caption}}",
"text": "<$list filter={{$:/core/Filters/TypedTiddlers!!filter}}>\n<div class=\"tc-menu-list-item\">\n<$view field=\"type\"/>\n<$list filter=\"[type{!!type}!is[system]sort[title]]\">\n<div class=\"tc-menu-list-subitem\">\n<$link to={{!!title}}><$view field=\"title\"/></$link>\n</div>\n</$list>\n</div>\n</$list>\n"
},
"$:/core/ui/Buttons/advanced-search": {
"title": "$:/core/ui/Buttons/advanced-search",
"tags": "$:/tags/PageControls",
"caption": "{{$:/core/images/advanced-search-button}} {{$:/language/Buttons/AdvancedSearch/Caption}}",
"description": "{{$:/language/Buttons/AdvancedSearch/Hint}}",
"text": "\\define control-panel-button(class)\n<$button to=\"$:/AdvancedSearch\" tooltip={{$:/language/Buttons/AdvancedSearch/Hint}} aria-label={{$:/language/Buttons/AdvancedSearch/Caption}} class=\"\"\"$(tv-config-toolbar-class)$ $class$\"\"\">\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/advanced-search-button}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/AdvancedSearch/Caption}}/></span>\n</$list>\n</$button>\n\\end\n\n<$list filter=\"[list[$:/StoryList]] +[field:title[$:/AdvancedSearch]]\" emptyMessage=<<control-panel-button>>>\n<<control-panel-button \"tc-selected\">>\n</$list>\n"
},
"$:/core/ui/Buttons/close-all": {
"title": "$:/core/ui/Buttons/close-all",
"tags": "$:/tags/PageControls",
"caption": "{{$:/core/images/close-all-button}} {{$:/language/Buttons/CloseAll/Caption}}",
"description": "{{$:/language/Buttons/CloseAll/Hint}}",
"text": "<$button message=\"tm-close-all-tiddlers\" tooltip={{$:/language/Buttons/CloseAll/Hint}} aria-label={{$:/language/Buttons/CloseAll/Caption}} class=<<tv-config-toolbar-class>>>\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/close-all-button}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/CloseAll/Caption}}/></span>\n</$list>\n</$button>"
},
"$:/core/ui/Buttons/control-panel": {
"title": "$:/core/ui/Buttons/control-panel",
"tags": "$:/tags/PageControls",
"caption": "{{$:/core/images/options-button}} {{$:/language/Buttons/ControlPanel/Caption}}",
"description": "{{$:/language/Buttons/ControlPanel/Hint}}",
"text": "\\define control-panel-button(class)\n<$button to=\"$:/ControlPanel\" tooltip={{$:/language/Buttons/ControlPanel/Hint}} aria-label={{$:/language/Buttons/ControlPanel/Caption}} class=\"\"\"$(tv-config-toolbar-class)$ $class$\"\"\">\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/options-button}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/ControlPanel/Caption}}/></span>\n</$list>\n</$button>\n\\end\n\n<$list filter=\"[list[$:/StoryList]] +[field:title[$:/ControlPanel]]\" emptyMessage=<<control-panel-button>>>\n<<control-panel-button \"tc-selected\">>\n</$list>\n"
},
"$:/core/ui/Buttons/encryption": {
"title": "$:/core/ui/Buttons/encryption",
"tags": "$:/tags/PageControls",
"caption": "{{$:/core/images/locked-padlock}} {{$:/language/Buttons/Encryption/Caption}}",
"description": "{{$:/language/Buttons/Encryption/Hint}}",
"text": "<$reveal type=\"match\" state=\"$:/isEncrypted\" text=\"yes\">\n<$button message=\"tm-clear-password\" tooltip={{$:/language/Buttons/Encryption/ClearPassword/Hint}} aria-label={{$:/language/Buttons/Encryption/ClearPassword/Caption}} class=<<tv-config-toolbar-class>>>\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/locked-padlock}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/Encryption/ClearPassword/Caption}}/></span>\n</$list>\n</$button>\n</$reveal>\n<$reveal type=\"nomatch\" state=\"$:/isEncrypted\" text=\"yes\">\n<$button message=\"tm-set-password\" tooltip={{$:/language/Buttons/Encryption/SetPassword/Hint}} aria-label={{$:/language/Buttons/Encryption/SetPassword/Caption}} class=<<tv-config-toolbar-class>>>\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/unlocked-padlock}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/Encryption/SetPassword/Caption}}/></span>\n</$list>\n</$button>\n</$reveal>"
},
"$:/core/ui/Buttons/export-page": {
"title": "$:/core/ui/Buttons/export-page",
"tags": "$:/tags/PageControls",
"caption": "{{$:/core/images/export-button}} {{$:/language/Buttons/ExportPage/Caption}}",
"description": "{{$:/language/Buttons/ExportPage/Hint}}",
"text": "<$macrocall $name=\"exportButton\" exportFilter=\"[!is[system]sort[title]]\" lingoBase=\"$:/language/Buttons/ExportPage/\"/>"
},
"$:/core/ui/Buttons/full-screen": {
"title": "$:/core/ui/Buttons/full-screen",
"tags": "$:/tags/PageControls",
"caption": "{{$:/core/images/full-screen-button}} {{$:/language/Buttons/FullScreen/Caption}}",
"description": "{{$:/language/Buttons/FullScreen/Hint}}",
"text": "<$button message=\"tm-full-screen\" tooltip={{$:/language/Buttons/FullScreen/Hint}} aria-label={{$:/language/Buttons/FullScreen/Caption}} class=<<tv-config-toolbar-class>>>\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/full-screen-button}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/FullScreen/Caption}}/></span>\n</$list>\n</$button>"
},
"$:/core/ui/Buttons/home": {
"title": "$:/core/ui/Buttons/home",
"tags": "$:/tags/PageControls",
"caption": "{{$:/core/images/home-button}} {{$:/language/Buttons/Home/Caption}}",
"description": "{{$:/language/Buttons/Home/Hint}}",
"text": "<$button message=\"tm-home\" tooltip={{$:/language/Buttons/Home/Hint}} aria-label={{$:/language/Buttons/Home/Caption}} class=<<tv-config-toolbar-class>>>\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/home-button}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/Home/Caption}}/></span>\n</$list>\n</$button>"
},
"$:/core/ui/Buttons/import": {
"title": "$:/core/ui/Buttons/import",
"tags": "$:/tags/PageControls",
"caption": "{{$:/core/images/import-button}} {{$:/language/Buttons/Import/Caption}}",
"description": "{{$:/language/Buttons/Import/Hint}}",
"text": "<div class=\"tc-file-input-wrapper\">\n<$button tooltip={{$:/language/Buttons/Import/Hint}} aria-label={{$:/language/Buttons/Import/Caption}} class=<<tv-config-toolbar-class>>>\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/import-button}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/Import/Caption}}/></span>\n</$list>\n</$button>\n<$browse tooltip={{$:/language/Buttons/Import/Hint}}/>\n</div>"
},
"$:/core/ui/Buttons/language": {
"title": "$:/core/ui/Buttons/language",
"tags": "$:/tags/PageControls",
"caption": "{{$:/core/images/globe}} {{$:/language/Buttons/Language/Caption}}",
"description": "{{$:/language/Buttons/Language/Hint}}",
"text": "\\define flag-title()\n$(languagePluginTitle)$/icon\n\\end\n<span class=\"tc-popup-keep\">\n<$button popup=<<qualify \"$:/state/popup/language\">> tooltip={{$:/language/Buttons/Language/Hint}} aria-label={{$:/language/Buttons/Language/Caption}} class=<<tv-config-toolbar-class>> selectedClass=\"tc-selected\">\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n<span class=\"tc-image-button\">\n<$set name=\"languagePluginTitle\" value={{$:/language}}>\n<$image source=<<flag-title>>/>\n</$set>\n</span>\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/Language/Caption}}/></span>\n</$list>\n</$button>\n</span>\n<$reveal state=<<qualify \"$:/state/popup/language\">> type=\"popup\" position=\"below\" animate=\"yes\">\n<div class=\"tc-drop-down tc-drop-down-language-chooser\">\n<$linkcatcher to=\"$:/language\">\n<$list filter=\"[[$:/languages/en-GB]] [plugin-type[language]sort[description]]\">\n<$link>\n<span class=\"tc-drop-down-bullet\">\n<$reveal type=\"match\" state=\"$:/language\" text=<<currentTiddler>>>\n•\n</$reveal>\n<$reveal type=\"nomatch\" state=\"$:/language\" text=<<currentTiddler>>>\n \n</$reveal>\n</span>\n<span class=\"tc-image-button\">\n<$set name=\"languagePluginTitle\" value=<<currentTiddler>>>\n<$transclude subtiddler=<<flag-title>>>\n<$list filter=\"[all[current]field:title[$:/languages/en-GB]]\">\n<$transclude tiddler=\"$:/languages/en-GB/icon\"/>\n</$list>\n</$transclude>\n</$set>\n</span>\n<$view field=\"description\">\n<$view field=\"name\">\n<$view field=\"title\"/>\n</$view>\n</$view>\n</$link>\n</$list>\n</$linkcatcher>\n</div>\n</$reveal>"
},
"$:/core/ui/Buttons/more-page-actions": {
"title": "$:/core/ui/Buttons/more-page-actions",
"tags": "$:/tags/PageControls",
"caption": "{{$:/core/images/down-arrow}} {{$:/language/Buttons/More/Caption}}",
"description": "{{$:/language/Buttons/More/Hint}}",
"text": "\\define config-title()\n$:/config/PageControlButtons/Visibility/$(listItem)$\n\\end\n<$button popup=<<qualify \"$:/state/popup/more\">> tooltip={{$:/language/Buttons/More/Hint}} aria-label={{$:/language/Buttons/More/Caption}} class=<<tv-config-toolbar-class>> selectedClass=\"tc-selected\">\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/down-arrow}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/More/Caption}}/></span>\n</$list>\n</$button><$reveal state=<<qualify \"$:/state/popup/more\">> type=\"popup\" position=\"below\" animate=\"yes\">\n\n<div class=\"tc-drop-down\">\n\n<$set name=\"tv-config-toolbar-icons\" value=\"yes\">\n\n<$set name=\"tv-config-toolbar-text\" value=\"yes\">\n\n<$set name=\"tv-config-toolbar-class\" value=\"tc-btn-invisible\">\n\n<$list filter=\"[all[shadows+tiddlers]tag[$:/tags/PageControls]!has[draft.of]] -[[$:/core/ui/Buttons/more-page-actions]]\" variable=\"listItem\">\n\n<$reveal type=\"match\" state=<<config-title>> text=\"hide\">\n\n<$transclude tiddler=<<listItem>> mode=\"inline\"/>\n\n</$reveal>\n\n</$list>\n\n</$set>\n\n</$set>\n\n</$set>\n\n</div>\n\n</$reveal>"
},
"$:/core/ui/Buttons/new-journal": {
"title": "$:/core/ui/Buttons/new-journal",
"tags": "$:/tags/PageControls",
"caption": "{{$:/core/images/new-journal-button}} {{$:/language/Buttons/NewJournal/Caption}}",
"description": "{{$:/language/Buttons/NewJournal/Hint}}",
"text": "\\define journalButton()\n<$button tooltip={{$:/language/Buttons/NewJournal/Hint}} aria-label={{$:/language/Buttons/NewJournal/Caption}} class=<<tv-config-toolbar-class>>>\n<$action-sendmessage $message=\"tm-new-tiddler\" title=<<now \"$(journalTitleTemplate)$\">> tags=\"$(journalTags)$\"/>\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/new-journal-button}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/NewJournal/Caption}}/></span>\n</$list>\n</$button>\n\\end\n<$set name=\"journalTitleTemplate\" value={{$:/config/NewJournal/Title}}>\n<$set name=\"journalTags\" value={{$:/config/NewJournal/Tags}}>\n<<journalButton>>\n</$set></$set>"
},
"$:/core/ui/Buttons/new-tiddler": {
"title": "$:/core/ui/Buttons/new-tiddler",
"tags": "$:/tags/PageControls",
"caption": "{{$:/core/images/new-button}} {{$:/language/Buttons/NewTiddler/Caption}}",
"description": "{{$:/language/Buttons/NewTiddler/Hint}}",
"text": "<$button message=\"tm-new-tiddler\" tooltip={{$:/language/Buttons/NewTiddler/Hint}} aria-label={{$:/language/Buttons/NewTiddler/Caption}} class=<<tv-config-toolbar-class>>>\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/new-button}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/NewTiddler/Caption}}/></span>\n</$list>\n</$button>"
},
"$:/core/ui/Buttons/palette": {
"title": "$:/core/ui/Buttons/palette",
"tags": "$:/tags/PageControls",
"caption": "{{$:/core/images/palette}} {{$:/language/Buttons/Palette/Caption}}",
"description": "{{$:/language/Buttons/Palette/Hint}}",
"text": "<span class=\"tc-popup-keep\">\n<$button popup=<<qualify \"$:/state/popup/palette\">> tooltip={{$:/language/Buttons/Palette/Hint}} aria-label={{$:/language/Buttons/Palette/Caption}} class=<<tv-config-toolbar-class>> selectedClass=\"tc-selected\">\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/palette}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/Palette/Caption}}/></span>\n</$list>\n</$button>\n</span>\n<$reveal state=<<qualify \"$:/state/popup/palette\">> type=\"popup\" position=\"below\" animate=\"yes\">\n<div class=\"tc-drop-down\" style=\"font-size:0.7em;\">\n{{$:/snippets/paletteswitcher}}\n</div>\n</$reveal>"
},
"$:/core/ui/Buttons/refresh": {
"title": "$:/core/ui/Buttons/refresh",
"tags": "$:/tags/PageControls",
"caption": "{{$:/core/images/refresh-button}} {{$:/language/Buttons/Refresh/Caption}}",
"description": "{{$:/language/Buttons/Refresh/Hint}}",
"text": "<$button message=\"tm-browser-refresh\" tooltip={{$:/language/Buttons/Refresh/Hint}} aria-label={{$:/language/Buttons/Refresh/Caption}} class=<<tv-config-toolbar-class>>>\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/refresh-button}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/Refresh/Caption}}/></span>\n</$list>\n</$button>"
},
"$:/core/ui/Buttons/save-wiki": {
"title": "$:/core/ui/Buttons/save-wiki",
"tags": "$:/tags/PageControls",
"caption": "{{$:/core/images/save-button}} {{$:/language/Buttons/SaveWiki/Caption}}",
"description": "{{$:/language/Buttons/SaveWiki/Hint}}",
"text": "<$button message=\"tm-save-wiki\" param={{$:/config/SaveWikiButton/Template}} tooltip={{$:/language/Buttons/SaveWiki/Hint}} aria-label={{$:/language/Buttons/SaveWiki/Caption}} class=<<tv-config-toolbar-class>>>\n<span class=\"tc-dirty-indicator\">\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/save-button}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/SaveWiki/Caption}}/></span>\n</$list>\n</span>\n</$button>"
},
"$:/core/ui/Buttons/storyview": {
"title": "$:/core/ui/Buttons/storyview",
"tags": "$:/tags/PageControls",
"caption": "{{$:/core/images/storyview-classic}} {{$:/language/Buttons/StoryView/Caption}}",
"description": "{{$:/language/Buttons/StoryView/Hint}}",
"text": "\\define icon()\n$:/core/images/storyview-$(storyview)$\n\\end\n<span class=\"tc-popup-keep\">\n<$button popup=<<qualify \"$:/state/popup/storyview\">> tooltip={{$:/language/Buttons/StoryView/Hint}} aria-label={{$:/language/Buttons/StoryView/Caption}} class=<<tv-config-toolbar-class>> selectedClass=\"tc-selected\">\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n<$set name=\"storyview\" value={{$:/view}}>\n<$transclude tiddler=<<icon>>/>\n</$set>\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/StoryView/Caption}}/></span>\n</$list>\n</$button>\n</span>\n<$reveal state=<<qualify \"$:/state/popup/storyview\">> type=\"popup\" position=\"below\" animate=\"yes\">\n<div class=\"tc-drop-down\">\n<$linkcatcher to=\"$:/view\">\n<$list filter=\"[storyviews[]]\" variable=\"storyview\">\n<$link to=<<storyview>>>\n<span class=\"tc-drop-down-bullet\">\n<$reveal type=\"match\" state=\"$:/view\" text=<<storyview>>>\n•\n</$reveal>\n<$reveal type=\"nomatch\" state=\"$:/view\" text=<<storyview>>>\n \n</$reveal>\n</span>\n<$transclude tiddler=<<icon>>/>\n<$text text=<<storyview>>/></$link>\n</$list>\n</$linkcatcher>\n</div>\n</$reveal>"
},
"$:/core/ui/Buttons/tag-manager": {
"title": "$:/core/ui/Buttons/tag-manager",
"tags": "$:/tags/PageControls",
"caption": "{{$:/core/images/tag-button}} {{$:/language/Buttons/TagManager/Caption}}",
"description": "{{$:/language/Buttons/TagManager/Hint}}",
"text": "\\define control-panel-button(class)\n<$button to=\"$:/TagManager\" tooltip={{$:/language/Buttons/TagManager/Hint}} aria-label={{$:/language/Buttons/TagManager/Caption}} class=\"\"\"$(tv-config-toolbar-class)$ $class$\"\"\">\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/tag-button}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/TagManager/Caption}}/></span>\n</$list>\n</$button>\n\\end\n\n<$list filter=\"[list[$:/StoryList]] +[field:title[$:/TagManager]]\" emptyMessage=<<control-panel-button>>>\n<<control-panel-button \"tc-selected\">>\n</$list>\n"
},
"$:/core/ui/Buttons/theme": {
"title": "$:/core/ui/Buttons/theme",
"tags": "$:/tags/PageControls",
"caption": "{{$:/core/images/theme-button}} {{$:/language/Buttons/Theme/Caption}}",
"description": "{{$:/language/Buttons/Theme/Hint}}",
"text": "<span class=\"tc-popup-keep\">\n<$button popup=<<qualify \"$:/state/popup/theme\">> tooltip={{$:/language/Buttons/Theme/Hint}} aria-label={{$:/language/Buttons/Theme/Caption}} class=<<tv-config-toolbar-class>> selectedClass=\"tc-selected\">\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/theme-button}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/Theme/Caption}}/></span>\n</$list>\n</$button>\n</span>\n<$reveal state=<<qualify \"$:/state/popup/theme\">> type=\"popup\" position=\"below\" animate=\"yes\">\n<div class=\"tc-drop-down\">\n<$linkcatcher to=\"$:/theme\">\n<$list filter=\"[plugin-type[theme]sort[title]]\" variable=\"themeTitle\">\n<$link to=<<themeTitle>>>\n<span class=\"tc-drop-down-bullet\">\n<$reveal type=\"match\" state=\"$:/theme\" text=<<themeTitle>>>\n•\n</$reveal>\n<$reveal type=\"nomatch\" state=\"$:/theme\" text=<<themeTitle>>>\n \n</$reveal>\n</span>\n<$view tiddler=<<themeTitle>> field=\"name\"/>\n</$link>\n</$list>\n</$linkcatcher>\n</div>\n</$reveal>"
},
"$:/core/ui/PageTemplate/pagecontrols": {
"title": "$:/core/ui/PageTemplate/pagecontrols",
"text": "\\define config-title()\n$:/config/PageControlButtons/Visibility/$(listItem)$\n\\end\n<div class=\"tc-page-controls\">\n<$list filter=\"[all[shadows+tiddlers]tag[$:/tags/PageControls]!has[draft.of]]\" variable=\"listItem\">\n<$reveal type=\"nomatch\" state=<<config-title>> text=\"hide\">\n<$transclude tiddler=<<listItem>> mode=\"inline\"/>\n</$reveal>\n</$list>\n</div>\n\n"
},
"$:/core/ui/PageStylesheet": {
"title": "$:/core/ui/PageStylesheet",
"text": "<$importvariables filter=\"[[$:/core/ui/PageMacros]] [all[shadows+tiddlers]tag[$:/tags/Macro]!has[draft.of]]\">\n\n<$set name=\"currentTiddler\" value={{$:/language}}>\n\n<$set name=\"languageTitle\" value={{!!name}}>\n\n<$list filter=\"[all[shadows+tiddlers]tag[$:/tags/Stylesheet]!has[draft.of]]\">\n<$transclude mode=\"block\"/>\n</$list>\n\n</$set>\n\n</$set>\n\n</$importvariables>\n"
},
"$:/core/ui/PageTemplate/alerts": {
"title": "$:/core/ui/PageTemplate/alerts",
"tags": "$:/tags/PageTemplate",
"text": "<div class=\"tc-alerts\">\n\n<$list filter=\"[all[shadows+tiddlers]tag[$:/tags/Alert]!has[draft.of]]\" template=\"$:/core/ui/AlertTemplate\" storyview=\"pop\"/>\n\n</div>\n"
},
"$:/core/ui/PageTemplate/pluginreloadwarning": {
"title": "$:/core/ui/PageTemplate/pluginreloadwarning",
"tags": "$:/tags/PageTemplate",
"text": "\\define lingo-base() $:/language/\n\n<$list filter=\"[has[plugin-type]haschanged[]!plugin-type[import]limit[1]]\">\n\n<$reveal type=\"nomatch\" state=\"$:/temp/HidePluginWarning\" text=\"yes\">\n\n<div class=\"tc-plugin-reload-warning\">\n\n<$set name=\"tv-config-toolbar-class\" value=\"\">\n\n<<lingo PluginReloadWarning>> <$button set=\"$:/temp/HidePluginWarning\" setTo=\"yes\" class=\"tc-btn-invisible\">{{$:/core/images/close-button}}</$button>\n\n</$set>\n\n</div>\n\n</$reveal>\n\n</$list>\n"
},
"$:/core/ui/PageTemplate/sidebar": {
"title": "$:/core/ui/PageTemplate/sidebar",
"tags": "$:/tags/PageTemplate",
"text": "<$scrollable fallthrough=\"no\" class=\"tc-sidebar-scrollable\">\n\n<div class=\"tc-sidebar-header\">\n\n<$reveal state=\"$:/state/sidebar\" type=\"match\" text=\"yes\" default=\"yes\" retain=\"yes\">\n\n<h1 class=\"tc-site-title\">\n\n<$transclude tiddler=\"$:/SiteTitle\" mode=\"inline\"/>\n\n</h1>\n\n<div class=\"tc-site-subtitle\">\n\n<$transclude tiddler=\"$:/SiteSubtitle\" mode=\"inline\"/>\n\n</div>\n\n{{||$:/core/ui/PageTemplate/pagecontrols}}\n\n<$transclude tiddler=\"$:/core/ui/SideBarLists\" mode=\"inline\"/>\n\n</$reveal>\n\n</div>\n\n</$scrollable>"
},
"$:/core/ui/PageTemplate/story": {
"title": "$:/core/ui/PageTemplate/story",
"tags": "$:/tags/PageTemplate",
"text": "<section class=\"tc-story-river\">\n\n<section class=\"story-backdrop\">\n\n<$list filter=\"[all[shadows+tiddlers]tag[$:/tags/AboveStory]!has[draft.of]]\">\n\n<$transclude/>\n\n</$list>\n\n</section>\n\n<$list filter=\"[list[$:/StoryList]]\" history=\"$:/HistoryList\" template=\"$:/core/ui/ViewTemplate\" editTemplate=\"$:/core/ui/EditTemplate\" storyview={{$:/view}} emptyMessage={{$:/config/EmptyStoryMessage}}/>\n\n<section class=\"story-frontdrop\">\n\n<$list filter=\"[all[shadows+tiddlers]tag[$:/tags/BelowStory]!has[draft.of]]\">\n\n<$transclude/>\n\n</$list>\n\n</section>\n\n</section>\n"
},
"$:/core/ui/PageTemplate/topleftbar": {
"title": "$:/core/ui/PageTemplate/topleftbar",
"tags": "$:/tags/PageTemplate",
"text": "<span class=\"tc-topbar tc-topbar-left\">\n\n<$list filter=\"[all[shadows+tiddlers]tag[$:/tags/TopLeftBar]!has[draft.of]]\" variable=\"listItem\">\n\n<$transclude tiddler=<<listItem>> mode=\"inline\"/>\n\n</$list>\n\n</span>\n"
},
"$:/core/ui/PageTemplate/toprightbar": {
"title": "$:/core/ui/PageTemplate/toprightbar",
"tags": "$:/tags/PageTemplate",
"text": "<span class=\"tc-topbar tc-topbar-right\">\n\n<$list filter=\"[all[shadows+tiddlers]tag[$:/tags/TopRightBar]!has[draft.of]]\" variable=\"listItem\">\n\n<$transclude tiddler=<<listItem>> mode=\"inline\"/>\n\n</$list>\n\n</span>\n"
},
"$:/core/ui/PageTemplate": {
"title": "$:/core/ui/PageTemplate",
"text": "\\define containerClasses()\ntc-page-container tc-page-view-$(themeTitle)$ tc-language-$(languageTitle)$\n\\end\n\n<$importvariables filter=\"[[$:/core/ui/PageMacros]] [all[shadows+tiddlers]tag[$:/tags/Macro]!has[draft.of]]\">\n\n<$set name=\"tv-config-toolbar-icons\" value={{$:/config/Toolbar/Icons}}>\n\n<$set name=\"tv-config-toolbar-text\" value={{$:/config/Toolbar/Text}}>\n\n<$set name=\"tv-config-toolbar-class\" value={{$:/config/Toolbar/ButtonClass}}>\n\n<$set name=\"themeTitle\" value={{$:/view}}>\n\n<$set name=\"currentTiddler\" value={{$:/language}}>\n\n<$set name=\"languageTitle\" value={{!!name}}>\n\n<$set name=\"currentTiddler\" value=\"\">\n\n<div class=<<containerClasses>>>\n\n<$navigator story=\"$:/StoryList\" history=\"$:/HistoryList\" openLinkFromInsideRiver={{$:/config/Navigation/openLinkFromInsideRiver}} openLinkFromOutsideRiver={{$:/config/Navigation/openLinkFromOutsideRiver}}>\n\n<$dropzone>\n\n<$list filter=\"[all[shadows+tiddlers]tag[$:/tags/PageTemplate]!has[draft.of]]\" variable=\"listItem\">\n\n<$transclude tiddler=<<listItem>>/>\n\n</$list>\n\n</$dropzone>\n\n</$navigator>\n\n</div>\n\n</$set>\n\n</$set>\n\n</$set>\n\n</$set>\n\n</$set>\n\n</$set>\n\n</$set>\n\n</$importvariables>\n"
},
"$:/core/ui/PluginInfo": {
"title": "$:/core/ui/PluginInfo",
"text": "\\define localised-info-tiddler-title()\n$(currentTiddler)$/$(languageTitle)$/$(currentTab)$\n\\end\n\\define info-tiddler-title()\n$(currentTiddler)$/$(currentTab)$\n\\end\n<$transclude tiddler=<<localised-info-tiddler-title>> mode=\"block\">\n<$transclude tiddler=<<currentTiddler>> subtiddler=<<localised-info-tiddler-title>> mode=\"block\">\n<$transclude tiddler=<<currentTiddler>> subtiddler=<<info-tiddler-title>> mode=\"block\">\nNo ''\"<$text text=<<currentTab>>/>\"'' found\n</$transclude>\n</$transclude>\n</$transclude>\n"
},
"$:/core/ui/SearchResults": {
"title": "$:/core/ui/SearchResults",
"text": "<div class=\"tc-search-results\">\n\n<$list filter=\"[all[shadows+tiddlers]tag[$:/tags/SearchResults]!has[draft.of]butfirst[]limit[1]]\" emptyMessage=\"\"\"\n<$list filter=\"[all[shadows+tiddlers]tag[$:/tags/SearchResults]!has[draft.of]]\">\n<$transclude mode=\"block\"/>\n</$list>\n\"\"\">\n<$macrocall $name=\"tabs\" tabsList=\"[all[shadows+tiddlers]tag[$:/tags/SearchResults]!has[draft.of]]\" default={{$:/config/SearchResults/Default}}/>\n</$list>\n\n</div>\n"
},
"$:/core/ui/SideBar/More": {
"title": "$:/core/ui/SideBar/More",
"tags": "$:/tags/SideBar",
"caption": "{{$:/language/SideBar/More/Caption}}",
"text": "<div class=\"tc-more-sidebar\">\n<<tabs \"[all[shadows+tiddlers]tag[$:/tags/MoreSideBar]!has[draft.of]]\" \"$:/core/ui/MoreSideBar/Tags\" \"$:/state/tab/moresidebar\" \"tc-vertical\">>\n</div>\n"
},
"$:/core/ui/SideBar/Open": {
"title": "$:/core/ui/SideBar/Open",
"tags": "$:/tags/SideBar",
"caption": "{{$:/language/SideBar/Open/Caption}}",
"text": "\\define lingo-base() $:/language/CloseAll/\n<$list filter=\"[list[$:/StoryList]]\" history=\"$:/HistoryList\" storyview=\"pop\">\n\n<$button message=\"tm-close-tiddler\" tooltip={{$:/language/Buttons/Close/Hint}} aria-label={{$:/language/Buttons/Close/Caption}} class=\"tc-btn-invisible tc-btn-mini\">×</$button> <$link to={{!!title}}><$view field=\"title\"/></$link>\n\n</$list>\n\n<$button message=\"tm-close-all-tiddlers\" class=\"tc-btn-invisible tc-btn-mini\"><<lingo Button>></$button>\n"
},
"$:/core/ui/SideBar/Recent": {
"title": "$:/core/ui/SideBar/Recent",
"tags": "$:/tags/SideBar",
"caption": "{{$:/language/SideBar/Recent/Caption}}",
"text": "<$macrocall $name=\"timeline\" format={{$:/language/RecentChanges/DateFormat}}/>\n"
},
"$:/core/ui/SideBar/Tools": {
"title": "$:/core/ui/SideBar/Tools",
"tags": "$:/tags/SideBar",
"caption": "{{$:/language/SideBar/Tools/Caption}}",
"text": "\\define lingo-base() $:/language/ControlPanel/\n\\define config-title()\n$:/config/PageControlButtons/Visibility/$(listItem)$\n\\end\n\n<<lingo Basics/Version/Prompt>> <<version>>\n\n<$set name=\"tv-config-toolbar-icons\" value=\"yes\">\n\n<$set name=\"tv-config-toolbar-text\" value=\"yes\">\n\n<$set name=\"tv-config-toolbar-class\" value=\"\">\n\n<$list filter=\"[all[shadows+tiddlers]tag[$:/tags/PageControls]!has[draft.of]]\" variable=\"listItem\">\n\n<div style=\"position:relative;\">\n\n<$checkbox tiddler=<<config-title>> field=\"text\" checked=\"show\" unchecked=\"hide\" default=\"show\"/> <$transclude tiddler=<<listItem>>/> <i class=\"tc-muted\"><$transclude tiddler=<<listItem>> field=\"description\"/></i>\n\n</div>\n\n</$list>\n\n</$set>\n\n</$set>\n\n</$set>\n"
},
"$:/core/ui/SideBarLists": {
"title": "$:/core/ui/SideBarLists",
"text": "<div class=\"tc-sidebar-lists\">\n\n<div class=\"tc-search\">\n<$edit-text tiddler=\"$:/temp/search\" type=\"search\" tag=\"input\" focus={{$:/config/Search/AutoFocus}}/>\n<$reveal state=\"$:/temp/search\" type=\"nomatch\" text=\"\">\n<$button tooltip={{$:/language/Buttons/AdvancedSearch/Hint}} aria-label={{$:/language/Buttons/AdvancedSearch/Caption}} class=\"tc-btn-invisible\">\n<$action-setfield $tiddler=\"$:/temp/advancedsearch\" text={{$:/temp/search}}/>\n<$action-setfield $tiddler=\"$:/temp/search\" text=\"\"/>\n<$action-navigate $to=\"$:/AdvancedSearch\"/>\n{{$:/core/images/advanced-search-button}}\n</$button>\n<$button class=\"tc-btn-invisible\">\n<$action-setfield $tiddler=\"$:/temp/search\" text=\"\" />\n{{$:/core/images/close-button}}\n</$button>\n</$reveal>\n<$reveal state=\"$:/temp/search\" type=\"match\" text=\"\">\n<$button to=\"$:/AdvancedSearch\" tooltip={{$:/language/Buttons/AdvancedSearch/Hint}} aria-label={{$:/language/Buttons/AdvancedSearch/Caption}} class=\"tc-btn-invisible\">\n{{$:/core/images/advanced-search-button}}\n</$button>\n</$reveal>\n</div>\n\n<$reveal state=\"$:/temp/search\" type=\"nomatch\" text=\"\">\n\n<$set name=\"searchTiddler\" value=\"$:/temp/search\">\n{{$:/core/ui/SearchResults}}\n</$set>\n\n</$reveal>\n\n<$reveal state=\"$:/temp/search\" type=\"match\" text=\"\">\n\n<$macrocall $name=\"tabs\" tabsList=\"[all[shadows+tiddlers]tag[$:/tags/SideBar]!has[draft.of]]\" default={{$:/config/DefaultSidebarTab}} state=\"$:/state/tab/sidebar\" />\n\n</$reveal>\n\n</div>\n"
},
"$:/TagManager": {
"title": "$:/TagManager",
"icon": "$:/core/images/tag-button",
"color": "#bbb",
"text": "\\define lingo-base() $:/language/TagManager/\n\\define iconEditorTab(type)\n<$list filter=\"[all[shadows+tiddlers]is[image]] [all[shadows+tiddlers]tag[$:/tags/Image]] -[type[application/pdf]] +[sort[title]] +[$type$is[system]]\">\n<$link to={{!!title}}>\n<$transclude/> <$view field=\"title\"/>\n</$link>\n</$list>\n\\end\n\\define iconEditor(title)\n<div class=\"tc-drop-down-wrapper\">\n<$button popup=<<qualify \"$:/state/popup/icon/$title$\">> class=\"tc-btn-invisible tc-btn-dropdown\">{{$:/core/images/down-arrow}}</$button>\n<$reveal state=<<qualify \"$:/state/popup/icon/$title$\">> type=\"popup\" position=\"belowleft\" text=\"\" default=\"\">\n<div class=\"tc-drop-down\">\n<$linkcatcher to=\"$title$!!icon\">\n<<iconEditorTab type:\"!\">>\n<hr/>\n<<iconEditorTab type:\"\">>\n</$linkcatcher>\n</div>\n</$reveal>\n</div>\n\\end\n\\define qualifyTitle(title)\n$title$$(currentTiddler)$\n\\end\n\\define toggleButton(state)\n<$reveal state=\"$state$\" type=\"match\" text=\"closed\" default=\"closed\">\n<$button set=\"$state$\" setTo=\"open\" class=\"tc-btn-invisible tc-btn-dropdown\" selectedClass=\"tc-selected\">\n{{$:/core/images/info-button}}\n</$button>\n</$reveal>\n<$reveal state=\"$state$\" type=\"match\" text=\"open\" default=\"closed\">\n<$button set=\"$state$\" setTo=\"closed\" class=\"tc-btn-invisible tc-btn-dropdown\" selectedClass=\"tc-selected\">\n{{$:/core/images/info-button}}\n</$button>\n</$reveal>\n\\end\n<table class=\"tc-tag-manager-table\">\n<tbody>\n<tr>\n<th><<lingo Colour/Heading>></th>\n<th class=\"tc-tag-manager-tag\"><<lingo Tag/Heading>></th>\n<th><<lingo Count/Heading>></th>\n<th><<lingo Icon/Heading>></th>\n<th><<lingo Info/Heading>></th>\n</tr>\n<$list filter=\"[tags[]!is[system]sort[title]]\">\n<tr>\n<td><$edit-text field=\"color\" tag=\"input\" type=\"color\"/></td>\n<td><$transclude tiddler=\"$:/core/ui/TagTemplate\"/></td>\n<td><$count filter=\"[all[current]tagging[]]\"/></td>\n<td>\n<$macrocall $name=\"iconEditor\" title={{!!title}}/>\n</td>\n<td>\n<$macrocall $name=\"toggleButton\" state=<<qualifyTitle \"$:/state/tag-manager/\">> /> \n</td>\n</tr>\n<tr>\n<td></td>\n<td colspan=\"4\">\n<$reveal state=<<qualifyTitle \"$:/state/tag-manager/\">> type=\"match\" text=\"open\" default=\"\">\n<table>\n<tbody>\n<tr><td><<lingo Colour/Heading>></td><td><$edit-text field=\"color\" tag=\"input\" type=\"text\" size=\"9\"/></td></tr>\n<tr><td><<lingo Icon/Heading>></td><td><$edit-text field=\"icon\" tag=\"input\" size=\"45\"/></td></tr>\n</tbody>\n</table>\n</$reveal>\n</td>\n</tr>\n</$list>\n<tr>\n<td></td>\n<td>\n{{$:/core/ui/UntaggedTemplate}}\n</td>\n<td>\n<small class=\"tc-menu-list-count\"><$count filter=\"[untagged[]!is[system]] -[tags[]]\"/></small>\n</td>\n<td></td>\n<td></td>\n</tr>\n</tbody>\n</table>\n"
},
"$:/core/ui/TagTemplate": {
"title": "$:/core/ui/TagTemplate",
"text": "\\define tag-styles()\nbackground-color:$(backgroundColor)$;\nfill:$(foregroundColor)$;\ncolor:$(foregroundColor)$;\n\\end\n\n\\define tag-body-inner(colour,fallbackTarget,colourA,colourB)\n<$set name=\"foregroundColor\" value=<<contrastcolour target:\"\"\"$colour$\"\"\" fallbackTarget:\"\"\"$fallbackTarget$\"\"\" colourA:\"\"\"$colourA$\"\"\" colourB:\"\"\"$colourB$\"\"\">>>\n<$set name=\"backgroundColor\" value=\"\"\"$colour$\"\"\">\n<$button popup=<<qualify \"$:/state/popup/tag\">> class=\"tc-btn-invisible tc-tag-label\" style=<<tag-styles>>>\n<$transclude tiddler={{!!icon}}/> <$view field=\"title\" format=\"text\" />\n</$button>\n<$reveal state=<<qualify \"$:/state/popup/tag\">> type=\"popup\" position=\"below\" animate=\"yes\"><div class=\"tc-drop-down\"><$transclude tiddler=\"$:/core/ui/ListItemTemplate\"/>\n<hr>\n<$list filter=\"[all[current]tagging[]]\" template=\"$:/core/ui/ListItemTemplate\"/>\n</div>\n</$reveal>\n</$set>\n</$set>\n\\end\n\n\\define tag-body(colour,palette)\n<span class=\"tc-tag-list-item\">\n<$macrocall $name=\"tag-body-inner\" colour=\"\"\"$colour$\"\"\" fallbackTarget={{$palette$##tag-background}} colourA={{$palette$##foreground}} colourB={{$palette$##background}}/>\n</span>\n\\end\n\n<$macrocall $name=\"tag-body\" colour={{!!color}} palette={{$:/palette}}/>\n"
},
"$:/core/ui/TiddlerFieldTemplate": {
"title": "$:/core/ui/TiddlerFieldTemplate",
"text": "<tr class=\"tc-view-field\">\n<td class=\"tc-view-field-name\">\n<$text text=<<listItem>>/>\n</td>\n<td class=\"tc-view-field-value\">\n<$view field=<<listItem>>/>\n</td>\n</tr>"
},
"$:/core/ui/TiddlerFields": {
"title": "$:/core/ui/TiddlerFields",
"text": "<table class=\"tc-view-field-table\">\n<tbody>\n<$list filter=\"[all[current]fields[]sort[title]] -text\" template=\"$:/core/ui/TiddlerFieldTemplate\" variable=\"listItem\"/>\n</tbody>\n</table>\n"
},
"$:/core/ui/TiddlerInfo/Advanced/PluginInfo": {
"title": "$:/core/ui/TiddlerInfo/Advanced/PluginInfo",
"tags": "$:/tags/TiddlerInfo/Advanced",
"text": "\\define lingo-base() $:/language/TiddlerInfo/Advanced/PluginInfo/\n<$list filter=\"[all[current]has[plugin-type]]\">\n\n! <<lingo Heading>>\n\n<<lingo Hint>>\n<ul>\n<$list filter=\"[all[current]plugintiddlers[]sort[title]]\" emptyMessage=<<lingo Empty/Hint>>>\n<li>\n<$link to={{!!title}}>\n<$view field=\"title\"/>\n</$link>\n</li>\n</$list>\n</ul>\n\n</$list>\n"
},
"$:/core/ui/TiddlerInfo/Advanced/ShadowInfo": {
"title": "$:/core/ui/TiddlerInfo/Advanced/ShadowInfo",
"tags": "$:/tags/TiddlerInfo/Advanced",
"text": "\\define lingo-base() $:/language/TiddlerInfo/Advanced/ShadowInfo/\n<$set name=\"infoTiddler\" value=<<currentTiddler>>>\n\n''<<lingo Heading>>''\n\n<$list filter=\"[all[current]!is[shadow]]\">\n\n<<lingo NotShadow/Hint>>\n\n</$list>\n\n<$list filter=\"[all[current]is[shadow]]\">\n\n<<lingo Shadow/Hint>>\n\n<$list filter=\"[all[current]shadowsource[]]\">\n\n<$set name=\"pluginTiddler\" value=<<currentTiddler>>>\n<<lingo Shadow/Source>>\n</$set>\n\n</$list>\n\n<$list filter=\"[all[current]is[shadow]is[tiddler]]\">\n\n<<lingo OverriddenShadow/Hint>>\n\n</$list>\n\n\n</$list>\n</$set>\n"
},
"$:/core/ui/TiddlerInfo/Advanced": {
"title": "$:/core/ui/TiddlerInfo/Advanced",
"tags": "$:/tags/TiddlerInfo",
"caption": "{{$:/language/TiddlerInfo/Advanced/Caption}}",
"text": "<$list filter=\"[all[shadows+tiddlers]tag[$:/tags/TiddlerInfo/Advanced]!has[draft.of]]\" variable=\"listItem\">\n<$transclude tiddler=<<listItem>>/>\n\n</$list>\n"
},
"$:/core/ui/TiddlerInfo/Fields": {
"title": "$:/core/ui/TiddlerInfo/Fields",
"tags": "$:/tags/TiddlerInfo",
"caption": "{{$:/language/TiddlerInfo/Fields/Caption}}",
"text": "<$transclude tiddler=\"$:/core/ui/TiddlerFields\"/>\n"
},
"$:/core/ui/TiddlerInfo/List": {
"title": "$:/core/ui/TiddlerInfo/List",
"tags": "$:/tags/TiddlerInfo",
"caption": "{{$:/language/TiddlerInfo/List/Caption}}",
"text": "\\define lingo-base() $:/language/TiddlerInfo/\n<$list filter=\"[list{!!title}]\" emptyMessage=<<lingo List/Empty>> template=\"$:/core/ui/ListItemTemplate\"/>\n"
},
"$:/core/ui/TiddlerInfo/Listed": {
"title": "$:/core/ui/TiddlerInfo/Listed",
"tags": "$:/tags/TiddlerInfo",
"caption": "{{$:/language/TiddlerInfo/Listed/Caption}}",
"text": "\\define lingo-base() $:/language/TiddlerInfo/\n<$list filter=\"[all[current]listed[]!is[system]]\" emptyMessage=<<lingo Listed/Empty>> template=\"$:/core/ui/ListItemTemplate\"/>\n"
},
"$:/core/ui/TiddlerInfo/References": {
"title": "$:/core/ui/TiddlerInfo/References",
"tags": "$:/tags/TiddlerInfo",
"caption": "{{$:/language/TiddlerInfo/References/Caption}}",
"text": "\\define lingo-base() $:/language/TiddlerInfo/\n<$list filter=\"[all[current]backlinks[]sort[title]]\" emptyMessage=<<lingo References/Empty>> template=\"$:/core/ui/ListItemTemplate\">\n</$list>\n"
},
"$:/core/ui/TiddlerInfo/Tagging": {
"title": "$:/core/ui/TiddlerInfo/Tagging",
"tags": "$:/tags/TiddlerInfo",
"caption": "{{$:/language/TiddlerInfo/Tagging/Caption}}",
"text": "\\define lingo-base() $:/language/TiddlerInfo/\n<$list filter=\"[all[current]tagging[]]\" emptyMessage=<<lingo Tagging/Empty>> template=\"$:/core/ui/ListItemTemplate\"/>\n"
},
"$:/core/ui/TiddlerInfo/Tools": {
"title": "$:/core/ui/TiddlerInfo/Tools",
"tags": "$:/tags/TiddlerInfo",
"caption": "{{$:/language/TiddlerInfo/Tools/Caption}}",
"text": "\\define lingo-base() $:/language/TiddlerInfo/\n\\define config-title()\n$:/config/ViewToolbarButtons/Visibility/$(listItem)$\n\\end\n<$set name=\"tv-config-toolbar-icons\" value=\"yes\">\n\n<$set name=\"tv-config-toolbar-text\" value=\"yes\">\n\n<$set name=\"tv-config-toolbar-class\" value=\"\">\n\n<$list filter=\"[all[shadows+tiddlers]tag[$:/tags/ViewToolbar]!has[draft.of]]\" variable=\"listItem\">\n\n<$checkbox tiddler=<<config-title>> field=\"text\" checked=\"show\" unchecked=\"hide\" default=\"show\"/> <$transclude tiddler=<<listItem>>/> <i class=\"tc-muted\"><$transclude tiddler=<<listItem>> field=\"description\"/></i>\n\n</$list>\n\n</$set>\n\n</$set>\n\n</$set>\n"
},
"$:/core/ui/TiddlerInfo": {
"title": "$:/core/ui/TiddlerInfo",
"text": "<$macrocall $name=\"tabs\" tabsList=\"[all[shadows+tiddlers]tag[$:/tags/TiddlerInfo]!has[draft.of]]\" default={{$:/config/TiddlerInfo/Default}}/>"
},
"$:/core/ui/TopBar/menu": {
"title": "$:/core/ui/TopBar/menu",
"tags": "$:/tags/TopRightBar",
"text": "<$reveal state=\"$:/state/sidebar\" type=\"nomatch\" text=\"no\">\n<$button set=\"$:/state/sidebar\" setTo=\"no\" tooltip={{$:/language/Buttons/HideSideBar/Hint}} aria-label={{$:/language/Buttons/HideSideBar/Caption}} class=\"tc-btn-invisible\">{{$:/core/images/chevron-right}}</$button>\n</$reveal>\n<$reveal state=\"$:/state/sidebar\" type=\"match\" text=\"no\">\n<$button set=\"$:/state/sidebar\" setTo=\"yes\" tooltip={{$:/language/Buttons/ShowSideBar/Hint}} aria-label={{$:/language/Buttons/ShowSideBar/Caption}} class=\"tc-btn-invisible\">{{$:/core/images/chevron-left}}</$button>\n</$reveal>\n"
},
"$:/core/ui/UntaggedTemplate": {
"title": "$:/core/ui/UntaggedTemplate",
"text": "\\define lingo-base() $:/language/SideBar/\n<$button popup=<<qualify \"$:/state/popup/tag\">> class=\"tc-btn-invisible tc-untagged-label tc-tag-label\">\n<<lingo Tags/Untagged/Caption>>\n</$button>\n<$reveal state=<<qualify \"$:/state/popup/tag\">> type=\"popup\" position=\"below\">\n<div class=\"tc-drop-down\">\n<$list filter=\"[untagged[]!is[system]] -[tags[]] +[sort[title]]\" template=\"$:/core/ui/ListItemTemplate\"/>\n</div>\n</$reveal>\n"
},
"$:/core/ui/ViewTemplate/body": {
"title": "$:/core/ui/ViewTemplate/body",
"tags": "$:/tags/ViewTemplate",
"text": "<div class=\"tc-tiddler-body\">\n\n<$list filter=\"[all[current]!has[plugin-type]!field:hide-body[yes]]\">\n\n<$transclude>\n\n<$transclude tiddler=\"$:/language/MissingTiddler/Hint\"/>\n\n</$transclude>\n\n</$list>\n\n</div>\n"
},
"$:/core/ui/ViewTemplate/classic": {
"title": "$:/core/ui/ViewTemplate/classic",
"tags": "$:/tags/ViewTemplate $:/tags/EditTemplate",
"text": "\\define lingo-base() $:/language/ClassicWarning/\n<$list filter=\"[all[current]type[text/x-tiddlywiki]]\">\n<div class=\"tc-message-box\">\n\n<<lingo Hint>>\n\n<$button set=\"!!type\" setTo=\"text/vnd.tiddlywiki\"><<lingo Upgrade/Caption>></$button>\n\n</div>\n</$list>\n"
},
"$:/core/ui/ViewTemplate/import": {
"title": "$:/core/ui/ViewTemplate/import",
"tags": "$:/tags/ViewTemplate",
"text": "\\define lingo-base() $:/language/Import/\n\n<$list filter=\"[all[current]field:plugin-type[import]]\">\n\n<div class=\"tc-import\">\n\n<<lingo Listing/Hint>>\n\n{{||$:/core/ui/ImportListing}}\n\n<$button message=\"tm-delete-tiddler\" param=<<currentTiddler>>><<lingo Listing/Cancel/Caption>></$button>\n<$button message=\"tm-perform-import\" param=<<currentTiddler>>><<lingo Listing/Import/Caption>></$button>\n\n</div>\n\n</$list>\n"
},
"$:/core/ui/ViewTemplate/plugin": {
"title": "$:/core/ui/ViewTemplate/plugin",
"tags": "$:/tags/ViewTemplate",
"text": "<$list filter=\"[all[current]has[plugin-type]] -[all[current]field:plugin-type[import]]\">\n\n{{||$:/core/ui/TiddlerInfo/Advanced/PluginInfo}}\n\n</$list>\n"
},
"$:/core/ui/ViewTemplate/subtitle": {
"title": "$:/core/ui/ViewTemplate/subtitle",
"tags": "$:/tags/ViewTemplate",
"text": "<div class=\"tc-subtitle\">\n<$link to={{!!modifier}}>\n<$view field=\"modifier\"/>\n</$link> <$view field=\"modified\" format=\"relativedate\"/>\n</div>\n"
},
"$:/core/ui/ViewTemplate/tags": {
"title": "$:/core/ui/ViewTemplate/tags",
"tags": "$:/tags/ViewTemplate",
"text": "<div class=\"tc-tags-wrapper\"><$list filter=\"[all[current]tags[]sort[title]]\" template=\"$:/core/ui/TagTemplate\" storyview=\"pop\"/></div>\n"
},
"$:/core/ui/ViewTemplate/title": {
"title": "$:/core/ui/ViewTemplate/title",
"tags": "$:/tags/ViewTemplate",
"text": "\\define title-styles()\nfill:$(foregroundColor)$;\n\\end\n\\define config-title()\n$:/config/ViewToolbarButtons/Visibility/$(listItem)$\n\\end\n<div class=\"tc-tiddler-title\">\n<div class=\"tc-titlebar\">\n<span class=\"tc-tiddler-controls\">\n<$list filter=\"[all[shadows+tiddlers]tag[$:/tags/ViewToolbar]!has[draft.of]]\" variable=\"listItem\"><$reveal type=\"nomatch\" state=<<config-title>> text=\"hide\"><$transclude tiddler=<<listItem>>/></$reveal></$list>\n</span>\n<$set name=\"tv-wikilinks\" value={{$:/config/Tiddlers/TitleLinks}}>\n<$link>\n<$set name=\"foregroundColor\" value={{!!color}}>\n<span class=\"tc-tiddler-title-icon\" style=<<title-styles>>>\n<$transclude tiddler={{!!icon}}/>\n</span>\n</$set>\n<$list filter=\"[all[current]removeprefix[$:/]]\">\n<h2 class=\"tc-title\" title={{$:/language/SystemTiddler/Tooltip}}>\n<span class=\"tc-system-title-prefix\">$:/</span><$text text=<<currentTiddler>>/>\n</h2>\n</$list>\n<$list filter=\"[all[current]!prefix[$:/]]\">\n<h2 class=\"tc-title\">\n<$view field=\"title\"/>\n</h2>\n</$list>\n</$link>\n</$set>\n</div>\n\n<$reveal type=\"nomatch\" text=\"\" default=\"\" state=<<tiddlerInfoState>> class=\"tc-tiddler-info tc-popup-handle\" animate=\"yes\" retain=\"yes\">\n\n<$transclude tiddler=\"$:/core/ui/TiddlerInfo\"/>\n\n</$reveal>\n</div>"
},
"$:/core/ui/ViewTemplate": {
"title": "$:/core/ui/ViewTemplate",
"text": "\\define frame-classes()\ntc-tiddler-frame tc-tiddler-view-frame $(missingTiddlerClass)$ $(shadowTiddlerClass)$ $(systemTiddlerClass)$ $(tiddlerTagClasses)$\n\\end\n<$set name=\"storyTiddler\" value=<<currentTiddler>>><$set name=\"tiddlerInfoState\" value=<<qualify \"$:/state/popup/tiddler-info\">>><$tiddler tiddler=<<currentTiddler>>><div class=<<frame-classes>>><$list filter=\"[all[shadows+tiddlers]tag[$:/tags/ViewTemplate]!has[draft.of]]\" variable=\"listItem\"><$transclude tiddler=<<listItem>>/></$list>\n</div>\n</$tiddler></$set></$set>\n"
},
"$:/core/ui/Buttons/clone": {
"title": "$:/core/ui/Buttons/clone",
"tags": "$:/tags/ViewToolbar",
"caption": "{{$:/core/images/clone-button}} {{$:/language/Buttons/Clone/Caption}}",
"description": "{{$:/language/Buttons/Clone/Hint}}",
"text": "<$button message=\"tm-new-tiddler\" param=<<currentTiddler>> tooltip={{$:/language/Buttons/Clone/Hint}} aria-label={{$:/language/Buttons/Clone/Caption}} class=<<tv-config-toolbar-class>>>\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/clone-button}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/Clone/Caption}}/></span>\n</$list>\n</$button>"
},
"$:/core/ui/Buttons/close-others": {
"title": "$:/core/ui/Buttons/close-others",
"tags": "$:/tags/ViewToolbar",
"caption": "{{$:/core/images/close-others-button}} {{$:/language/Buttons/CloseOthers/Caption}}",
"description": "{{$:/language/Buttons/CloseOthers/Hint}}",
"text": "<$button message=\"tm-close-other-tiddlers\" param=<<currentTiddler>> tooltip={{$:/language/Buttons/CloseOthers/Hint}} aria-label={{$:/language/Buttons/CloseOthers/Caption}} class=<<tv-config-toolbar-class>>>\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/close-others-button}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/CloseOthers/Caption}}/></span>\n</$list>\n</$button>"
},
"$:/core/ui/Buttons/close": {
"title": "$:/core/ui/Buttons/close",
"tags": "$:/tags/ViewToolbar",
"caption": "{{$:/core/images/close-button}} {{$:/language/Buttons/Close/Caption}}",
"description": "{{$:/language/Buttons/Close/Hint}}",
"text": "<$button message=\"tm-close-tiddler\" tooltip={{$:/language/Buttons/Close/Hint}} aria-label={{$:/language/Buttons/Close/Caption}} class=<<tv-config-toolbar-class>>>\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/close-button}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/Close/Caption}}/></span>\n</$list>\n</$button>"
},
"$:/core/ui/Buttons/edit": {
"title": "$:/core/ui/Buttons/edit",
"tags": "$:/tags/ViewToolbar",
"caption": "{{$:/core/images/edit-button}} {{$:/language/Buttons/Edit/Caption}}",
"description": "{{$:/language/Buttons/Edit/Hint}}",
"text": "<$button message=\"tm-edit-tiddler\" tooltip={{$:/language/Buttons/Edit/Hint}} aria-label={{$:/language/Buttons/Edit/Caption}} class=<<tv-config-toolbar-class>>>\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/edit-button}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/Edit/Caption}}/></span>\n</$list>\n</$button>"
},
"$:/core/ui/Buttons/export-tiddler": {
"title": "$:/core/ui/Buttons/export-tiddler",
"tags": "$:/tags/ViewToolbar",
"caption": "{{$:/core/images/export-button}} {{$:/language/Buttons/ExportTiddler/Caption}}",
"description": "{{$:/language/Buttons/ExportTiddler/Hint}}",
"text": "\\define makeExportFilter()\n[[$(currentTiddler)$]]\n\\end\n<$macrocall $name=\"exportButton\" exportFilter=<<makeExportFilter>> lingoBase=\"$:/language/Buttons/ExportTiddler/\" baseFilename=<<currentTiddler>>/>"
},
"$:/core/ui/Buttons/info": {
"title": "$:/core/ui/Buttons/info",
"tags": "$:/tags/ViewToolbar",
"caption": "{{$:/core/images/info-button}} {{$:/language/Buttons/Info/Caption}}",
"description": "{{$:/language/Buttons/Info/Hint}}",
"text": "<$button popup=<<tiddlerInfoState>> tooltip={{$:/language/Buttons/Info/Hint}} aria-label={{$:/language/Buttons/Info/Caption}} class=<<tv-config-toolbar-class>> selectedClass=\"tc-selected\">\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/info-button}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/Info/Caption}}/></span>\n</$list>\n</$button>"
},
"$:/core/ui/Buttons/more-tiddler-actions": {
"title": "$:/core/ui/Buttons/more-tiddler-actions",
"tags": "$:/tags/ViewToolbar",
"caption": "{{$:/core/images/down-arrow}} {{$:/language/Buttons/More/Caption}}",
"description": "{{$:/language/Buttons/More/Hint}}",
"text": "\\define config-title()\n$:/config/ViewToolbarButtons/Visibility/$(listItem)$\n\\end\n<$button popup=<<qualify \"$:/state/popup/more\">> tooltip={{$:/language/Buttons/More/Hint}} aria-label={{$:/language/Buttons/More/Caption}} class=<<tv-config-toolbar-class>> selectedClass=\"tc-selected\">\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/down-arrow}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/More/Caption}}/></span>\n</$list>\n</$button><$reveal state=<<qualify \"$:/state/popup/more\">> type=\"popup\" position=\"below\" animate=\"yes\">\n\n<div class=\"tc-drop-down\">\n\n<$set name=\"tv-config-toolbar-icons\" value=\"yes\">\n\n<$set name=\"tv-config-toolbar-text\" value=\"yes\">\n\n<$set name=\"tv-config-toolbar-class\" value=\"tc-btn-invisible\">\n\n<$list filter=\"[all[shadows+tiddlers]tag[$:/tags/ViewToolbar]!has[draft.of]] -[[$:/core/ui/Buttons/more-tiddler-actions]]\" variable=\"listItem\">\n\n<$reveal type=\"match\" state=<<config-title>> text=\"hide\">\n\n<$transclude tiddler=<<listItem>> mode=\"inline\"/>\n\n</$reveal>\n\n</$list>\n\n</$set>\n\n</$set>\n\n</$set>\n\n</div>\n\n</$reveal>"
},
"$:/core/ui/Buttons/new-here": {
"title": "$:/core/ui/Buttons/new-here",
"tags": "$:/tags/ViewToolbar",
"caption": "{{$:/core/images/new-here-button}} {{$:/language/Buttons/NewHere/Caption}}",
"description": "{{$:/language/Buttons/NewHere/Hint}}",
"text": "\\define newHereButtonTags()\n[[$(currentTiddler)$]]\n\\end\n\\define newHereButton()\n<$button tooltip={{$:/language/Buttons/NewHere/Hint}} aria-label={{$:/language/Buttons/NewHere/Caption}} class=<<tv-config-toolbar-class>>>\n<$action-sendmessage $message=\"tm-new-tiddler\" tags=<<newHereButtonTags>>/>\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/new-here-button}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/NewHere/Caption}}/></span>\n</$list>\n</$button>\n\\end\n<<newHereButton>>"
},
"$:/core/ui/Buttons/new-journal-here": {
"title": "$:/core/ui/Buttons/new-journal-here",
"tags": "$:/tags/ViewToolbar",
"caption": "{{$:/core/images/new-journal-button}} {{$:/language/Buttons/NewJournalHere/Caption}}",
"description": "{{$:/language/Buttons/NewJournalHere/Hint}}",
"text": "\\define journalButtonTags()\n[[$(currentTiddlerTag)$]] $(journalTags)$\n\\end\n\\define journalButton()\n<$button tooltip={{$:/language/Buttons/NewJournalHere/Hint}} aria-label={{$:/language/Buttons/NewJournalHere/Caption}} class=<<tv-config-toolbar-class>>>\n<$action-sendmessage $message=\"tm-new-tiddler\" title=<<now \"$(journalTitleTemplate)$\">> tags=<<journalButtonTags>>/>\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/new-journal-button}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/NewJournalHere/Caption}}/></span>\n</$list>\n</$button>\n\\end\n<$set name=\"journalTitleTemplate\" value={{$:/config/NewJournal/Title}}>\n<$set name=\"journalTags\" value={{$:/config/NewJournal/Tags}}>\n<$set name=\"currentTiddlerTag\" value=<<currentTiddler>>>\n<<journalButton>>\n</$set></$set></$set>"
},
"$:/core/ui/Buttons/open-window": {
"title": "$:/core/ui/Buttons/open-window",
"tags": "$:/tags/ViewToolbar",
"caption": "{{$:/core/images/open-window}} {{$:/language/Buttons/OpenWindow/Caption}}",
"description": "{{$:/language/Buttons/OpenWindow/Hint}}",
"text": "<$button message=\"tm-open-window\" tooltip={{$:/language/Buttons/OpenWindow/Hint}} aria-label={{$:/language/Buttons/OpenWindow/Caption}} class=<<tv-config-toolbar-class>>>\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/open-window}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/OpenWindow/Caption}}/></span>\n</$list>\n</$button>"
},
"$:/core/ui/Buttons/permalink": {
"title": "$:/core/ui/Buttons/permalink",
"tags": "$:/tags/ViewToolbar",
"caption": "{{$:/core/images/permalink-button}} {{$:/language/Buttons/Permalink/Caption}}",
"description": "{{$:/language/Buttons/Permalink/Hint}}",
"text": "<$button message=\"tm-permalink\" tooltip={{$:/language/Buttons/Permalink/Hint}} aria-label={{$:/language/Buttons/Permalink/Caption}} class=<<tv-config-toolbar-class>>>\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/permalink-button}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/Permalink/Caption}}/></span>\n</$list>\n</$button>"
},
"$:/core/ui/Buttons/permaview": {
"title": "$:/core/ui/Buttons/permaview",
"tags": "$:/tags/ViewToolbar $:/tags/PageControls",
"caption": "{{$:/core/images/permaview-button}} {{$:/language/Buttons/Permaview/Caption}}",
"description": "{{$:/language/Buttons/Permaview/Hint}}",
"text": "<$button message=\"tm-permaview\" tooltip={{$:/language/Buttons/Permaview/Hint}} aria-label={{$:/language/Buttons/Permaview/Caption}} class=<<tv-config-toolbar-class>>>\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/permaview-button}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$:/language/Buttons/Permaview/Caption}}/></span>\n</$list>\n</$button>"
},
"$:/DefaultTiddlers": {
"title": "$:/DefaultTiddlers",
"text": "GettingStarted\n"
},
"$:/temp/advancedsearch": {
"title": "$:/temp/advancedsearch",
"text": ""
},
"$:/snippets/allfields": {
"title": "$:/snippets/allfields",
"text": "\\define renderfield(title)\n<tr class=\"tc-view-field\"><td class=\"tc-view-field-name\">''$title$'':</td><td class=\"tc-view-field-value\">//{{$:/language/Docs/Fields/$title$}}//</td></tr>\n\\end\n<table class=\"tc-view-field-table\"><tbody><$list filter=\"[fields[]sort[title]]\" variable=\"listItem\"><$macrocall $name=\"renderfield\" title=<<listItem>>/></$list>\n</tbody></table>\n"
},
"$:/config/AnimationDuration": {
"title": "$:/config/AnimationDuration",
"text": "400"
},
"$:/config/AutoSave": {
"title": "$:/config/AutoSave",
"text": "yes"
},
"$:/config/BitmapEditor/Colour": {
"title": "$:/config/BitmapEditor/Colour",
"text": "#ff0"
},
"$:/config/BitmapEditor/LineWidth": {
"title": "$:/config/BitmapEditor/LineWidth",
"text": "3"
},
"$:/config/DefaultSidebarTab": {
"title": "$:/config/DefaultSidebarTab",
"text": "$:/core/ui/SideBar/Open"
},
"$:/config/Drafts/TypingTimeout": {
"title": "$:/config/Drafts/TypingTimeout",
"text": "400"
},
"$:/config/EditTemplateFields/Visibility/title": {
"title": "$:/config/EditTemplateFields/Visibility/title",
"text": "hide"
},
"$:/config/EditTemplateFields/Visibility/tags": {
"title": "$:/config/EditTemplateFields/Visibility/tags",
"text": "hide"
},
"$:/config/EditTemplateFields/Visibility/text": {
"title": "$:/config/EditTemplateFields/Visibility/text",
"text": "hide"
},
"$:/config/EditTemplateFields/Visibility/creator": {
"title": "$:/config/EditTemplateFields/Visibility/creator",
"text": "hide"
},
"$:/config/EditTemplateFields/Visibility/created": {
"title": "$:/config/EditTemplateFields/Visibility/created",
"text": "hide"
},
"$:/config/EditTemplateFields/Visibility/modified": {
"title": "$:/config/EditTemplateFields/Visibility/modified",
"text": "hide"
},
"$:/config/EditTemplateFields/Visibility/modifier": {
"title": "$:/config/EditTemplateFields/Visibility/modifier",
"text": "hide"
},
"$:/config/EditTemplateFields/Visibility/type": {
"title": "$:/config/EditTemplateFields/Visibility/type",
"text": "hide"
},
"$:/config/EditTemplateFields/Visibility/draft.title": {
"title": "$:/config/EditTemplateFields/Visibility/draft.title",
"text": "hide"
},
"$:/config/EditTemplateFields/Visibility/draft.of": {
"title": "$:/config/EditTemplateFields/Visibility/draft.of",
"text": "hide"
},
"$:/config/EditTemplateFields/Visibility/revision": {
"title": "$:/config/EditTemplateFields/Visibility/revision",
"text": "hide"
},
"$:/config/EditTemplateFields/Visibility/bag": {
"title": "$:/config/EditTemplateFields/Visibility/bag",
"text": "hide"
},
"$:/config/EditorTypeMappings/image/gif": {
"title": "$:/config/EditorTypeMappings/image/gif",
"text": "bitmap"
},
"$:/config/EditorTypeMappings/image/jpeg": {
"title": "$:/config/EditorTypeMappings/image/jpeg",
"text": "bitmap"
},
"$:/config/EditorTypeMappings/image/jpg": {
"title": "$:/config/EditorTypeMappings/image/jpg",
"text": "bitmap"
},
"$:/config/EditorTypeMappings/image/png": {
"title": "$:/config/EditorTypeMappings/image/png",
"text": "bitmap"
},
"$:/config/EditorTypeMappings/image/x-icon": {
"title": "$:/config/EditorTypeMappings/image/x-icon",
"text": "bitmap"
},
"$:/config/EditorTypeMappings/text/vnd.tiddlywiki": {
"title": "$:/config/EditorTypeMappings/text/vnd.tiddlywiki",
"text": "text"
},
"$:/config/Navigation/UpdateAddressBar": {
"title": "$:/config/Navigation/UpdateAddressBar",
"text": "no"
},
"$:/config/Navigation/UpdateHistory": {
"title": "$:/config/Navigation/UpdateHistory",
"text": "no"
},
"$:/config/OfficialPluginLibrary": {
"title": "$:/config/OfficialPluginLibrary",
"tags": "$:/tags/PluginLibrary",
"url": "http://tiddlywiki.com/library/v5.1.9/index.html",
"caption": "{{$:/language/OfficialPluginLibrary}}",
"text": "The official ~TiddlyWiki plugin library at tiddlywiki.com. Plugins, themes and language packs are maintained by the core team.\n"
},
"$:/config/Navigation/openLinkFromInsideRiver": {
"title": "$:/config/Navigation/openLinkFromInsideRiver",
"text": "below"
},
"$:/config/Navigation/openLinkFromOutsideRiver": {
"title": "$:/config/Navigation/openLinkFromOutsideRiver",
"text": "top"
},
"$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/advanced-search": {
"title": "$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/advanced-search",
"text": "hide"
},
"$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/close-all": {
"title": "$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/close-all",
"text": "hide"
},
"$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/encryption": {
"title": "$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/encryption",
"text": "hide"
},
"$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/export-page": {
"title": "$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/export-page",
"text": "hide"
},
"$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/full-screen": {
"title": "$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/full-screen",
"text": "hide"
},
"$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/home": {
"title": "$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/home",
"text": "hide"
},
"$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/refresh": {
"title": "$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/refresh",
"text": "hide"
},
"$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/import": {
"title": "$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/import",
"text": "hide"
},
"$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/language": {
"title": "$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/language",
"text": "hide"
},
"$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/tag-manager": {
"title": "$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/tag-manager",
"text": "hide"
},
"$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/more-page-actions": {
"title": "$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/more-page-actions",
"text": "hide"
},
"$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/new-journal": {
"title": "$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/new-journal",
"text": "hide"
},
"$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/palette": {
"title": "$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/palette",
"text": "hide"
},
"$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/permaview": {
"title": "$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/permaview",
"text": "hide"
},
"$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/storyview": {
"title": "$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/storyview",
"text": "hide"
},
"$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/theme": {
"title": "$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/theme",
"text": "hide"
},
"$:/config/SaveWikiButton/Template": {
"title": "$:/config/SaveWikiButton/Template",
"text": "$:/core/save/all"
},
"$:/config/SaverFilter": {
"title": "$:/config/SaverFilter",
"text": "[all[]] -[[$:/HistoryList]] -[[$:/StoryList]] -[[$:/Import]] -[[$:/isEncrypted]] -[[$:/UploadName]] -[prefix[$:/state]] -[prefix[$:/temp]]"
},
"$:/config/Search/AutoFocus": {
"title": "$:/config/Search/AutoFocus",
"text": "true"
},
"$:/config/SearchResults/Default": {
"title": "$:/config/SearchResults/Default",
"text": "$:/core/ui/DefaultSearchResultList"
},
"$:/config/SyncFilter": {
"title": "$:/config/SyncFilter",
"text": "[is[tiddler]] -[[$:/HistoryList]] -[[$:/Import]] -[[$:/isEncrypted]] -[prefix[$:/status]] -[prefix[$:/state]] -[prefix[$:/temp]]"
},
"$:/config/TiddlerInfo/Default": {
"title": "$:/config/TiddlerInfo/Default",
"text": "$:/core/ui/TiddlerInfo/Fields"
},
"$:/config/Tiddlers/TitleLinks": {
"title": "$:/config/Tiddlers/TitleLinks",
"text": "no"
},
"$:/config/Toolbar/ButtonClass": {
"title": "$:/config/Toolbar/ButtonClass",
"text": "tc-btn-invisible"
},
"$:/config/Toolbar/Icons": {
"title": "$:/config/Toolbar/Icons",
"text": "yes"
},
"$:/config/Toolbar/Text": {
"title": "$:/config/Toolbar/Text",
"text": "no"
},
"$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/clone": {
"title": "$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/clone",
"text": "hide"
},
"$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/close-others": {
"title": "$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/close-others",
"text": "hide"
},
"$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/export-tiddler": {
"title": "$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/export-tiddler",
"text": "hide"
},
"$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/info": {
"title": "$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/info",
"text": "hide"
},
"$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/more-tiddler-actions": {
"title": "$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/more-tiddler-actions",
"text": "show"
},
"$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/new-here": {
"title": "$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/new-here",
"text": "hide"
},
"$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/new-journal-here": {
"title": "$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/new-journal-here",
"text": "hide"
},
"$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/open-window": {
"title": "$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/open-window",
"text": "hide"
},
"$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/permalink": {
"title": "$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/permalink",
"text": "hide"
},
"$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/permaview": {
"title": "$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/permaview",
"text": "hide"
},
"$:/snippets/currpalettepreview": {
"title": "$:/snippets/currpalettepreview",
"text": "\\define swatchStyle()\nbackground-color: $(swatchColour)$;\n\\end\n\\define swatch(colour)\n<$set name=\"swatchColour\" value={{##$colour$}}>\n<div class=\"tc-swatch\" style=<<swatchStyle>>/>\n</$set>\n\\end\n<div class=\"tc-swatches-horiz\">\n<<swatch foreground>>\n<<swatch background>>\n<<swatch muted-foreground>>\n<<swatch primary>>\n<<swatch page-background>>\n<<swatch tab-background>>\n<<swatch tiddler-info-background>>\n</div>\n"
},
"$:/snippets/download-wiki-button": {
"title": "$:/snippets/download-wiki-button",
"text": "\\define lingo-base() $:/language/ControlPanel/Tools/Download/\n<$button class=\"tc-btn-big-green\">\n<$action-sendmessage $message=\"tm-download-file\" $param=\"$:/core/save/all\" filename=\"index.html\"/>\n<<lingo Full/Caption>> {{$:/core/images/save-button}}\n</$button>"
},
"$:/language": {
"title": "$:/language",
"text": "$:/languages/en-GB"
},
"$:/snippets/languageswitcher": {
"title": "$:/snippets/languageswitcher",
"text": "{{$:/language/ControlPanel/Basics/Language/Prompt}} <$select tiddler=\"$:/language\">\n<$list filter=\"[[$:/languages/en-GB]] [plugin-type[language]sort[description]]\">\n<option value=<<currentTiddler>>><$view field=\"description\"><$view field=\"name\"><$view field=\"title\"/></$view></$view></option>\n</$list>\n</$select>"
},
"$:/core/macros/CSS": {
"title": "$:/core/macros/CSS",
"tags": "$:/tags/Macro",
"text": "\\define colour(name)\n<$transclude tiddler={{$:/palette}} index=\"$name$\"><$transclude tiddler=\"$:/palettes/Vanilla\" index=\"$name$\"/></$transclude>\n\\end\n\n\\define color(name)\n<<colour $name$>>\n\\end\n\n\\define box-shadow(shadow)\n``\n -webkit-box-shadow: $shadow$;\n -moz-box-shadow: $shadow$;\n box-shadow: $shadow$;\n``\n\\end\n\n\\define filter(filter)\n``\n -webkit-filter: $filter$;\n -moz-filter: $filter$;\n filter: $filter$;\n``\n\\end\n\n\\define transition(transition)\n``\n -webkit-transition: $transition$;\n -moz-transition: $transition$;\n transition: $transition$;\n``\n\\end\n\n\\define transform-origin(origin)\n``\n -webkit-transform-origin: $origin$;\n -moz-transform-origin: $origin$;\n transform-origin: $origin$;\n``\n\\end\n\n\\define background-linear-gradient(gradient)\n``\nbackground-image: linear-gradient($gradient$);\nbackground-image: -o-linear-gradient($gradient$);\nbackground-image: -moz-linear-gradient($gradient$);\nbackground-image: -webkit-linear-gradient($gradient$);\nbackground-image: -ms-linear-gradient($gradient$);\n``\n\\end\n\n\\define datauri(title)\n<$macrocall $name=\"makedatauri\" type={{$title$!!type}} text={{$title$}}/>\n\\end\n\n\\define if-sidebar(text)\n<$reveal state=\"$:/state/sidebar\" type=\"match\" text=\"yes\" default=\"yes\">$text$</$reveal>\n\\end\n\n\\define if-no-sidebar(text)\n<$reveal state=\"$:/state/sidebar\" type=\"nomatch\" text=\"yes\" default=\"yes\">$text$</$reveal>\n\\end\n"
},
"$:/core/macros/export": {
"title": "$:/core/macros/export",
"tags": "$:/tags/Macro",
"text": "\\define exportButtonFilename(baseFilename)\n$baseFilename$$(extension)$\n\\end\n\n\\define exportButton(exportFilter:\"[!is[system]sort[title]]\",lingoBase,baseFilename:\"tiddlers\")\n<span class=\"tc-popup-keep\">\n<$button popup=<<qualify \"$:/state/popup/export\">> tooltip={{$lingoBase$Hint}} aria-label={{$lingoBase$Caption}} class=<<tv-config-toolbar-class>> selectedClass=\"tc-selected\">\n<$list filter=\"[<tv-config-toolbar-icons>prefix[yes]]\">\n{{$:/core/images/export-button}}\n</$list>\n<$list filter=\"[<tv-config-toolbar-text>prefix[yes]]\">\n<span class=\"tc-btn-text\"><$text text={{$lingoBase$Caption}}/></span>\n</$list>\n</$button>\n</span>\n<$reveal state=<<qualify \"$:/state/popup/export\">> type=\"popup\" position=\"below\" animate=\"yes\">\n<div class=\"tc-drop-down\">\n<$list filter=\"[all[shadows+tiddlers]tag[$:/tags/Exporter]]\">\n<$set name=\"extension\" value={{!!extension}}>\n<$button class=\"tc-btn-invisible\">\n<$action-sendmessage $message=\"tm-download-file\" $param=<<currentTiddler>> exportFilter=\"\"\"$exportFilter$\"\"\" filename=<<exportButtonFilename \"\"\"$baseFilename$\"\"\">>/>\n<$action-deletetiddler $tiddler=<<qualify \"$:/state/popup/export\">>/>\n<$transclude field=\"description\"/>\n</$button>\n</$set>\n</$list>\n</div>\n</$reveal>\n\\end\n"
},
"$:/core/macros/lingo": {
"title": "$:/core/macros/lingo",
"tags": "$:/tags/Macro",
"text": "\\define lingo-base()\n$:/language/\n\\end\n\n\\define lingo(title)\n{{$(lingo-base)$$title$}}\n\\end\n"
},
"$:/core/macros/list": {
"title": "$:/core/macros/list",
"tags": "$:/tags/Macro",
"text": "\\define list-links(filter,type:\"ul\",subtype:\"li\",class:\"\")\n<$type$ class=\"$class$\">\n<$list filter=\"$filter$\">\n<$subtype$>\n<$link to={{!!title}}>\n<$transclude field=\"caption\">\n<$view field=\"title\"/>\n</$transclude>\n</$link>\n</$subtype$>\n</$list>\n</$type$>\n\\end\n"
},
"$:/core/macros/tabs": {
"title": "$:/core/macros/tabs",
"tags": "$:/tags/Macro",
"text": "\\define tabs(tabsList,default,state:\"$:/state/tab\",class,template)\n<div class=\"tc-tab-set $class$\">\n<div class=\"tc-tab-buttons $class$\">\n<$list filter=\"$tabsList$\" variable=\"currentTab\">\n<$button set=<<qualify \"$state$\">> setTo=<<currentTab>> default=\"$default$\" selectedClass=\"tc-tab-selected\">\n<$set name=\"tv-wikilinks\" value=\"no\">\n<$transclude tiddler=<<currentTab>> field=\"caption\">\n<$macrocall $name=\"currentTab\" $type=\"text/plain\" $output=\"text/plain\"/>\n</$transclude>\n</$set>\n</$button>\n</$list>\n</div><div class=\"tc-tab-divider $class$\"/><div class=\"tc-tab-content $class$\">\n<$list filter=\"$tabsList$\" variable=\"currentTab\">\n\n<$reveal type=\"match\" state=<<qualify \"$state$\">> text=<<currentTab>> default=\"$default$\">\n\n<$transclude tiddler=\"$template$\" mode=\"block\">\n\n<$transclude tiddler=<<currentTab>> mode=\"block\"/>\n\n</$transclude>\n\n</$reveal>\n\n</$list>\n</div>\n</div>\n\\end\n"
},
"$:/core/macros/tag": {
"title": "$:/core/macros/tag",
"tags": "$:/tags/Macro",
"text": "\\define tag(tag)\n{{$tag$||$:/core/ui/TagTemplate}}\n\\end\n"
},
"$:/core/macros/thumbails": {
"title": "$:/core/macros/thumbails",
"tags": "$:/tags/Macro",
"text": "\\define thumbnail(link,icon,color,background-color,image,caption,width:\"280\",height:\"157\")\n<$link to=\"\"\"$link$\"\"\"><div class=\"tc-thumbnail-wrapper\">\n<div class=\"tc-thumbnail-image\" style=\"width:$width$px;height:$height$px;\"><$reveal type=\"nomatch\" text=\"\" default=\"\"\"$image$\"\"\" tag=\"div\" style=\"width:$width$px;height:$height$px;\">\n[img[$image$]]\n</$reveal><$reveal type=\"match\" text=\"\" default=\"\"\"$image$\"\"\" tag=\"div\" class=\"tc-thumbnail-background\" style=\"width:$width$px;height:$height$px;background-color:$background-color$;\"></$reveal></div><div class=\"tc-thumbnail-icon\" style=\"fill:$color$;color:$color$;\">\n$icon$\n</div><div class=\"tc-thumbnail-caption\">\n$caption$\n</div></div></$link>\n\\end\n\n\\define thumbnail-right(link,icon,color,background-color,image,caption,width:\"280\",height:\"157\")\n<div class=\"tc-thumbnail-right-wrapper\"><<thumbnail \"\"\"$link$\"\"\" \"\"\"$icon$\"\"\" \"\"\"$color$\"\"\" \"\"\"$background-color$\"\"\" \"\"\"$image$\"\"\" \"\"\"$caption$\"\"\" \"\"\"$width$\"\"\" \"\"\"$height$\"\"\">></div>\n\\end\n\n\\define list-thumbnails(filter,width:\"280\",height:\"157\")\n<$list filter=\"\"\"$filter$\"\"\"><$macrocall $name=\"thumbnail\" link={{!!link}} icon={{!!icon}} color={{!!color}} background-color={{!!background-color}} image={{!!image}} caption={{!!caption}} width=\"\"\"$width$\"\"\" height=\"\"\"$height$\"\"\"/></$list>\n\\end\n"
},
"$:/core/macros/timeline": {
"created": "20141212105914482",
"modified": "20141212110330815",
"tags": "$:/tags/Macro",
"title": "$:/core/macros/timeline",
"type": "text/vnd.tiddlywiki",
"text": "\\define timeline-title()\n<!-- Override this macro with a global macro \n of the same name if you need to change \n how titles are displayed on the timeline \n -->\n<$view field=\"title\"/>\n\\end\n\\define timeline(limit:\"100\",format:\"DDth MMM YYYY\",subfilter:\"\",dateField:\"modified\")\n<div class=\"tc-timeline\">\n<$list filter=\"[!is[system]$subfilter$has[$dateField$]!sort[$dateField$]limit[$limit$]eachday[$dateField$]]\">\n<div class=\"tc-menu-list-item\">\n<$view field=\"$dateField$\" format=\"date\" template=\"$format$\"/>\n<$list filter=\"[sameday:$dateField${!!$dateField$}!is[system]$subfilter$!sort[$dateField$]]\">\n<div class=\"tc-menu-list-subitem\">\n<$link to={{!!title}}>\n<<timeline-title>>\n</$link>\n</div>\n</$list>\n</div>\n</$list>\n</div>\n\\end\n"
},
"$:/core/macros/toc": {
"title": "$:/core/macros/toc",
"tags": "$:/tags/Macro",
"text": "\\define toc-caption()\n<$set name=\"tv-wikilinks\" value=\"no\">\n<$transclude field=\"caption\">\n<$view field=\"title\"/>\n</$transclude>\n</$set>\n\\end\n\n\\define toc-body(rootTag,tag,sort:\"\",itemClassFilter)\n<ol class=\"tc-toc\">\n<$list filter=\"\"\"[all[shadows+tiddlers]tag[$tag$]!has[draft.of]$sort$]\"\"\">\n<$set name=\"toc-item-class\" filter=\"\"\"$itemClassFilter$\"\"\" value=\"toc-item-selected\" emptyValue=\"toc-item\">\n<li class=<<toc-item-class>>>\n<$list filter=\"[all[current]toc-link[no]]\" emptyMessage=\"<$link><$view field='caption'><$view field='title'/></$view></$link>\">\n<<toc-caption>>\n</$list>\n<$list filter=\"\"\"[all[current]] -[[$rootTag$]]\"\"\">\n<$macrocall $name=\"toc-body\" rootTag=\"\"\"$rootTag$\"\"\" tag=<<currentTiddler>> sort=\"\"\"$sort$\"\"\" itemClassFilter=\"\"\"$itemClassFilter$\"\"\"/>\n</$list>\n</li>\n</$set>\n</$list>\n</ol>\n\\end\n\n\\define toc(tag,sort:\"\",itemClassFilter)\n<<toc-body rootTag:\"\"\"$tag$\"\"\" tag:\"\"\"$tag$\"\"\" sort:\"\"\"$sort$\"\"\" itemClassFilter:\"\"\"itemClassFilter\"\"\">>\n\\end\n\n\\define toc-linked-expandable-body(tag,sort:\"\",itemClassFilter)\n<$set name=\"toc-state\" value=<<qualify \"$:/state/toc/$tag$-$(currentTiddler)$\">>>\n<$set name=\"toc-item-class\" filter=\"\"\"$itemClassFilter$\"\"\" value=\"toc-item-selected\" emptyValue=\"toc-item\">\n<li class=<<toc-item-class>>>\n<$link>\n<$reveal type=\"nomatch\" state=<<toc-state>> text=\"open\">\n<$button set=<<toc-state>> setTo=\"open\" class=\"tc-btn-invisible\">\n{{$:/core/images/right-arrow}}\n</$button>\n</$reveal>\n<$reveal type=\"match\" state=<<toc-state>> text=\"open\">\n<$button set=<<toc-state>> setTo=\"close\" class=\"tc-btn-invisible\">\n{{$:/core/images/down-arrow}}\n</$button>\n</$reveal>\n<<toc-caption>>\n</$link>\n<$reveal type=\"match\" state=<<toc-state>> text=\"open\">\n<$macrocall $name=\"toc-expandable\" tag=<<currentTiddler>> sort=\"\"\"$sort$\"\"\" itemClassFilter=\"\"\"$itemClassFilter$\"\"\"/>\n</$reveal>\n</li>\n</$set>\n</$set>\n\\end\n\n\\define toc-unlinked-expandable-body(tag,sort:\"\",itemClassFilter)\n<$set name=\"toc-state\" value=<<qualify \"$:/state/toc/$tag$-$(currentTiddler)$\">>>\n<$set name=\"toc-item-class\" filter=\"\"\"$itemClassFilter$\"\"\" value=\"toc-item-selected\" emptyValue=\"toc-item\">\n<li class=<<toc-item-class>>>\n<$reveal type=\"nomatch\" state=<<toc-state>> text=\"open\">\n<$button set=<<toc-state>> setTo=\"open\" class=\"tc-btn-invisible\">\n{{$:/core/images/right-arrow}}\n<<toc-caption>>\n</$button>\n</$reveal>\n<$reveal type=\"match\" state=<<toc-state>> text=\"open\">\n<$button set=<<toc-state>> setTo=\"close\" class=\"tc-btn-invisible\">\n{{$:/core/images/down-arrow}}\n<<toc-caption>>\n</$button>\n</$reveal>\n<$reveal type=\"match\" state=<<toc-state>> text=\"open\">\n<$macrocall $name=\"toc-expandable\" tag=<<currentTiddler>> sort=\"\"\"$sort$\"\"\" itemClassFilter=\"\"\"$itemClassFilter$\"\"\"/>\n</$reveal>\n</li>\n</$set>\n</$set>\n\\end\n\n\\define toc-expandable(tag,sort:\"\",itemClassFilter)\n<ol class=\"tc-toc toc-expandable\">\n<$list filter=\"[all[shadows+tiddlers]tag[$tag$]!has[draft.of]$sort$]\">\n<$list filter=\"[all[current]toc-link[no]]\" emptyMessage=\"<<toc-linked-expandable-body tag:'$tag$' sort:'$sort$' itemClassFilter:'$itemClassFilter$'>>\">\n<<toc-unlinked-expandable-body tag:\"\"\"$tag$\"\"\" sort:\"\"\"$sort$\"\"\" itemClassFilter:\"\"\"itemClassFilter\"\"\">>\n</$list>\n</$list>\n</ol>\n\\end\n\n\\define toc-linked-selective-expandable-body(tag,sort:\"\",itemClassFilter)\n<$set name=\"toc-state\" value=<<qualify \"$:/state/toc/$tag$-$(currentTiddler)$\">>>\n<$set name=\"toc-item-class\" filter=\"\"\"$itemClassFilter$\"\"\" value=\"toc-item-selected\" emptyValue=\"toc-item\">\n<li class=<<toc-item-class>>>\n<$link>\n<$list filter=\"[all[current]tagging[]limit[1]]\" variable=\"ignore\" emptyMessage=\"<$button class='tc-btn-invisible'>{{$:/core/images/blank}}</$button>\">\n<$reveal type=\"nomatch\" state=<<toc-state>> text=\"open\">\n<$button set=<<toc-state>> setTo=\"open\" class=\"tc-btn-invisible\">\n{{$:/core/images/right-arrow}}\n</$button>\n</$reveal>\n<$reveal type=\"match\" state=<<toc-state>> text=\"open\">\n<$button set=<<toc-state>> setTo=\"close\" class=\"tc-btn-invisible\">\n{{$:/core/images/down-arrow}}\n</$button>\n</$reveal>\n</$list>\n<<toc-caption>>\n</$link>\n<$reveal type=\"match\" state=<<toc-state>> text=\"open\">\n<$macrocall $name=\"toc-selective-expandable\" tag=<<currentTiddler>> sort=\"\"\"$sort$\"\"\" itemClassFilter=\"\"\"$itemClassFilter$\"\"\"/>\n</$reveal>\n</li>\n</$set>\n</$set>\n\\end\n\n\\define toc-unlinked-selective-expandable-body(tag,sort:\"\",itemClassFilter)\n<$set name=\"toc-state\" value=<<qualify \"$:/state/toc/$tag$-$(currentTiddler)$\">>>\n<$set name=\"toc-item-class\" filter=\"\"\"$itemClassFilter$\"\"\" value=\"toc-item-selected\" emptyValue=\"toc-item\">\n<li class=<<toc-item-class>>>\n<$list filter=\"[all[current]tagging[]limit[1]]\" variable=\"ignore\" emptyMessage=\"<$button class='tc-btn-invisible'>{{$:/core/images/blank}}</$button> <$view field='caption'><$view field='title'/></$view>\">\n<$reveal type=\"nomatch\" state=<<toc-state>> text=\"open\">\n<$button set=<<toc-state>> setTo=\"open\" class=\"tc-btn-invisible\">\n{{$:/core/images/right-arrow}}\n<<toc-caption>>\n</$button>\n</$reveal>\n<$reveal type=\"match\" state=<<toc-state>> text=\"open\">\n<$button set=<<toc-state>> setTo=\"close\" class=\"tc-btn-invisible\">\n{{$:/core/images/down-arrow}}\n<<toc-caption>>\n</$button>\n</$reveal>\n</$list>\n<$reveal type=\"match\" state=<<toc-state>> text=\"open\">\n<$macrocall $name=\"\"\"toc-selective-expandable\"\"\" tag=<<currentTiddler>> sort=\"\"\"$sort$\"\"\" itemClassFilter=\"\"\"$itemClassFilter$\"\"\"/>\n</$reveal>\n</li>\n</$set>\n</$set>\n\\end\n\n\\define toc-selective-expandable(tag,sort:\"\",itemClassFilter)\n<ol class=\"tc-toc toc-selective-expandable\">\n<$list filter=\"[all[shadows+tiddlers]tag[$tag$]!has[draft.of]$sort$]\">\n<$list filter=\"[all[current]toc-link[no]]\" variable=\"ignore\" emptyMessage=\"<<toc-linked-selective-expandable-body tag:'$tag$' sort:'$sort$' itemClassFilter:'$itemClassFilter$'>>\">\n<<toc-unlinked-selective-expandable-body tag:\"\"\"$tag$\"\"\" sort:\"\"\"$sort$\"\"\" itemClassFilter:\"\"\"$itemClassFilter$\"\"\">>\n</$list>\n</$list>\n</ol>\n\\end\n\n\\define toc-tabbed-selected-item-filter(selectedTiddler)\n[all[current]field:title{$selectedTiddler$}]\n\\end\n\n\\define toc-tabbed-external-nav(tag,sort:\"\",selectedTiddler:\"$:/temp/toc/selectedTiddler\",unselectedText,missingText,template:\"\")\n<$tiddler tiddler={{$selectedTiddler$}}>\n<div class=\"tc-tabbed-table-of-contents\">\n<$linkcatcher to=\"$selectedTiddler$\">\n<div class=\"tc-table-of-contents\">\n<$macrocall $name=\"toc-selective-expandable\" tag=\"\"\"$tag$\"\"\" sort=\"\"\"$sort$\"\"\" itemClassFilter=<<toc-tabbed-selected-item-filter selectedTiddler:\"\"\"$selectedTiddler$\"\"\">>/>\n</div>\n</$linkcatcher>\n<div class=\"tc-tabbed-table-of-contents-content\">\n<$reveal state=\"\"\"$selectedTiddler$\"\"\" type=\"nomatch\" text=\"\">\n<$transclude mode=\"block\" tiddler=\"$template$\">\n<h1><<toc-caption>></h1>\n<$transclude mode=\"block\">$missingText$</$transclude>\n</$transclude>\n</$reveal>\n<$reveal state=\"\"\"$selectedTiddler$\"\"\" type=\"match\" text=\"\">\n$unselectedText$\n</$reveal>\n</div>\n</div>\n</$tiddler>\n\\end\n\n\\define toc-tabbed-internal-nav(tag,sort:\"\",selectedTiddler:\"$:/temp/toc/selectedTiddler\",unselectedText,missingText,template:\"\")\n<$linkcatcher to=\"\"\"$selectedTiddler$\"\"\">\n<$macrocall $name=\"toc-tabbed-external-nav\" tag=\"\"\"$tag$\"\"\" sort=\"\"\"$sort$\"\"\" selectedTiddler=\"\"\"$selectedTiddler$\"\"\" unselectedText=\"\"\"$unselectedText$\"\"\" missingText=\"\"\"$missingText$\"\"\" template=\"\"\"$template$\"\"\"/>\n</$linkcatcher>\n\\end\n\n"
},
"$:/snippets/minilanguageswitcher": {
"title": "$:/snippets/minilanguageswitcher",
"text": "<$select tiddler=\"$:/language\">\n<$list filter=\"[[$:/languages/en-GB]] [plugin-type[language]sort[title]]\">\n<option value=<<currentTiddler>>><$view field=\"description\"><$view field=\"name\"><$view field=\"title\"/></$view></$view></option>\n</$list>\n</$select>"
},
"$:/snippets/minithemeswitcher": {
"title": "$:/snippets/minithemeswitcher",
"text": "\\define lingo-base() $:/language/ControlPanel/Theme/\n<<lingo Prompt>> <$select tiddler=\"$:/theme\">\n<$list filter=\"[plugin-type[theme]sort[title]]\">\n<option value=<<currentTiddler>>><$view field=\"name\"><$view field=\"title\"/></$view></option>\n</$list>\n</$select>"
},
"$:/snippets/modules": {
"title": "$:/snippets/modules",
"text": "\\define describeModuleType(type)\n{{$:/language/Docs/ModuleTypes/$type$}}\n\\end\n<$list filter=\"[moduletypes[]]\">\n\n!! <$macrocall $name=\"currentTiddler\" $type=\"text/plain\" $output=\"text/plain\"/>\n\n<$macrocall $name=\"describeModuleType\" type=<<currentTiddler>>/>\n\n<ul><$list filter=\"[all[current]modules[]]\"><li><$link><<currentTiddler>></$link>\n</li>\n</$list>\n</ul>\n</$list>\n"
},
"$:/palette": {
"title": "$:/palette",
"text": "$:/palettes/Vanilla"
},
"$:/snippets/paletteeditor": {
"title": "$:/snippets/paletteeditor",
"text": "\\define lingo-base() $:/language/ControlPanel/Palette/Editor/\n\\define describePaletteColour(colour)\n<$transclude tiddler=\"$:/language/Docs/PaletteColours/$colour$\"><$text text=\"$colour$\"/></$transclude>\n\\end\n<$set name=\"currentTiddler\" value={{$:/palette}}>\n\n<<lingo Prompt>> <$link to={{$:/palette}}><$macrocall $name=\"currentTiddler\" $output=\"text/plain\"/></$link>\n\n<$list filter=\"[all[current]is[shadow]is[tiddler]]\" variable=\"listItem\">\n<<lingo Prompt/Modified>>\n<$button message=\"tm-delete-tiddler\" param={{$:/palette}}><<lingo Reset/Caption>></$button>\n</$list>\n\n<$list filter=\"[all[current]is[shadow]!is[tiddler]]\" variable=\"listItem\">\n<<lingo Clone/Prompt>>\n</$list>\n\n<$button message=\"tm-new-tiddler\" param={{$:/palette}}><<lingo Clone/Caption>></$button>\n\n<table>\n<tbody>\n<$list filter=\"[all[current]indexes[]]\" variable=\"colourName\">\n<tr>\n<td>\n''<$macrocall $name=\"describePaletteColour\" colour=<<colourName>>/>''<br/>\n<$macrocall $name=\"colourName\" $output=\"text/plain\"/>\n</td>\n<td>\n<$edit-text index=<<colourName>> tag=\"input\"/>\n<br>\n<$edit-text index=<<colourName>> type=\"color\" tag=\"input\"/>\n</td>\n</tr>\n</$list>\n</tbody>\n</table>\n</$set>\n"
},
"$:/snippets/palettepreview": {
"title": "$:/snippets/palettepreview",
"text": "<$set name=\"currentTiddler\" value={{$:/palette}}>\n<$transclude tiddler=\"$:/snippets/currpalettepreview\"/>\n</$set>\n"
},
"$:/snippets/paletteswitcher": {
"title": "$:/snippets/paletteswitcher",
"text": "\\define lingo-base() $:/language/ControlPanel/Palette/\n<div class=\"tc-prompt\">\n<<lingo Prompt>> <$view tiddler={{$:/palette}} field=\"name\"/>\n</div>\n\n<$linkcatcher to=\"$:/palette\">\n<div class=\"tc-chooser\"><$list filter=\"[all[shadows+tiddlers]tag[$:/tags/Palette]sort[description]]\"><div class=\"tc-chooser-item\"><$link to={{!!title}}><div><$reveal state=\"$:/palette\" type=\"match\" text={{!!title}}>•</$reveal><$reveal state=\"$:/palette\" type=\"nomatch\" text={{!!title}}> </$reveal> ''<$view field=\"name\" format=\"text\"/>'' - <$view field=\"description\" format=\"text\"/></div><$transclude tiddler=\"$:/snippets/currpalettepreview\"/></$link></div>\n</$list>\n</div>\n</$linkcatcher>"
},
"$:/temp/search": {
"title": "$:/temp/search",
"text": ""
},
"$:/tags/AdvancedSearch": {
"title": "$:/tags/AdvancedSearch",
"list": "[[$:/core/ui/AdvancedSearch/Standard]] [[$:/core/ui/AdvancedSearch/System]] [[$:/core/ui/AdvancedSearch/Shadows]] [[$:/core/ui/AdvancedSearch/Filter]]"
},
"$:/tags/ControlPanel": {
"title": "$:/tags/ControlPanel",
"list": "$:/core/ui/ControlPanel/Info $:/core/ui/ControlPanel/Appearance $:/core/ui/ControlPanel/Settings $:/core/ui/ControlPanel/Saving $:/core/ui/ControlPanel/Plugins $:/core/ui/ControlPanel/Tools $:/core/ui/ControlPanel/Internals"
},
"$:/tags/ControlPanel/Info": {
"title": "$:/tags/ControlPanel/Info",
"list": "$:/core/ui/ControlPanel/Basics $:/core/ui/ControlPanel/Advanced"
},
"$:/tags/ControlPanel/Plugins": {
"title": "$:/tags/ControlPanel/Plugins",
"list": "[[$:/core/ui/ControlPanel/Plugins/Installed]] [[$:/core/ui/ControlPanel/Plugins/Add]]"
},
"$:/tags/EditTemplate": {
"title": "$:/tags/EditTemplate",
"list": "[[$:/core/ui/EditTemplate/controls]] [[$:/core/ui/EditTemplate/title]] [[$:/core/ui/EditTemplate/tags]] [[$:/core/ui/EditTemplate/shadow]] [[$:/core/ui/ViewTemplate/classic]] [[$:/core/ui/EditTemplate/body]] [[$:/core/ui/EditTemplate/type]] [[$:/core/ui/EditTemplate/fields]]"
},
"$:/tags/EditToolbar": {
"title": "$:/tags/EditToolbar",
"list": "[[$:/core/ui/Buttons/delete]] [[$:/core/ui/Buttons/cancel]] [[$:/core/ui/Buttons/save]]"
},
"$:/tags/MoreSideBar": {
"title": "$:/tags/MoreSideBar",
"list": "[[$:/core/ui/MoreSideBar/All]] [[$:/core/ui/MoreSideBar/Recent]] [[$:/core/ui/MoreSideBar/Tags]] [[$:/core/ui/MoreSideBar/Missing]] [[$:/core/ui/MoreSideBar/Drafts]] [[$:/core/ui/MoreSideBar/Orphans]] [[$:/core/ui/MoreSideBar/Types]] [[$:/core/ui/MoreSideBar/System]] [[$:/core/ui/MoreSideBar/Shadows]]",
"text": ""
},
"$:/tags/PageControls": {
"title": "$:/tags/PageControls",
"list": "[[$:/core/ui/Buttons/home]] [[$:/core/ui/Buttons/close-all]] [[$:/core/ui/Buttons/permaview]] [[$:/core/ui/Buttons/new-tiddler]] [[$:/core/ui/Buttons/new-journal]] [[$:/core/ui/Buttons/import]] [[$:/core/ui/Buttons/export-page]] [[$:/core/ui/Buttons/control-panel]] [[$:/core/ui/Buttons/advanced-search]] [[$:/core/ui/Buttons/tag-manager]] [[$:/core/ui/Buttons/language]] [[$:/core/ui/Buttons/palette]] [[$:/core/ui/Buttons/theme]] [[$:/core/ui/Buttons/storyview]] [[$:/core/ui/Buttons/encryption]] [[$:/core/ui/Buttons/full-screen]] [[$:/core/ui/Buttons/save-wiki]] [[$:/core/ui/Buttons/refresh]] [[$:/core/ui/Buttons/more-page-actions]]"
},
"$:/tags/PageTemplate": {
"title": "$:/tags/PageTemplate",
"list": "[[$:/core/ui/PageTemplate/topleftbar]] [[$:/core/ui/PageTemplate/toprightbar]] [[$:/core/ui/PageTemplate/sidebar]] [[$:/core/ui/PageTemplate/story]] [[$:/core/ui/PageTemplate/alerts]]",
"text": ""
},
"$:/tags/SideBar": {
"title": "$:/tags/SideBar",
"list": "[[$:/core/ui/SideBar/Open]] [[$:/core/ui/SideBar/Recent]] [[$:/core/ui/SideBar/Tools]] [[$:/core/ui/SideBar/More]]",
"text": ""
},
"$:/tags/TiddlerInfo": {
"title": "$:/tags/TiddlerInfo",
"list": "[[$:/core/ui/TiddlerInfo/Tools]] [[$:/core/ui/TiddlerInfo/References]] [[$:/core/ui/TiddlerInfo/Tagging]] [[$:/core/ui/TiddlerInfo/List]] [[$:/core/ui/TiddlerInfo/Listed]] [[$:/core/ui/TiddlerInfo/Fields]]",
"text": ""
},
"$:/tags/TiddlerInfo/Advanced": {
"title": "$:/tags/TiddlerInfo/Advanced",
"list": "[[$:/core/ui/TiddlerInfo/Advanced/ShadowInfo]] [[$:/core/ui/TiddlerInfo/Advanced/PluginInfo]]"
},
"$:/tags/ViewTemplate": {
"title": "$:/tags/ViewTemplate",
"list": "[[$:/core/ui/ViewTemplate/title]] [[$:/core/ui/ViewTemplate/subtitle]] [[$:/core/ui/ViewTemplate/tags]] [[$:/core/ui/ViewTemplate/classic]] [[$:/core/ui/ViewTemplate/body]]"
},
"$:/tags/ViewToolbar": {
"title": "$:/tags/ViewToolbar",
"list": "[[$:/core/ui/Buttons/more-tiddler-actions]] [[$:/core/ui/Buttons/info]] [[$:/core/ui/Buttons/new-here]] [[$:/core/ui/Buttons/new-journal-here]] [[$:/core/ui/Buttons/clone]] [[$:/core/ui/Buttons/export-tiddler]] [[$:/core/ui/Buttons/edit]] [[$:/core/ui/Buttons/permalink]] [[$:/core/ui/Buttons/permaview]] [[$:/core/ui/Buttons/open-window]] [[$:/core/ui/Buttons/close-others]] [[$:/core/ui/Buttons/close]]"
},
"$:/snippets/themeswitcher": {
"title": "$:/snippets/themeswitcher",
"text": "\\define lingo-base() $:/language/ControlPanel/Theme/\n<<lingo Prompt>> <$view tiddler={{$:/theme}} field=\"name\"/>\n\n<$linkcatcher to=\"$:/theme\">\n<$list filter=\"[plugin-type[theme]sort[title]]\"><div><$reveal state=\"$:/theme\" type=\"match\" text={{!!title}}>•</$reveal><$reveal state=\"$:/theme\" type=\"nomatch\" text={{!!title}}> </$reveal> <$link to={{!!title}}>''<$view field=\"name\" format=\"text\"/>'' <$view field=\"description\" format=\"text\"/></$link></div>\n</$list>\n</$linkcatcher>"
},
"$:/core/wiki/title": {
"title": "$:/core/wiki/title",
"type": "text/vnd.tiddlywiki",
"text": "{{$:/SiteTitle}} --- {{$:/SiteSubtitle}}"
},
"$:/view": {
"title": "$:/view",
"text": "classic"
},
"$:/snippets/viewswitcher": {
"title": "$:/snippets/viewswitcher",
"text": "\\define lingo-base() $:/language/ControlPanel/StoryView/\n<<lingo Prompt>> <$select tiddler=\"$:/view\">\n<$list filter=\"[storyviews[]]\">\n<option><$view field=\"title\"/></option>\n</$list>\n</$select>"
}
}
}
\define standardListItem()
<div class="tc-menu-list-item">
<$link to={{!!title}}>
<$view field="title"/>
</$link>
</div>
\end
\define concat-tiddler-link()
$(address)$#$(tiddler-title)$
\end
\define communityTiddlerListItem()
<div class="tc-menu-list-item">
<$set name="from-tiddler" value={{!!source-wiki-id}}>
<$list filter="[<from-tiddler>get[wiki-address]]" variable="address">
<$set name="tiddler-title" value={{!!source-tiddler-title-as-link}}>
<a href=<<concat-tiddler-link>> target="_blank">
<$text text={{!!source-tiddler-title-as-text}}/> @<$text text=<<from-tiddler>>/>
</a>
</$set>
</$list>
</$set>
</div>
\end
<$list filter=[all[current]!has[source-wiki-id]]>
<<standardListItem>>
</$list>
<$list filter=[all[current]has[source-wiki-id]]>
<<communityTiddlerListItem>>
</$list>
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
! Introduction
The ''action-sendmessage'' widget is an [[action widget|ActionWidgets]] that sends a [[message|WidgetMessages]] back up the widget tree. ActionWidgets are used within triggering widgets such as the ButtonWidget.
! Content and Attributes
The ''action-sendmessage'' widget is invisible. Any content within it is ignored.
|!Attribute |!Description |
|$message |The message to send (eg, [[WidgetMessage: tm-new-tiddler]]) |
|$param |Optional parameter string whose meaning is dependent on the message being sent |
|//{any attributes not starting with $}// |Multiple additional named parameters that are attached to the message |
! Examples
Here is an example of button that displays both a notification and a wizard, and creates a new tiddler with tags and text:
<$macrocall $name='wikitext-example-without-html'
src='<$button>
<$action-sendmessage $message="tm-modal" $param="SampleWizard"/>
<$action-sendmessage $message="tm-notify" $param="SampleNotification"/>
<$action-sendmessage $message="tm-new-tiddler" title="This is newly created tiddler" tags="OneTag [[Another Tag]]" text=<<now "Today is DDth, MMM YYYY">>/>
Click me!
</$button>'/>
Welcome to ~TiddlyWiki, a versatile note-taking web application you can download for free, store wherever you like and customise however you wish. Use it to capture, organise and share your notes in ways that word processors and other note-taking tools cannot.
~TiddlyWiki is designed to be non-linear, structuring content with stories, tags, hyperlinks, and other features. You can organise and retrieve your notes in ways that conform to your personal thought patterns, rather than feel chained to one preset organisational structure.
You can use ~TiddlyWiki as a single file that you view and edit through any web browser, whether you are online or offline. Or you can use it as a powerful [[Node.js application|TiddlyWiki on Node.js]] that stores each of your notes as a separate file.
How can you make ~TiddlyWiki work for you? We recommend you start with our introductory documentation listed below, and then browse the TableOfContents, available in the Contents tab in the sidebar. Or just [[follow our simple instructions|GettingStarted]] and try it out for yourself!
<<list-links "[tag[HelloThere]]">>
! Introduction
The button widget displays an HTML `<button>` element that can perform a combination of optional actions when clicked:
* Executing any ActionWidgets that are immediate children of the button widget
* Execute any integrated actions:
** Navigate to a specified tiddler
** Dispatch a user defined [[widget message|Messages]]
** Trigger a user defined [[popup|PopupMechanism]]
** Assign new text to a specified tiddler
The integrated actions are provided as a shortcut for invoking common actions. The same functionality is available via ActionWidgets, with the exception of the support for highlighting selected popups.
! Content and Attributes
The content of the `<$button>` widget is displayed within the button.
|!Attribute |!Description |
|to |The title of the tiddler to navigate to |
|message |The name of the [[widget message|Messages]] to send when the button is clicked |
|param |The optional parameter to the message |
|set |A TextReference to which a new value will be assigned |
|setTo |The new value to assign to the TextReference identified in the `set` attribute |
|popup |Title of a state tiddler for a popup that is toggled when the button is clicked |
|aria-label |Optional [[Accessibility]] label |
|tooltip |Optional tooltip |
|class |An optional CSS class name to be assigned to the HTML element|
|style |An optional CSS style attribute to be assigned to the HTML element |
|selectedClass |An optional additional CSS class to be assigned if the popup is triggered or the tiddler specified in `set` already has the value specified in `setTo` |
|default |Default value if `set` tiddler is missing for testing against `setTo` to determine `selectedClass` |
''Tip:'' Set ''class'' to `tc-btn-invisble tc-tiddlylink` to have a button look like an internal link.
<pre>
/**
* Calendar Script
* Creates a calendar widget which can be used to select the date more easily than using just a text box
* http://www.openjs.com/scripts/ui/calendar/
*
* Example:
* <input type="text" name="date" id="date" />
* <script type="text/javascript">
* calendar.set("date");
* </script>
*/
calendar = {
month_names: ["January","February","March","April","May","June","July","August","September","October","November","December"],
weekdays: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
month_days: [31,28,31,30,31,30,31,31,30,31,30,31],
//Get today's date - year, month, day and date
today : new Date(),
opt : {},
data: [],
//Functions
/// Used to create HTML in a optimized way.
wrt:function(txt) {
this.data.push(txt);
},
/* Inspired by http://www.quirksmode.org/dom/getstyles.html */
getStyle: function(ele, property){
if (ele.currentStyle) {
var alt_property_name = property.replace(/\-(\w)/g,function(m,c){return c.toUpperCase();});//background-color becomes backgroundColor
var value = ele.currentStyle[property]||ele.currentStyle[alt_property_name];
} else if (window.getComputedStyle) {
property = property.replace(/([A-Z])/g,"-$1").toLowerCase();//backgroundColor becomes background-color
var value = document.defaultView.getComputedStyle(ele,null).getPropertyValue(property);
}
//Some properties are special cases
if(property == "opacity" && ele.filter) value = (parseFloat( ele.filter.match(/opacity\=([^)]*)/)[1] ) / 100);
else if(property == "width" && isNaN(value)) value = ele.clientWidth || ele.offsetWidth;
else if(property == "height" && isNaN(value)) value = ele.clientHeight || ele.offsetHeight;
return value;
},
getPosition:function(ele) {
var x = 0;
var y = 0;
while (ele) {
x += ele.offsetLeft;
y += ele.offsetTop;
ele = ele.offsetParent;
}
if (navigator.userAgent.indexOf("Mac") != -1 && typeof document.body.leftMargin != "undefined") {
x += document.body.leftMargin;
offsetTop += document.body.topMargin;
}
var xy = new Array(x,y);
return xy;
},
/// Called when the user clicks on a date in the calendar.
selectDate:function(year,month,day) {
var ths = _calendar_active_instance;
if(ths.opt['onDateSelect']) ths.opt['onDateSelect'].apply(ths, [year,month,day]); // Custom handler if the user wants it that way.
else {
document.getElementById(ths.opt["input"]).value = year + "-" + month + "-" + day; // Date format is :HARDCODE:
ths.hideCalendar();
}
},
/// Creates a calendar with the date given in the argument as the selected date.
makeCalendar:function(year, month, day) {
year = parseInt(year);
month= parseInt(month);
day = parseInt(day);
//Display the table
var next_month = month+1;
var next_month_year = year;
if(next_month>=12) {
next_month = 0;
next_month_year++;
}
var previous_month = month-1;
var previous_month_year = year;
if(previous_month< 0) {
previous_month = 11;
previous_month_year--;
}
this.wrt("<table>");
this.wrt("<tr><th><a href='javascript:calendar.makeCalendar("+(previous_month_year)+","+(previous_month)+");' title='"+this.month_names[previous_month]+" "+(previous_month_year)+"'><</a></th>");
this.wrt("<th colspan='5' class='calendar-title'><select name='calendar-month' class='calendar-month' onChange='calendar.makeCalendar("+year+",this.value);'>");
for(var i in this.month_names) {
this.wrt("<option value='"+i+"'");
if(i == month) this.wrt(" selected='selected'");
this.wrt(">"+this.month_names[i]+"</option>");
}
this.wrt("</select>");
this.wrt("<select name='calendar-year' class='calendar-year' onChange='calendar.makeCalendar(this.value, "+month+");'>");
var current_year = this.today.getYear();
if(current_year < 1900) current_year += 1900;
for(var i=current_year-70; i<current_year+10; i++) {
this.wrt("<option value='"+i+"'")
if(i == year) this.wrt(" selected='selected'");
this.wrt(">"+i+"</option>");
}
this.wrt("</select></th>");
this.wrt("<th><a href='javascript:calendar.makeCalendar("+(next_month_year)+","+(next_month)+");' title='"+this.month_names[next_month]+" "+(next_month_year)+"'>></a></th></tr>");
this.wrt("<tr class='header'>");
for(var weekday=0; weekday<7; weekday++) this.wrt("<td>"+this.weekdays[weekday]+"</td>");
this.wrt("</tr>");
//Get the first day of this month
var first_day = new Date(year,month,1);
var start_day = first_day.getDay();
var d = 1;
var flag = 0;
//Leap year support
if(year % 4 == 0) this.month_days[1] = 29;
else this.month_days[1] = 28;
var days_in_this_month = this.month_days[month];
//Create the calender
for(var i=0;i<=5;i++) {
if(w >= days_in_this_month) break;
this.wrt("<tr>");
for(var j=0;j<7;j++) {
if(d > days_in_this_month) flag=0; //If the days has overshooted the number of days in this month, stop writing
else if(j >= start_day && !flag) flag=1;//If the first day of this month has come, start the date writing
if(flag) {
var w = d, mon = month+1;
if(w < 10) w = "0" + w;
if(mon < 10)mon = "0" + mon;
//Is it today?
var class_name = '';
var yea = this.today.getYear();
if(yea < 1900) yea += 1900;
if(yea == year && this.today.getMonth() == month && this.today.getDate() == d) class_name = " today";
if(day == d) class_name += " selected";
class_name += " " + this.weekdays[j].toLowerCase();
this.wrt("<td class='days"+class_name+"'><a href='javascript:calendar.selectDate(\""+year+"\",\""+mon+"\",\""+w+"\")'>"+w+"</a></td>");
d++;
} else {
this.wrt("<td class='days'> </td>");
}
}
this.wrt("</tr>");
}
this.wrt("</table>");
this.wrt("<input type='button' value='Cancel' class='calendar-cancel' onclick='calendar.hideCalendar();' />");
document.getElementById(this.opt['calendar']).innerHTML = this.data.join("");
this.data = [];
},
/// Display the calendar - if a date exists in the input box, that will be selected in the calendar.
showCalendar: function() {
var input = document.getElementById(this.opt['input']);
//Position the div in the correct location...
var div = document.getElementById(this.opt['calendar']);
if(this.opt['display_element']) var display_element = document.getElementById(this.opt['display_element']);
else var display_element = document.getElementById(this.opt['input']);
var xy = this.getPosition(display_element);
var width = parseInt(this.getStyle(display_element,'width'));
div.style.left=(xy[0]+width+10)+"px";
div.style.top=xy[1]+"px";
// Show the calendar with the date in the input as the selected date
var existing_date = new Date();
var date_in_input = input.value;
if(date_in_input) {
var selected_date = false;
var date_parts = date_in_input.split("-");
if(date_parts.length == 3) {
date_parts[1]--; //Month starts with 0
selected_date = new Date(date_parts[0], date_parts[1], date_parts[2]);
}
if(selected_date && !isNaN(selected_date.getYear())) { //Valid date.
existing_date = selected_date;
}
}
var the_year = existing_date.getYear();
if(the_year < 1900) the_year += 1900;
this.makeCalendar(the_year, existing_date.getMonth(), existing_date.getDate());
document.getElementById(this.opt['calendar']).style.display = "block";
_calendar_active_instance = this;
},
/// Hides the currently show calendar.
hideCalendar: function(instance) {
var active_calendar_id = "";
if(instance) active_calendar_id = instance.opt['calendar'];
else active_calendar_id = _calendar_active_instance.opt['calendar'];
if(active_calendar_id) document.getElementById(active_calendar_id).style.display = "none";
_calendar_active_instance = {};
},
/// Setup a text input box to be a calendar box.
set: function(input_id, opt) {
var input = document.getElementById(input_id);
if(!input) return; //If the input field is not there, exit.
if(opt) this.opt = opt;
if(!this.opt['calendar']) this.init();
var ths = this;
if(this.opt['onclick']) input.onclick=this.opt['onclick'];
else {
input.onclick=function(){
ths.opt['input'] = this.id;
ths.showCalendar();
};
}
},
/// Will be called once when the first input is set.
init: function() {
if(!this.opt['calendar'] || !document.getElementById(this.opt['calendar'])) {
var div = document.createElement('div');
if(!this.opt['calendar']) this.opt['calendar'] = 'calender_div_'+ Math.round(Math.random() * 100);
div.setAttribute('id',this.opt['calendar']);
div.className="calendar-box";
document.getElementsByTagName("body")[0].insertBefore(div,document.getElementsByTagName("body")[0].firstChild);
}
}
}
>/pre>
! Introduction
The checkbox widget displays an HTML `<input type="checkbox">` element that is dynamically bound to either:
* the presence or absence of a specified tag on a specified tiddler
* the value of a specified field of a specified tiddler
! Content and Attributes
The content of the `<$checkbox>` widget is displayed within an HTML `<label>` element immediately after the checkbox itself. This means that clicking on the content will toggle the checkbox.
|!Attribute |!Description |
|tiddler |Title of the tiddler to manipulate (defaults to the [[current tiddler|Current Tiddler]]) |
|tag |The name of the tag to which the checkbox should be bound |
|field |The name of the field to which the checkbox should be bound |
|checked |The value of the field corresponding to the checkbox being checked |
|unchecked |The value of the field corresponding to the checkbox being unchecked |
|default |The default value to use if the field is not defined |
|class |The class that will be assigned to the label element |
!! Tag Mode
Using the checkbox widget in tag mode requires the ''tag'' attribute to specify the name of the tag. The ''tiddler'' attribute specifies the tiddler to target, defaulting to the current tiddler if not present.
This example creates a checkbox that flips the ''done'' tag on the current tiddler:
```
<$checkbox tag="done">Is it done?</$checkbox>
```
!! Field Mode
Using the checkbox widget in field mode requires the ''field'' attribute to specify the name of the field. The ''checked'' and ''unchecked'' attributes specify the values to be assigned to the field to correspond to its checked and unchecked states respectively. The ''default'' attribute is used as a fallback value if the field is not defined.
This example creates a checkbox that is checked if the field ''status'' is equal to ''open'' and unchecked if the field is equal to ''closed''. If the field is undefined then it defaults to ''closed'', meaning that the checkbox will be unchecked if the ''status'' field is missing.
```
<$checkbox field="status" checked="open" unchecked="closed" default="closed">Is it open?</$checkbox>
```
Fixed in <<version>>
<$list filter="[[jsonlist]indexes[]]">
<$list filter="[[jsonlist]getindex<currentTiddler>]+[addprefix[GetThis ]]">
<$view field='title'/>
</$list>
</$list>
We welcome contributions to the code and documentation of TiddlyWiki in several ways:
* ReportingBugs
* Helping to [[improve our documentation|Improving TiddlyWiki Documentation]]
* Contributing to the code via [[GitHub|https://github.com/Jermolene/TiddlyWiki5]]
** See http://tiddlywiki.com/dev for more details
There are other ways to [[help TiddlyWiki|HelpingTiddlyWiki]] too.
! Contributor License Agreement
Like other OpenSource projects, TiddlyWiki5 needs a signed contributor license agreement from individual contributors. This is a legal agreement that allows contributors to assert that they own the copyright of their contribution, and that they agree to license it to the UnaMesa Association (the legal entity that owns TiddlyWiki on behalf of the community).
* For individuals use: [[licenses/CLA-individual|https://github.com/Jermolene/TiddlyWiki5/tree/master/licenses/cla-individual.md]]
* For entities use: [[licenses/CLA-entity|https://github.com/Jermolene/TiddlyWiki5/tree/master/licenses/cla-entity.md]]
! How to sign the CLA
Create a GitHub pull request to add your name to `cla-individual.md` or `cla-entity.md`, with the date in the format (YYYY/MM/DD).
''step by step''
# click [[licenses/CLA-individual|https://github.com/Jermolene/TiddlyWiki5/tree/master/licenses/cla-individual.md]] or [[licenses/CLA-entity|https://github.com/Jermolene/TiddlyWiki5/tree/master/licenses/cla-entity.md]]
# in `cla-individual.md` or `cla-entity.md` click icon on the top-right corner (clicking this button will fork the project so you can edit the file)
# add your name at the bottom
eg: `Jeremy Ruston, @Jermolene, 2011/11/22`
---
//The CLA documents used for this project were created using [[Harmony Project Templates|http://www.harmonyagreements.org]]. "HA-CLA-I-LIST Version 1.0" for "CLA-individual" and "HA-CLA-E-LIST Version 1.0" for "CLA-entity".//
Remarks
-------
**When not owning the copyright in the entire work of authorship**
In this case, please clearly state so, since otherwise we assume that you are the legal copyright holder of the contributed work! Please provide links and additional information that clarify under which license the rest of the code is distributed.
\define selectDateIntoField(fieldName)
<<selectDate>>
<$macrocall $name="putDateInField"
tiddlerName=<<currentTiddler>>
fieldName="$fieldName$"
buttonText="Save Date"
/>
Date = <$view tiddler=<<currentTiddler>> field="$fieldName$"/>
\end
\define put3ValuesInField((tiddlerName, fieldName, one, two, three, buttonText)
<$macrocall $name="putValueInField"
tiddlerName="$tiddlerName$"
fieldName="$fieldName$"
textValue="$one$$two$$three$"
buttonText="$buttonText$"
/>
\end
\define putDateInField(tiddlerName, fieldName, buttonText:"Put")
<$macrocall $name="put3ValuesInField"
tiddlerName="$tiddlerName$"
fieldName="$fieldName$"
one={{$:/_cpa/temp/DateEntryYear}}
two={{$:/_cpa/temp/DateEntryMonth}}
three={{$:/_cpa/temp/DateEntryDay}}
buttonText="$buttonText$"
/>
\end
\define putValueInField(tiddlerName, fieldName, textValue, buttonText:"Set Date")
<$button>
<$action-setfield $tiddler="$tiddlerName$" $fieldName$="$textValue$"/>
$buttonText$
</$button>
\end
\define selectDate() <<selectYear>><<selectMonth>><<selectDay>>
\define selectTimeZone()
<$select tiddler="$:/_cpa/temp/DateEntryTimeZone" default="00" >
<option value="">--</option>
<$list filter="00 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23">
<option value=<<currentTiddler>> ><<currentTiddler>></option>
</$list>
</$select>
\end
\define selectYear()
<$select tiddler="$:/_cpa/temp/DateEntryYear" default=<<now YYYY>> >
<option value="">--</option>
<$list filter="2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020">
<option value=<<currentTiddler>> ><<currentTiddler>></option>
</$list>
</$select>
\end
\define selectMonth()
<$select tiddler="$:/_cpa/temp/DateEntryMonth" default=<<now 0MM>> >
<option value="">--</option>
<$list filter="01 02 03 04 05 06 07 08 09 10 11 12">
<option value=<<currentTiddler>> ><<currentTiddler>></option>
</$list>
</$select>
\end
\define selectDay()
<$select tiddler="$:/_cpa/temp/DateEntryDay" default=<<now 0DD>> >
<option value="">--</option>
<$list filter="01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31">
<option value=<<currentTiddler>> ><<currentTiddler>></option>
</$list>
</$select>
\end
\define easyShowDate()
<$macrocall $name="showDate"
Year={{$:/_cpa/temp/DateEntryYear}}
Month={{$:/_cpa/temp/DateEntryMonth}}
Day={{$:/_cpa/temp/DateEntryDay}}
TimeZone={{$:/_cpa/temp/DateEntryTimeZone}}
/>
\end
\define showDate(Year:"2015", Month:"01", Day:"02", TimeZone:""00", format:"MMM-DDth-YYYY")
<$view tiddler="$Year$$Month$$Day$$TimeZone$"
field="title"
format="date"
template="$format$"
/>
\end
What we want to do is select a date, display it in the local timezone (Not the default UTC) and store it in a field
# Final output
#* <<selectDateIntoField "mydatefield">>
# Code
#* <span>
`<<selectDateIntoField "mydatefield">>`
</span>
# Explanation of how this is done
#* Create 4 select macros to store dates in temp tiddlers <span>
`<<selectYear>>`, `<<selectMonth>>`, `<<selectDay>>` and `<<selectTimeZone>>`
</span>
#* Configure the system by selecting the timezone <<selectTimeZone>>
#* Then select a date using these 3 select fields:<<selectYear>><<selectMonth>><<selectDay>>
#* And display them so you can see how it works:
#** Year =`{{$:/_cpa/temp/DateEntryYear}}` ={{$:/_cpa/temp/DateEntryYear}}
#** Month=`{{$:/_cpa/temp/DateEntryMonth}}`={{$:/_cpa/temp/DateEntryMonth}}
#** Day =`{{$:/_cpa/temp/DateEntryDay}}` ={{$:/_cpa/temp/DateEntryDay}}
#** ~TimeZone =`{{$:/_cpa/temp/DateEntryTimeZone}}` ={{$:/_cpa/temp/DateEntryTimeZone}}
# Create another macro `<<showDate>>` to display the date using any date format
#* Use this trick: `<$view tiddler="`{{$:/_cpa/temp/DateEntryYear}}{{$:/_cpa/temp/DateEntryMonth}}{{$:/_cpa/temp/DateEntryDay}}`" field="title" format="date" template="MMM-DDth-YYYY" />`
#** <span>
`\define showDate(Year, Month, Day, TimeZone:""00", format:"MMM-DDth-YYYY")
<$view tiddler="$Year$$Month$$Day$$TimeZone$"
field="title"
format="date"
template="$format$"
/>
\end`
</span>
#* Then execute that macro
#** <span>
`<$macrocall $name="showDate"
Year={{$:/_cpa/temp/DateEntryYear}}
Month={{$:/_cpa/temp/DateEntryMonth}}
Day={{$:/_cpa/temp/DateEntryDay}}
TimeZone={{$:/_cpa/temp/DateEntryTimeZone}}
/>`
</span> <$macrocall $name="showDate"
Year={{$:/_cpa/temp/DateEntryYear}}
Month={{$:/_cpa/temp/DateEntryMonth}}
Day={{$:/_cpa/temp/DateEntryDay}}
TimeZone={{$:/_cpa/temp/DateEntryTimeZone}}
/>
# So now I'm lazy and I want to execute that macro without typing all that text so I define a macro to type that for me
#* <span>
`\define easyShowDate()
<$macrocall $name="showDate"
Year={{$:/_cpa/temp/DateEntryYear}}
Month={{$:/_cpa/temp/DateEntryMonth}}
Day={{$:/_cpa/temp/DateEntryDay}}
TimeZone={{$:/_cpa/temp/DateEntryTimeZone}}
/>
\end`
</span>
#* And execute it `<<easyShowDate>>`
#* <<easyShowDate>>
# And I'm lazy and I don't want to type 3 macro names when I want to select a date so I create `<<selectDate>>`
#* <<selectDate>>
# To put the date string into a field first I'll need a `<<putValueInField>>` macro
#* <span>
`\define putValueInField(tiddlerName, fieldName, textValue, buttonText:"Set Date")
<$button>
<$action-setfield $tiddler="$tiddlerName$" $fieldName$="$textValue$"/>
$buttonText$
</$button>
\end
`
</span>
# Since I'm putting three values into the field I need a 3Values macro
#* <span>
`\define put3ValuesInField((tiddlerName, fieldName, one, two, three, buttonText)
<$macrocall $name="putValueInField"
tiddlerName="$tiddlerName$"
fieldName="$fieldName$"
textValue="$one$$two$$three$"
buttonText="$buttonText$"
/>
\end`
</span>
#Now the putDateInField macro
#* <span>
`\define putDateInField(tiddlerName, fieldName, buttonText:"Put")
<$macrocall $name="put3ValuesInField"
tiddlerName="$tiddlerName$"
fieldName="$fieldName$"
one={{$:/_cpa/temp/DateEntryYear}}
two={{$:/_cpa/temp/DateEntryMonth}}
three={{$:/_cpa/temp/DateEntryDay}}
buttonText="$buttonText$"
/>
\end
`
</span>
#* To test it we run it against this tiddler and display the field
#** `<<putDateInField "DateEntry" "mydatefield" "Put Date in My Date Field">>` <<putDateInField "DateEntry" "mydatefield" "Put Date in My Date Field">>
#* <<selectDate>>
#** And display that field `{{!!mydatefield}}` = {{!!mydatefield}}
<<.this-is-operator-example>>
It has a <<.field list>> field containing the following items:
<<list-links "[list[]]">>
It has a <<.field short>> field containing the following items:
<<list-links "[list[!!short]]">>
It has a <<.field my-special-list>> field containing the following items:
<<list-links "[list[!!my-special-list]]">>
Unless you've already seen ~TiddlyWiki, we guarantee you've never seen //anything// like ~TiddlyWiki. ~TiddlyWiki is:
:: a tool,
:: a toolbox,
:: a community,
:: and a philosophy.
! ~TiddlyWiki is a Tool
''~TiddlyWiki is first and foremost a tool:'' it is a free downloadable tool for capturing and organising content from the web, from your documents or from your brain. It’s a tool for note-taking, bookmarking, pinning, writing, managing to-do lists and projects, collaborating, blogging, and publishing.
In ~TiddlyWiki you create or paste content into notes called tiddlers, then connect your tiddlers with hyperlinks and tags. You can then quickly retrieve your notes through features such as tag pills, sidebar tabs, and ~TiddlyWiki's lightning fast search window. You can even dynamically include one tiddler's content inside another - similar to using building blocks - to create articles, lists, presentations and more.
! ~TiddlyWiki is a Toolbox
In addition to being a versatile tool, ''~TiddlyWiki is also a toolbox.''
Where other note-taking products hook you with the basic program then charge you for the really helpful features, ~TiddlyWiki has an ever-expanding collection of completely free visual themes, colour palettes, plugins, widgets and macros, which you can then mix and match so that you can tweak and tailor your ~TiddlyWiki to get it just the way you want it.
! ~TiddlyWiki is also a Community
We are a [[community|Community]] of users and developers who help each other imagine new ways of thinking and organising and create new solutions, so that ~TiddlyWiki is continually adapting to better serve your needs. ~TiddlyWiki users and developers share questions and advice at a ~TiddlyWiki Google group. They also create tutorials, adaptations, and plugins to enhance your ~TiddlyWiki experience. See the section ''Community'' of the TableOfContents for more details.
! Finally, ~TiddlyWiki is a philosophy
The purpose of taking and organising a note (or recording any kind of content) is to be able to retrieve it later. If you can't find your notes in your note-taking system, your note-taking becomes a colossal waste of time.
The [[TiddlyWiki philosophy|Philosophy of Tiddlers]] is that the best way to take notes is to separate them into tiddlers, the smallest semantic units possible. A tiddler might be an image, a webpage link, a concept, the definition of a term, or a specific customisation such as a macro.
These tiddlers can then be woven together to create longer units: stories, articles, lists, image galleries, and much more. ~TiddlyWiki's features such as tagging, hyperlinking, and filters are specially designed to help you relate and connect tiddlers together in multiple ways, facilitating your future retrieval of your notes and even helping you see unexpected relationships among your tiddlers and the information they contain.
<<.operator-example 1 "[each[color]]" "List all of the tiddlers which have a field: color">>
<<.operator-example 2 "[sort[title]each[type]]" "Alphabetically list all tiddlers. Then filter by type and display the first one of that type (as defined by the field: type)">>
<<.operator-example 3 "[sort[title]each[library]]" "Alphabetically list all tiddlers. Then filter by field: library. Notice that there are 2 results. 1 for library=yes, the other for library doesn't exist">>
<<.operator-example 4 "[sort[title]has[library]each[library]]" "Alphabetically list all tiddlers. Filter out any without a field library, and then pick the first one for each value">>
For an example of using the <<.op each>> operator to generate a two-tier list of groups and members, see [[GroupedLists]].
TiddlyWiki is distributed in several different editions that are tuned for specific purposes. Each one consists of the same TiddlyWiki core components along with the required plugins, documentation and sample content.
You can mix and match the components of these editions, to make a unique solution to your particular application.
<<list-links "[tag[Editions]]">>
! Introduction
The edit text widget provides a user interface in the browser for editing text tiddler fields. The editing element is dynamically bound to the underlying tiddler value: changes to the tiddler are instantly reflected, and any edits are instantly propogated.
By default, the edit text widget generates a `<textarea>` as the HTML editing element when the `text` field is edited, and a `<input type="text">` element otherwise. This behaviour can be overridden with the `tag` and `type` attributes.
! Content and Attributes
The content of the `<$edit-text>` widget is ignored.
|!Attribute |!Description |
|tiddler |The tiddler to edit (defaults to the [[current tiddler|Current Tiddler]]) |
|field |The field to edit (defaults to `text`). Takes precedence over the `index` attribute |
|index |The index to edit |
|default |The default text to be provided when the target tiddler doesn't exist |
|class |A CSS class to be assigned to the generated HTML editing element |
|placeholder |Placeholder text to be displayed when the edit field is empty |
|focusPopup |Title of a state tiddler for a popup that is displayed when the editing element has focus |
|focus |Set to "true" to automatically focus the editor after creation |
|tag |Overrides the generated HTML editing element tag. Use `textarea` for a multi-line editor |
|type |Overrides the generated HTML editing element `type` attribute |
|size |The size of the input field (in characters) |
|autoHeight |Either "yes" or "no" to specify whether to automatically resize `textarea` editors to fit their content (defaults to "yes") |
|minHeight |Minimum height for automatically resized `textarea` editors, specified in CSS length units such as "px", "em" or "%" |
! Notes
One trap to be aware of is that the edit text widget cannot be used to edit a field of the tiddler that contains it. Each keypress results in the tiddler being re-rendered, which loses the cursor position within the text field.
Instead, place the edit text widget in a [[template|TemplateTiddlers]] that references the tiddler you want to modify.
For example, if you wanted to edit the value of the "myconfig" field of the tiddler "AppSettings", you might do so by creating a separate tiddler "ChangeAppSettings" that contains the following:
```
<$edit-text tiddler="AppSettings" field="myconfig"/>
```
When used as a single HTML file, TiddlyWiki5 allows content to be encrypted using the [[Stanford JavaScript Crypto Library]].
# Switch to the ''Tools'' tab in the sidebar and look for the button with a padlock icon
# If the button is labelled "set password" then the current wiki is not encrypted. Clicking the button will prompt for a password that will be used to encrypt subsequent saves
# If the button is labelled "clear password" then the current wiki is already encrypted. Clicking the button will remove the password so that subsequent saves will be unencrypted
# Optionally, open the saved file in a text editor and verify that your data is encrypted
# Open the file in your browser. You will be prompted for a password before the content is displayed
! Introduction
The field mangler widget manipulates the fields and tags of a tiddler. It does so in response to the following [[Messages]]:
|!Message |!Description |
|''tm-remove-field'' |Remove the field specified in `event.param` |
|''tm-add-field'' |Add the field specified in `event.param` |
|''tm-remove-tag'' |Remove the tag specified in `event.param` |
|''tm-add-tag'' |Add the tag specified in `event.param` |
! Content and Attributes
The field mangler widget displays any contained content, and responds to [[Messages]] dispatched within it.
|!Attribute |!Description |
|tiddler |Title of the tiddler to manipulate (defaults to the [[current tiddler|Current Tiddler]]) |
<u>in authors</u> ^^filter1^^
<$list filter="[list[!!authors]]">
<li>{{!!title}}</li>
</$list>
<u>in tags</u> ^^filter2^^
<$list filter="[all[current]tags[]]">
<li>{{!!title}}</li>
</$list>
<u>in authors but not tags</u> ^^filter1 -filter2^^
<$list filter="[list[!!authors]] -[all[current]tags[]]">
<li>{{!!title}}</li>
</$list>
<u>in authors or tags</u> ^^filter1 filter2^^
<$list filter="[list[!!authors]] [all[current]tags[]]">
<li>{{!!title}}</li>
</$list>
<u>in authors and tags</u> ^^Relies on [[ runMacroOnFilterIntersection |$:/_cpa/macros/runMacroOnFilterIntersection]] Drag this link, point at your wiki's tab to open your wiki, then drop in your wiki to import^^
<$macrocall $name="runMacroOnFilterIntersection"
filter2="[list[!!authors]]"
filter1="[all[current]tags[]]"
macroName="<li><<filter2>></li>"
/>
<$railroad text="""
( "[" [:{/"anything but ]"/}] "]"
|
"{" [:{/"anything but }"/}] "}"
|
"<" [:{/"anything but >"/}] ">"
)
"""/>
The parameter to a [[filter operator|Filter Operators]] can be:
;<<.def hard>>
: `[like this]`
: The parameter is the exact text that appears between the square brackets.
;<<.def soft>>
: <<.def indirect>>
:: `{like this}`
:: The parameter is the text indicated by the [[text reference|TextReference]] whose name appears between the curly brackets, i.e. a [[field|TiddlerFields]] of a specified tiddler, or the value of a property of a specified [[data tiddler|DataTiddlers]].
: <<.def variable>>
:: `<like this>`
:: The parameter is the current value of the [[variable|Variables]] whose name appears between the angle brackets. Macro parameters are <<.em not>> supported.
//This is a sample task for the TaskManagementExample//
\define default-platform()
GettingStarted - $(browser-name)$
\end
Brief instructions for getting started on the different platforms and configurations that TiddlyWiki supports. See the [[Beginners Guide]] for a more leisurely introduction.
<$set name="browser-name" value={{$:/info/browser/name}}>
<$macrocall $name="tabs" state="$:/state/tabs/platform" tabsList="[prefix[GettingStarted - ]]" default=<<default-platform>> class="tc-vertical"/>
</$set>
Troubleshooting:
* Don't attempt to use the browser ''File''/''Save'' menu option to save changes (it doesn't work)
See also:
* [[Encryption]] explains how to use TiddlyWiki's built-in encryption to protect your content with a password
* [[Saving on TiddlySpot]], a free service that lets you use TiddlyWiki online
* Saving on TiddlyDesktop, a custom desktop application for working with TiddlyWiki
* You can also download this full TiddlyWiki including all the documentation:
<<<
{{$:/snippets/download-wiki-button}}
If the button doesn't work save this link:
<a href="http://tiddlywiki.com/index.html" download="index.html">~http://tiddlywiki.com/index.html</a>
Your browser may ask you to accept the download before it begins
<<<
GitHub is a commercial organisation that operates a service for hosting code that includes powerful collaborative features.
The code and documentation of TiddlyWiki is hosted on GitHub at:
https://github.com/Jermolene/TiddlyWiki5
''Have you ever had the feeling that your head is not quite big enough to hold everything you need to remember?''
Welcome to TiddlyWiki, a unique [[non-linear|Philosophy of Tiddlers]] notebook for capturing, organising and sharing complex information. It boosts your brain power as a bicycle boosts the power of your body.
Use it to keep your to-do list, to plan an essay or novel, or to organise your wedding. Record every thought that crosses your brain, or build a flexible, responsive website for publishing a manifesto.
<div style="font-size:0.7em;text-align:center;margin-top:3em;margin-bottom:3em;">
<<list-thumbnails filter:"[tag[HelloThumbnail]]" width:"140" height:"79">>
</div>
Unlike conventional online services, TiddlyWiki lets you choose where to keep your data, guaranteeing that in the decades to come you will still be able to use the notes you take today.
Join people all over the world using TiddlyWiki to help them keep organised and to get things done.
<div style="font-size:0.7em;text-align:center;margin-top:3em;margin-bottom:3em;">
<a href="http://groups.google.com/group/TiddlyWiki" class="tc-btn-big-green" style="background-color:#FF8C19;" target="_blank">
{{$:/core/images/mail}} ~TiddlyWiki Mailing List
</a>
<a href="https://twitter.com/TiddlyWiki" class="tc-btn-big-green" style="background-color:#5E9FCA;" target="_blank">
{{$:/core/images/twitter}} @~TiddlyWiki on Twitter
</a>
<a href="https://github.com/Jermolene/TiddlyWiki5" class="tc-btn-big-green" style="background-color:#444;" target="_blank">
{{$:/core/images/github}} ~TiddlyWiki on ~GitHub
</a>
</div>
You can apply custom styles to tiddlers that have a particular tag by defining a CSS class with the name `tc-tagged-<Tag Name>`.
For example, to make tiddlers tagged "NightReader" appear in a special colour scheme suitable for night-time reading, [[create a stylesheet|Using Stylesheets]] defining the class `tc-tagged-NightReader` like this:
```
.tc-tagged-NightReader {
background-color:black;
color: orange;
padding: 35px 35px;
}
.tc-tagged-NightReader .tc-tiddler-body {
font-size: 1.5em;
}
```
The `tc-tagged-NightReader` class is applied to the entire tiddler and not just the tiddler text. If you want to target a smaller portion of the tiddler you can qualify the CSS selector, as is done here with `.tc-tagged-NightReader .tc-tiddler-body`.
Note that tags containing spaces or non-alphanumeric characters will be converted using URI encoding, making the generated CSS classname hard to predict. For example:
|!Tag |!Generated Class Name |
|`$:/mytag` |`tc-tagged-%24%3A%2Fmytag` |
|`one two` |`tc-tagged-one%20two` |
|`£35.23` |`tc-tagged-%C2%A335.23` |
\define getCountOfItemsInList(tiddlerName, fieldName)
<$count filter="[list[$tiddlerName$!!$fieldName$]]" />
\end
\define generateSelectWithNumberOptions(xnum)
<br/>''executing generateSelectWithNumberOptions(xnum="$xnum$")''
<$select>
<$list filter="1 2 3 4 $xnum$">
<option value=<<currentTiddler>> >
<<currentTiddler>>
</option>
</$list>
</$select>
\end
Can I generate a number using a macro that calls <$count>?
<<getCountOfItemsInList "What_s_wrong_with_this" "test">>
(Yes)<br/>
Can I generate a select containing a list of options by passing a number?
<$macrocall $name="generateSelectWithNumberOptions"
xnum=6
/>
(Yes)<br/>
Can I generate a select containing a list of options by passing a value from a macro that calls <$count>?
<$macrocall $name="generateSelectWithNumberOptions"
xnum=<<filterCount "[list[How to pass a filter count to a macro!!test]]">>
/>
(Yes)<br/>
<<filterCount "[list[How to pass a filter count to a macro!!test]]">> This is done with the javascropt macr [[filterCount|$:/_cpa/macros/filterCount.js]] Drag into your tiddler to import
Here is an example of using the ListWidget and the TranscludeWidget to show a grid of all system images (ie, tiddlers tagged [[$:/tags/Image]]).
<style>
.my-gallery svg {
width: 6em;
height: 6em;
margin: 1em;
}
</style>
<div class="my-gallery">
<$list filter="[all[tiddlers+shadows]tag[$:/tags/Image]]">
<$transclude/>
</$list>
</div>
Anyone can submit improvements to the TiddlyWiki documentation that appears on http://tiddlywiki.com.
# Read and observe the [[Documentation Style Guide]]
# Create an account on https://github.com if you don't already have one
# On http://tiddlywiki.com, click "edit" on the tiddler you want to improve
# You should see a pink banner with the text: //Can you help us improve this documentation? Find out how to edit this tiddler on ~GitHub//
# Click on the external link ...''this tiddler on ~GitHub''
## You will be prompted that "you need to fork this repository to propose changes". A "fork" is your own copy of the repository that incorporates the changes you are proposing
# A new browser tab should open ready to edit the tiddler on github.com
# Below the edit box for the tiddler text you should see a box labelled ''Propose file change''
# Enter a brief title to explain the change (eg, "Clarify attribute syntax instability")
# If necessary, enter a longer description too
# Click the green button labelled ''Propose file change''
# On the following screen, click the green button labelled ''Create pull request''
[[Jermolene|https://github.com/Jermolene]] or one of the other core developers will then have the opportunity to merge your pull request so that it is incorporated into the next build of http://tiddlywiki.com.
Mario Pietsch has created these short video tutorials:
<iframe width="560" height="315" src="http://www.youtube.com/embed/L4zTkMYcri8" frameborder="0" allowfullscreen></iframe>
<iframe width="560" height="315" src="http://www.youtube.com/embed/6ElUruH92tc" frameborder="0" allowfullscreen></iframe>
<iframe width="560" height="315" src="http://www.youtube.com/embed/axFCk9KsMFc" frameborder="0" allowfullscreen></iframe>
# Install [[Node.js]] from http://nodejs.org
# Open a command line terminal and type:
#> `npm install -g tiddlywiki`
#> If it fails with an error you may need to re-run the command as an administrator:
#> `sudo npm install -g tiddlywiki` (Mac/Linux)
# Check TiddlyWiki is installed by typing:
#> `tiddlywiki --version`
# In response, you should see TiddlyWiki report its current version (eg "<<version>>"; you may also see other debugging information reported)
# Try it out:
## `tiddlywiki mynewwiki --init server` to create a folder for a new wiki that includes server-related components
## `tiddlywiki mynewwiki --server` to start TiddlyWiki
## Visit http://127.0.0.1:8080/ in your browser
## Try editing and creating tiddlers
The `-g` flag causes TiddlyWiki to be installed globally. Without it, TiddlyWiki will only be available in the directory where you installed it.
<<.preamble """This explains the basics of writing a [[filter|Filters]] to select a set of tiddlers. For a more technical presentation, see [[Filter Syntax]].""">>
<$macrocall $name=".tip" _="""Filters do nothing if you just type them into a tiddler on their own. They need a context. An easy way to experiment with filters is to type them into the <<.advancedsearch-tab Filter>> tab of [[Advanced Search|$:/AdvancedSearch]]."""/>
The simplest case is where you already know exactly which tiddlers you want. Type each title in double square brackets, with a space between each one and the next:
> `[[Recipe book]] [[ScrambledEggs]] [[Mom's apple pie]]`
You can omit the square brackets when a title doesn't contain any spaces:
> `[[Recipe book]] ScrambledEggs [[Mom's apple pie]]`
The double square brackets are actually a shorthand for this:
> `[title[ScrambledEggs]]`
... which gives us the <<.def "general model">> for any filter:
> `[operator[parameter]]`
For instance, here's how to select all the tiddlers that have been tagged <<.tag Recipe>>:
> `[tag[Recipe]]`
We can reverse the meaning by adding an exclamation mark `!` just before the operator. For example, we can select any tiddlers that do <<.em not>> have the <<.tag Recipe>> tag:
> `[!tag[Recipe]]`
Tiddlers can be filtered by other fields than just title and tags:
> `[field:serving[4]]`
That example will select any tiddlers that have <<.value 4>> in their <<.field serving>> field.
As the word "serving" isn't a standard filter operator (and isn't likely to become one), you can safely omit the `field:` prefix:
> `[serving[4]]`
!Combinations
The filters we've looked at so far have involved just one step each. But you can <<.def run>> several steps together like this:
> `[tag[Vegetarian]!tag[soup]serving[4]]`
Notice how the entire run is contained in a single pair of square brackets.
A tiddler has to match <<.em all>> of the steps in a run. So the example above retrieves vegetarian recipes (other than soups) for 4 people.
A sequence of separate runs will select the tiddlers that match <<.em any>> of the runs. We can use this to find recipes that serve either 3, 4 or 5 people:
> `[serving[3]] [serving[4]] [serving[5]]`
If we want to ignore vegetarian recipes that serve 4, we can say this:
> `[serving[3]] [serving[4]!tag[Vegetarian]] [serving[5]]`
By default, each run considers every tiddler in the wiki. But we can use a `+` sign to force a run to consider only the tiddlers that were selected by the preceding runs:
> `[serving[3]] [serving[4]] [serving[5]] +[tag[Vegetarian]] +[sort[title]]`
This selects recipes for 3, 4 or 5 people, then filters <<.em those>> to remove the vegetarian ones, and finally sorts any that are left into alphabetical order of title.
In a similar way, we can use a `-` sign to <<.em remove>> a run's tiddlers from the result so far. Here we select all vegetarian recipes apart from two:
> `[tag[Vegetarian]] -[title[ScrambledEggs]] -BeansOnToast`
!Special parameters
The parameter of each step we've seen so far has been in square brackets, meaning that ~TiddlyWiki treats it literally. But two other kinds of bracket are possible:
<<.def "Curly brackets">> `{}` mean that the parameter is a TextReference, and that its value is to be looked up in a specified tiddler. For example, if we have a tiddler called <<.tid Preference>> whose text happens to be the word <<.value Vegetarian>>, we can say
> `[tag{Preference}]`
as an alternative to `[tag[Vegetarian]]`. This allows the preference to change over time.
<<.def "Angle brackets">> `<>` mean that the parameter is the name of a [[variable|Variables]] whose value is to be used instead. Here we use the built-in <<.vlink currentTiddler>> variable in a filter that selects any tiddlers whose text contains the title of the current one:
> `[search<currentTiddler>]`
Keyboard shortcut support is currently very limited but will be improved in later releases.
! Editing Shortcuts
|Key |Shortcut description |
|`Ctrl-Enter` |Confirm changes to the draft tiddler containing the keyboard focus |
|`Escape` |Abandon changes to the draft tiddler containing the keyboard focus |
! Introduction
The keyboard widget allows [[Messages]] to be generated in response to key presses.
! Content and Attributes
The content of the `<$keyboard>` widget is rendered normally. The keyboard shortcut only takes effect within the contained content.
|!Attribute |!Description |
|message |The title of the [[WidgetMessage|Messages]] to generate |
|param |The parameter to be passed with the [[WidgetMessage|Messages]] |
|key |Key string identifying the key to be trapped (see below) |
|class |A CSS class to be assigned to the generated HTML DIV element |
! Key Strings
Key strings are made up of zero or more of the modifiers ''alt'', ''shift'' or ''ctrl'' followed by the name of a key, all joined with "+" plus symbols. Key names are either the letter or digit printed on the key (eg "a" or "1"), or one of the special keys ''backspace'', ''tab'', ''enter'' or ''escape''.
For example:
```
A
shift+A
shift+escape
ctrl+enter
ctrl+shift+alt+A
```
The latest news, articles, resources and examples.
<div class="tc-link-info">
<$list filter="[tag[Articles]] [tag[Examples]] [tag[Resources]] [tag[Tutorials]] +[!sort[modified]limit[8]]">
<div class="tc-link-info-item">
! <$link><$view field="title"/></$link>
<div class="tc-subtitle">Posted <$view field="modified" format="relativedate"/></div>
<$transclude/>
</div>
</$list>
Learn more about using TiddlyWiki:
<<list-links "[tag[Learning]]">>
Also see the complete [[Reference]], including advanced WikiText, macros, widgets, filters etc.
A key capability of WikiText is the ability to make links to other tiddlers or to external websites.
! Manual Links
Link to a tiddler by title:
```
[[Tiddler Title]]
```
To link to a tiddler and specify the text of the link:
```
[[Displayed Link Title|Tiddler Title]]
```
! ~CamelCase Links
For tiddler titles that match the CamelCase rules, just typing the title without double square brackets will automatically create a link.
You can suppress a link from being recognised by preceding it with `~`. For example:
<<wikitext-example src:"* ~HelloThere is not a link
* ~http://google.com/ is not a link">>
! External Links
To link to an external website, type the full URL of the site:
```
http://tiddlywiki.com/
[[TW5|http://tiddlywiki.com/]]
```
For this syntax to work, the URL has to be recognisable as an URL, including a protocol such as `http://` or `file://`. You can force an external link with the extended syntax:
```
[ext[http://tiddlywiki.com]]
[ext[caption for link|http://tiddlywiki.com]]
[ext[Donate|bitcoin:1aabbdd....?amount=0.001]]
```
! Customising Tiddler Links
See the LinkWidget for details of the underlying widget used to implement tiddler links, including macros that can be used to customise its behaviour.
\define showTask(current)
{{$current$||task}}
\end
\define temp() $(sourceTable)$_2_$(targetTable)$_xlate
\define runMacroAgainstTiddlerField(tiddlerName,fieldName,macroName,param1,value1)
<!-- This macro looks up a list of tiddlers from a field in a particular tiddler
It then runs a macro against each of those tiddlers
The macro being run must have the following parameters
tiddlerName = the name passed from the lookup
param1 = a parameter named in the call to this macro
value1 = a value passed in the call to this macro
-->
<$list filter="[list[$tiddlerName$!!$fieldName$]]" variable="targetItem">
<$macrocall $name="$macroName$"
tiddlerName=<<targetItem>>
$param1$="$value1$" >
</$list>
\end
\define showTargetThenXlate(tiddlerName,templateName,SourceName)
<$list filter="[[$tiddlerName$]is[missing]]">
<$macrocall $name="createTiddlerFromTemplate"
tiddlerName="$tiddlerName$"
templateName= "$templateName$"
/>
</$list>
<$list filter="[[$tiddlerName$]is[tiddler]]">
<$checkbox tiddler="$SourceName$_2_$tiddlerName$_xlate" tag="xlate"/>
<$link to="$SourceName$_2_$tiddlerName$_xlate" >
$SourceName$_2_$tiddlerName$_xlate
</$link>
<br/>
</$list>
\end
<!-- End definitions -->
!! Demonstrate the silently create tiddler from template code
* (Click the button . . . notice that the tiddler is created . . . Open it . . . its copied from the template . . . Delete the new tiddler to repeat)
`<$macrocall $name="createTiddlerFromTemplate"
tiddlerName="MyNewTiddler"
templateName="HelloThere" />;
`
<$macrocall $name="createTiddlerFromTemplate"
tiddlerName="MyNewTiddler"
templateName="HelloThere" />
* {{Create a create and mark clone button||task}}
* [[testTemplate]]
* [[MyNewTiddler]]
This tiddler lists each of the source tables, the translations that must be built and then the target tables that have to be built. I haven't yet assigned each of these to the task list (Just the target table)
<!-- Find all of the tables tagged as source data -->
<$list filter="[tag[source]] - $:/_cpa/ViewTemplates/source " variable="sourceTable">
__
<!-- Display an underlined link to that source table -->
<$link to=<<sourceTable>> > <<sourceTable>> </$link>
__<br/>
<!-- Now look up the targets and display the xlate table for each
Display a button that marks the xlate as xlate and creates the fields
Display a checkbox to mark the xlate as completed -->
<$macrocall $name="runMacroAgainstTiddlerField"
tiddlerName=<<sourceTable>>
fieldName = "targets"
macroName = "showTargetThenXlate"
param1 = "SourceName"
value1 = <<sourceTable>> />
</$list>
This
That
TheOther
[[Something else]]
Something else
This is the Content of the target tiddler
//This is a sample task for the TaskManagementExample//
\define textOnPath(text)
$$$.svg
<svg width="100%" height="100%" viewBox="0 0 1000 300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<path id="MyPath" d="M 100 200 C 200 100 300 0 400 100 C 500 200 600 300 700 200 C 800 100 900 100 900 100"/>
</defs>
<use xlink:href="#MyPath" fill="none" stroke="#ddd"/>
<text font-family="'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif" font-size="42.5">
<textPath xlink:href="#MyPath">
$text$
</textPath>
</text>
</svg>
$$$
\end
This demo shows how to use SVG to render transcluded text along a path. Enter some text in the textbox below to try it out; view the source to see how it is done.
<$edit-text tiddler="$:/CurvedText" tag="input" placeholder="Type text here" default=""/>
<$macrocall $name="textOnPath" text={{$:/CurvedText}}/>
Local meetings of ~TiddlyWiki enthusiasts around the world:
* [[OXTWIG]], the ''Oxford ~TiddlyWiki Interest Group'' meets monthly in Oxford, UK to share experiences of using TiddlyWiki
//If you are a ~TiddlyWiki enthusiast please consider starting a local TWIG in your area, it's a great way to spread the word about using TiddlyWiki//
MultiTiddlerFiles allow multiple tiddlers to be concisely represented in a single text file.
The goals of this format are:
* To be easy to type and easy to read
* Optimised for single line strings
* To allow common fields or tags to be shared within groups of tiddlers
* To be simple to process with external tools
MultiTiddlerFiles have the extension `multids`. The file is structured as a block of shared fields followed by a blank line. The rest of the file is a sequence of comments and tiddlers. Tiddlers are specified by their title, followed by a colon, at least one space character, and then the rest of the line is the text field for the tiddler.
For example:
```
title: $:/language/ControlPanel/
tags: strings
modifier: JoeBloggs
Basics/Caption: Basics
# This is a comment
Basics/Version: ~TiddlyWiki Version
```
This example defines two tiddlers, [[$:/language/ControlPanel/Basics/Caption]] and [[$:/language/ControlPanel/Basics/Version]].
If a `title` field is specified in the header then it is treated as a prefix for the individual tiddlers defined in the title.
''Have you ever had the feeling that your head is not quite big enough to hold everything you need to remember?''
Welcome to TiddlyWiki, a unique [[non-linear|Philosophy of Tiddlers]] notebook for capturing, organising and sharing complex information. It boosts your brain power as a bicycle boosts the power of your body.
Use it to keep your to-do list, to plan an essay or novel, or to organise your wedding. Record every thought that crosses your brain, or build a flexible, responsive website for publishing a manifesto.
<div style="font-size:0.7em;text-align:center;margin-top:3em;margin-bottom:3em;">
<<list-thumbnails filter:"[tag[HelloThumbnail]]" width:"140" height:"79">>
</div>
Unlike conventional online services, TiddlyWiki lets you choose where to keep your data, guaranteeing that in the decades to come you will still be able to use the notes you take today.
Join people all over the world using TiddlyWiki to help them keep organised and to get things done.
<div style="font-size:0.7em;text-align:center;margin-top:3em;margin-bottom:3em;">
<a href="http://groups.google.com/group/TiddlyWiki" class="tc-btn-big-green" style="background-color:#FF8C19;" target="_blank">
{{$:/core/images/mail}} ~TiddlyWiki Mailing List
</a>
<a href="https://twitter.com/TiddlyWiki" class="tc-btn-big-green" style="background-color:#5E9FCA;" target="_blank">
{{$:/core/images/twitter}} @~TiddlyWiki on Twitter
</a>
<a href="https://github.com/Jermolene/TiddlyWiki5" class="tc-btn-big-green" style="background-color:#444;" target="_blank">
{{$:/core/images/github}} ~TiddlyWiki on ~GitHub
</a>
</div>
! Introduction
The navigator widget manipulates the current store, the story list and history lists in response to various [[Messages]].
! Content and Attributes
The navigator widget displays any contained content, and responds to Messages dispatched within it.
|!Attribute |!Description |
|story |Name of the tiddler containing the story list to be manipulated |
|history |Name of the tiddler containing the history list to be manipulated |
! Widget Messages
The following [[Messages]] are handled by the navigator widget:
<ul>
<$list filter="[tag[navigator-message]]">
<li>
<$link to={{!!title}}>
<$view field="title"/>
</$link>
</li>
</$list>
</ul>
According to BJ, this list should be sortable. Wonder why its not. <$link dragoverclic="yes">DragItem</$link> <br/>
<$taglist targeTtag="taglist"></$taglist>
Non-numeric values are treated as having a higher value than any number, and capital and lowercase letters are treated as different. Compare <<.olink nsort>>.
<<.operator-examples "nsortcs">>
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.1.7...v5.1.8]]//
This release includes many improvements to the documentation for TiddlyWiki. Many thanks to everyone who has helped out, but especially to our prodigious new contributor Astrid Elocson.
!! Translation Improvements
* Improvements to French, Chinese and Japanese translations
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/cb8caf6a01aeeac480bf28661888961657b0dbd8]] Czech translation
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/d6918d737f5d1b663346ad9a35421a5ae0ffb9a7]] [[Interlingua|http://en.wikipedia.org/wiki/Interlingua]] translation
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/6721a5eb1b77935226ccc8559008af3a0a05d0cb]] Portuguese translation
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/b845751d3c549366adb2f6e5c58b0114fa95ba30]] Punjabi and Hindu translations
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/49a9a2c44ca3a71fff3062709f06940aaca4a574]] Slovak translation
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/5d947ed582fb9d68c01d82a334ab75498a8724ef]] Spanish translation
!! Usability Improvements
* Improved scrolling behaviour, including [[fixing|https://github.com/Jermolene/TiddlyWiki5/commit/3df341621d30b205775288e324cef137c48e9f6e]] problem with unnecessary scrolling at startup
* [[Upgraded|https://github.com/Jermolene/TiddlyWiki5/commit/ae001a19e5b3e43cf5388fd4e8d99788085649fe]] the [[KaTeX Plugin]] to use [[KaTeX v0.2.0|https://github.com/Khan/KaTeX/releases/tag/v0.2.0]], with better symbol support
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/70e419824fab107aab58f87780dbb5a1de70c248]] [[Help Plugin]] providing floating help panel
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/8643278a452d1a300cec8d3425c1b18699a17dca]] support for an online plugin library
* [[Improved|https://github.com/Jermolene/TiddlyWiki5/pull/1353]] behaviour of the tag dropdown in the edit template
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/ea6e60e66983ee1184f09c5796ef6c8bceae703a]] automatic focusing of the search box at startup
* [[Introduced|https://github.com/Jermolene/TiddlyWiki5/commit/4f3cb8b9aebfc4f65f40c96ef99730887d746b41]] the [[Railroad Plugin]] by Astrid Elocson (see it in action in the new [[Filter Syntax]] documentation)
* [[Migrated|https://github.com/Jermolene/TiddlyWiki5/commit/230066eeae9ace8336612e02c78f8cdaa3f717e4]] functionality of "Sticky Titles" theme into an optional tweak for the "Vanilla"/"Snow White" themes. This means that tiddler titles will stick to the top of the window during scrolling on browsers that support `position: sticky` (such as Safari and Firefox)
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/8cb7090c40489c81e8c5dfb8cbbdee2c60998c3e]] icons to [[$:/AdvancedSearch]], [[$:/ControlPanel]] and [[$:/TagManager]]
* [[Changed|https://github.com/Jermolene/TiddlyWiki5/commit/b9129d77e99970579074bdb4f9c2ef4b77b812c6]] wording of tiddler "save" button to "store"
* [[Added|https://github.com/Jermolene/TiddlyWiki5/issues/1103]] automatic linking of system tiddlers such as $:/ControlPanel
* [[Improved|https://github.com/Jermolene/TiddlyWiki5/commit/9c7936413a8c50817044eb409661a575f7f97563]] new tag dropdown to only list title matches
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/aae56f20af35e7be6f3839a8c727e3f43174efe9]] a warning banner notifying the user when modified plugins require the page to be reloaded
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/0bd2ec50e1514ef247182816f9f9e421f52f67bb]] first pass at "stacked" story view
!! Hackability Improvements
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/d340277cb219ffebd212fbf409e8ea804121d105]] [[resolvepath Macro]]
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/718ce3e4aa04f7af5e9310f90d3415c0d82bee6f]] `class` attribute to CheckboxWidget
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/bb10e2b02900ece4701c44c3a7e7c03304e813b7]] support for a special message to be displayed when the main story river is empty
* [[Improved|https://github.com/Jermolene/TiddlyWiki5/commit/6e0c7d90221771ae384d620984f08a2090c500dc]] font rendering under Mac OS X
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/a2493f80a973b24ad3d3affda945c437b98c2d2e]] support for embedding ZIP files
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/1808b1597e5a61379e4e5381d6d78bb73fa3a523]] support for custom elements with the RevealWidget
!! Bug Fixes
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/pull/1249]] version number compatibility checks for plugins
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/1adfe20508116da0ee4b5c9e72ea9742f24b60c9]] problem with repeatedly cancelling a draft
* [[Improved|https://github.com/Jermolene/TiddlyWiki5/commit/050b643948e24d1d93a83766a23a0d693616d01e]] sandboxing of generated `<iframe>` elements
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/b166632bbb76a7a033cd8fc3af14e5dadddfc631]] problem with modal backgrounds on Firefox
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/1b87d9134bd0b45be671eebfdcac1d7acadcecf4]] problem with accidentally dragging a tiddler within its originating window
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/c9ab873ba393753647f2b0b3b3aa1a8bcf6b1c28]] problem with dragging certain plugins with Safari
!! Node.js Changes
//These changes are only relevant to people using TiddlyWiki under Node.js//
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/cc85368fd48f1e5878018a4e00b6c17d436e67a9]] [[Highlight Plugin]] to work when generating static files under Node.js
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/c296f14210545374124df5d4ae9ffb402ed73561]] problem with case-insensitive filing systems (eg Windows)
* [[Added|https://github.com/Jermolene/TiddlyWiki5/pull/1354]] mobile metadata to static page templates
* [[Added|https://github.com/Jermolene/TiddlyWiki5/pull/1352]] added "noclean" parameter to RenderTiddlersCommand
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/b768dc332b2d5d7ac1f731953cafb5fd1b30dad9]] [[editions Operator]] and [[editiondescription Operator]] for enumerating available editions
!! Changes affecting plugin authors
*
!! Contributors
[[@Jermolene|https://github.com/Jermolene]] would like to thank the contributors to this release who have generously given their time to help improve TiddlyWiki:
* [[@aelocson|https://github.com/aelocson]]
* [[@alexhough|https://github.com/alexhough]]
* [[@Arlen22|https://github.com/Arlen22]]
* [[@BramChen|https://github.com/BramChen]]
* [[@danielo515|https://github.com/danielo515]]
* [[@dpdannemiller|https://github.com/dpdannemiller]]
* [[@Drakor|https://github.com/Drakor]]
* [[@evgeniy-gryaznov|https://github.com/evgeniy-gryaznov]]
* [[@felixhayashi|https://github.com/felixhayashi]]
* [[@gernert|https://github.com/gernert]]
* [[@Infurnoape|https://github.com/Infurnoape]]
* [[@Jc-L|https://github.com/Jc-L]]
* [[@Mathobal|https://github.com/Mathobal]]
* [[@ng110|https://github.com/ng110]]
* [[@pmario|https://github.com/pmario]]
* [[@roma0104|https://github.com/roma0104]]
* [[@simonbaird|https://github.com/simonbaird]]
* [[@Spangenhelm|https://github.com/Spangenhelm]]
* [[@sukima|https://github.com/sukima]]
* [[@tobibeer|https://github.com/tobibeer]]
* [[@twMat|https://github.com/twMat]]
* [[@welford|https://github.com/welford]]
* [[@xcazin|https://github.com/xcazin]]
Here are the details of recent releases of TiddlyWiki5. See [[TiddlyWiki5 Versioning]] for details of how releases are named.
(BetaReleases and AlphaReleases are listed separately).
<$list filter="[tag[ReleaseNotes]!sort[created]limit[1]]">
<$macrocall $name="tabs" tabsList="[tag[ReleaseNotes]!sort[created]]"default={{!!title}} class="tc-vertical" template="ReleaseTemplate" />
</$list>
! Introduction
The reveal widget hides or shows its content depending upon the value of a [[state tiddler|StateTiddlers]]. The type of the widget determines the condition for the content being displayed:
* type=''match'': the content is displayed if the state tiddler matches a specified value
* type=''nomatch'': the content is displayed if the state tiddler doesn't match a specified value
* type=''popup'': the content is displayed as a popup as described in the PopupMechanism
! Content and Attributes
The content of the `<$reveal>` widget is displayed according to the rules given above.
|!Attribute |!Description |
|state |The title of the tiddler containing the state |
|tag |Overrides the default HTML element tag (`<div>` in block mode or `<span>` in inline mode) |
|type |The type of matching performed: ''match'', ''nomatch'' or ''popup'' |
|text |The text to match when the type is ''match'' and ''nomatch'' |
|class |An optional CSS class name to be assigned to the HTML element|
|style |An optional CSS style attribute to be assigned to the HTML element |
|position |The position used for the popup when the type is ''popup''. Can be ''left'', ''above'', ''aboveright'', ''right'', ''belowleft'' or ''below'' |
|default |Default value to use when the state tiddler is missing |
|animate |Set to "yes" to animate opening and closure (defaults to "no") |
|retain |Set to "yes" to force the content to be retained even when hidden (defaults to "no")|
Retaining the content when hidden can give poor performance since the hidden content requires refresh processing even though it is not displayed. On the other hand, the content can be revealed much more quickly. Note that setting ''animate="yes"'' will also force ''retain="yes"''.
! Examples
!! Simple content reveal
Here's a simple example of showing and hiding content with buttons:
<<wikitext-example-without-html '<$button set="$:/state/SampleReveal1" setTo="show">Show me</$button>
<$button set="$:/state/SampleReveal1" setTo="hide">Hide me</$button>
<$reveal type="match" state="$:/state/SampleReveal1" text="show">
! This is the revealed content
And this is some text
</$reveal>'>>
!! "Slider"
A slider appears as a single button that can be used to toggle the display of the contained content.
<<wikitext-example-without-html '<$reveal type="nomatch" state="$:/state/SampleReveal2" text="show">
<$button set="$:/state/SampleReveal2" setTo="show">Show me</$button>
</$reveal>
<$reveal type="match" state="$:/state/SampleReveal2" text="show">
<$button set="$:/state/SampleReveal2" setTo="hide">Hide me</$button>
! This is the revealed content
And this is some text
</$reveal>'>>
!! Popup
Here is a simple example of a popup built with the RevealWidget:
<<wikitext-example-without-html '<$button popup="$:/SamplePopupState">Pop me up!</$button>
<$reveal type="popup" state="$:/SamplePopupState">
<div class="tc-drop-down">
! This is the popup
And this is some text
</div>
</$reveal>'>>
TiddlySpot is a free hosting service for TiddlyWiki documents from Simon and Daniel Baird. The easiest way to get started is to sign up for a new wiki at http://tiddlyspot.com - by default you'll get the latest release of TiddlyWiki.
You can upload an existing TiddlyWiki document from your local disc to TiddlySpot it by following these steps:
# Sign up for a new wiki at http://tiddlyspot.com/, and remember the wiki name and password
# Open your locally stored TiddlyWiki document in your browser
# Fill in the TiddlySpot wikiname and password in the control panel
# Click the "Save Changes" button. You should get a confirmation notification at the top right saying ''Saved wiki''. Saving can take several seconds if you're on a slow connection or working with a large wiki.
# Navigate to your TiddlySpot URL at http://{wikiname}.tiddlyspot.com/
Note that your password is sent unencrypted when using TiddlySpot. From http://faq.tiddlyspot.com/:
<<<
''Is Tiddlyspot secure?''
No. Tiddlyspot does not use SSL/https. Your password is sent in clear text when uploading and when authenticating to access a private site. This means that your Tiddlyspot is vulnerable to packet sniffing and your password could be discovered by a malicious third party. Also your data is transmitted unencrypted when you view your site, even if it is a private site. For this reason please don't put sensitive information such as banking details in your Tiddlyspot and don't use a password that you use for other high security sites.
<<<
! Problems with saving on TiddlySpot
In case you run into this error when uploading a new or freshly upgraded local TiddlyWiki to TiddlySpot :
<<<
Error while saving:
Error:NS_ERROR_DOM_BAD_URI: Access to restricted URI denied
<<<
The upgrade operation falls foul of a security restriction in Firefox. Until this can be resolved, we suggest using Chrome.
*# Use Chrome to open the local TiddlyWiki document you want to upload to TiddlySpot and follow the steps 1 through 5 described above
*# Once you've checked the TiddlySpot-hosted TiddlyWiki loads properly in Chrome, you should be able to access, edit and [[save using TiddlyFox|Saving with TiddlyFox]] again
* After you've uploaded your local document once, further editing and saving of the online version hosted on TiddlySpot should work with any modern browser of your choice.
** Don't forget to fill in the TiddlySpot wikiname and password in your TiddlySpot TiddlyWiki control panel for any new browser you want to use for saving changes
* //See also : [[Upgrading]]//
! Introduction
The scrollable widget wraps its content in a scrollable frame. The user can scroll the contents with the mouse or with touch gestures. Code can use the [[WidgetMessage: tm-scroll]] to programmatically scroll specific DOM nodes into view.
! Content and Attributes
The content of the `<$scrollable>` widget is displayed within a pair of wrapper DIVs. If the inner DIV is larger then it scrolls within the outer one. CSS is used to specify the size of the outer wrapper.
|!Attribute |!Description |
|class |The CSS class(es) to be applied to the outer DIV |
|fallthrough |See below |
If a scrollable widget can't handle the `tm-scroll` message because the inner DIV fits within the outer DIV, then by default the message falls through to the parent widget. Setting the ''fallthrough'' attribute to `no` prevents this behaviour.
! Examples
This example requires the following CSS definitions from [[$:/_tw5.com-styles]]:
```
.tc-scrollable-demo {
border: 1px solid <<colour message-border>>;
background-color: <<colour message-background>>;
padding: 1em;
height: 400px;
}
```
This wiki text shows how to display a list within the scrollable widget:
<<wikitext-example-without-html "<$scrollable class='tc-scrollable-demo'>
<$list filter='[!is[system]]'>
<$view field='title'/>: <$list filter='[all[current]links[]sort[title]]' storyview='pop'>
<$link><$view field='title'/></$link>
</$list>
</$list>
</$scrollable>
">>
! Introduction
The set variable widget assigns a value to a specified [[variable|Variables]]. The new value of the variable is availale to the content within the set variable widget.
! Content and Attributes
The content of the `<$set>` widget is the scope for the value assigned to the variable.
|!Attribute |!Description |
|name |The name of the variable to assign (defaults to "currentTiddler") |
|value |The value to assign to the variable if the filter is missing or not empty |
|filter |An optional filter to be evaluated and assigned to the variable (see below) |
|emptyValue |The value to assign to the variable if the filter is present and evaluates to an empty list (see below) |
!! Simple Variable Assignment
The simplest way of using set variable widget assigns a string to a variable. The following example assigns a literal string
```
<$set name="myVariable" value="Some text">
<$text text=<<myVariable>>/>
</$set>
```
Both the name and value attributes can be transcluded. For example:
```
<$set name=<<anotherVariable>> value={{template!!text}}>
<$text text=<<myVariable>>/>
</$set>
```
!! Conditional Variable Assignment
This form of the set variable widget chooses one of two specified values according to whether a filter evaluates to an empty list. Here's an example that sets a variable according to whether the current tiddler is called "myMagicTitle":
```
<$set name="myVariable" filter="[all[current]field:title[myMagicTitle]]" value="It's magic" emptyValue="It's not magic">
<$text text=<<myVariable>>/>
</$set>
```
!! Filtered List Variable Assignment
This form of the set variable widget evaluates the filter and assigns the result to the variable as a space-separated list (using double square brackets for titles containing spaces).
```
<$set name="myVariable" filter="[tag[Introduction]]">
<$text text=<<myVariable>>/>
</$set>
```
You can work on a TiddlyWiki file in Dropbox and publish a URL that anyone can use to see a read-only view of the file.
# Save your TiddlyWiki file within your Dropbox folder
# Select Dropbox's "Share Link" option to obtain a public URL for the file
#* In the Dropbox web interface, this is done by clicking the link icon that appears when you hover over a file. Dropbox also adds a "Share Link" item to the file context menu in Finder on OS X and Explorer on Windows
# The URL generated by Dropbox will have this form:
#> `https://www.dropbox.com/s/<gobbledegook>/mywiki.html`
# Modify the URL like this, carefully preserving the gobbledegook:
#> `https://dl.dropboxusercontent.com/s/<gobbledegook>/mywiki.html`
The result is a "secret" URL that you can send to other people to enable them to see the wiki.
* Take notes, and use tags and hyperlinking to form relationships between your notes
* Use tabs, tables, tag-based lists, and tables of contents to get organised
* Bookmark your favorite websites (see an example at http://giffmex.org/experiments/tidmarks.html)
* Keep track of tasks and appointments, and organise them by multiple tags (see our TaskManagementExample)
* Inventory just about anything: your recipes, personal library, contacts, music collection, and more
* Create a blog or website
* Write a book
* Organise your images into galleries (see our [[ImageGallery Example]])
* Share the information in your ~TiddlyWiki with others, as an online file, as a file attachment, as a tiddler file, or as a link to a specific online tiddler (try clicking and dragging a tiddler from one ~TiddlyWiki file to another to see what happens)
* Draw a sketch (Edit [[Motovun Jack.jpg]] and start drawing over the image to see what happens)
* Create a modal wizard (also known as a lightbox) - see SampleWizard
* Create a slideshow presentation
* Set up an entire local or online knowledgebase, with a central ~TiddlyWiki file linking to other ~TiddlyWiki files (http://recursos.giffmex.org is a Spanish online example of this)
* Set up a data visualisation using tiddlers as data (see the visualisations at http://tiddlywiki.com/plugins/tiddlywiki/d3/index.html)
Capital and lowercase letters are treated as different. Compare <<.olink sort>>.
<<.operator-examples "sortcs">>
* {{Figure out how to wikify arbitrary text.||task}}
* {{Create display macro for each migration action||task}}
* {{Modify source view template to display source migration actions||task}}
* {{Modify target view template to display target migration actions||task}}
* {{Modify xlate view template to display xlate migration actions||task}}
\define drawLine(x:"50", y:"10", width:"100", height:"50", text:"empty")
<path
d="m $x$, $y$
h $width$
v $height$"
h $width$
/>
<$macrocall $name="drawText"
x="$x$"
y="$y$"
width="$width$"
height="$height$"
text="$text$"
/>
\end
\define drawDocument(x:"50", y:"10", width:"100", height:"50", text:"empty")
<path
d="m $x$, $y$
l $width$,0
l 0,$height$
c -60,-10 -50,40 -$width$,15
z" />
<$macrocall $name="drawText"
x="$x$"
y="$y$"
width="$width$"
height="$height$"
text="$text$"
/>
\end
\define drawBox(x:"50", y:"10", width:"100", height:"50", text:"empty")
<rect
height="$height$"
width="$width$"
y="$y$"
x="$x$" />
<$macrocall $name="drawText"
x="$x$"
y="$y$"
width="$width$"
height="$height$"
text="$text$"
/>
\end
\define drawCircle(x:"50", y:"10", width:"100", height:"50", text:"empty")
<circle
cx="$x$"
cy="$y$"
r="$width$"
/>
<$macrocall $name="drawText"
x="$x$"
y="$y$"
width="$width$"
height="$height$"
text="$text$"
/>
\end
\define drawEllipse(x:"50", y:"10", width:"100", height:"50", text:"empty")
<ellipse
cx="$x$"
cy="$y$"
rx="$width$"
ry="$height$"
/>
<$macrocall $name="drawText"
x="$x$"
y="$y$"
width="$width$"
height="$height$"
text="$text$"
/>
\end
\define drawText(x:"50", y:"10", width:"100", height:"50", text:"empty")
<foreignObject
x="$x$"
y="$y$"
width="$width$"
height="$height$" >
<body>
$text$
</body>
</foreignObject>
\end
\define displaySVGItem(itemName:"test1", drawingName:"svg",itemType:"Box", text:"test")
<$set name="x" value={{$drawingName$X##$itemName$}} >
<$set name="y" value={{$drawingName$Y##$itemName$}} >
<$set name="width" value={{$drawingName$Width##$itemName$}} >
<$set name="height" value={{$drawingName$Height##$itemName$}} >
<$macrocall
$name="draw$itemType$"
x=<<x>>
y=<<y>>
height=<<height>>
width=<<width>>
text="$text$"
/>
</$set>
</$set>
</$set>
</$set>
\end
\define setSvgValue(drawingName:"svg",attributeName:"X",itemName:"temp1")
<$select
tiddler="$drawingName$$attributeName$"
index="$itemName$"
default="10"
>
<option value=""> -- </option>
<$list filter="5 10 20 30 40 50 60 70 80 90 100 110 120 130 140 150 160 170 180 190 200 210 220 230 240 250 260 270 280 290 300 310 320 330 340 350 360 370 380 390 400 410 420 430 440 450 460 470 480 490">
<option value=<<currentTiddler>> > <<currentTiddler>> </option>
</$list>
</$select>
\end
\define setSvgType(drawingName:"svg",attributeName:"Type",itemName:"temp1")
<$select
tiddler="$drawingName$$attributeName$"
index="$itemName$"
default="10"
>
<option value=""> -- </option>
<$list filter="Box Circle Document Line Text Ellipse">
<option value=<<currentTiddler>> > <<currentTiddler>> </option>
</$list>
</$select>
\end
\define displayDrawing(drawingName:"svg")
<svg stroke-width="1" stroke="#000000" fill="none" width="600" height="400">
<$list filter="[[$drawingName$Type]indexes[]]" variable="itemName">
<$set filter="[[$drawingName$Type]getindex<itemName>]" name="itemType" >
<$macrocall
$name="displaySVGItem"
itemName=<<itemName>>
drawingName={{svgDrawingName!!caption}}
itemType=<<itemType>>
text=<<itemName>>
/>
</$set>
</$list>
</svg>
\end
\define dispayDrawingControls(drawingName:"svg")
<br/>''Drawing to display: ''
<$select tiddler="svgDrawingName" field="caption">
<option value="">--</option>
<$list filter="[[svgDrawingWidth]indexes[]]">
<option value=<<currentTiddler>> >
<<currentTiddler>>
</option>
</$list>
</$select>
''New Drawing:'' <$edit tiddler="svgDrawingName" field="caption" />
<br/>''Drawing Attributes:''
Width: <$macrocall
$name="setSvgValue"
drawingName="svgDrawing"
itemName={{svgDrawingName!!caption}}
attributeName="Width" />
Height: <$macrocall
$name="setSvgValue"
drawingName="svgDrawing"
itemName={{svgDrawingName!!caption}}
attributeName="Height" />
<br/>''Item to edit:''
<$select tiddler="svgBoxName" field="caption">
<option value="">--</option>
<$list filter="[[$drawingName$X]indexes[]]">
<option value=<<currentTiddler>> >
<<currentTiddler>>
</option>
</$list>
</$select>
New box: <$edit tiddler="svgBoxName" field="caption" />
<br/>''Item Attributes:''
X: <$macrocall
$name="setSvgValue"
drawingName="$drawingName$"
itemName={{svgBoxName!!caption}}
attributeName="X" />
Y: <$macrocall
$name="setSvgValue"
drawingName="$drawingName$"
itemName={{svgBoxName!!caption}}
attributeName="Y" />
Width: <$macrocall
$name="setSvgValue"
drawingName="$drawingName$"
itemName={{svgBoxName!!caption}}
attributeName="Width" />
Height: <$macrocall
$name="setSvgValue"
drawingName="$drawingName$"
itemName={{svgBoxName!!caption}}
attributeName="Height" />
Type: <$macrocall
$name="setSvgType"
drawingName="$drawingName$"
itemName={{svgBoxName!!caption}}
attributeName="Type" />
\end
<$macrocall $name="displayDrawing"
drawingName={{svgDrawingName!!caption}}
/>
<$macrocall $name="dispayDrawingControls"
drawingName={{svgDrawingName!!caption}}
/>
System tags are used to give special behaviour to tiddlers.
! Available system tags
These are the available system tags
* {{$:/tags/AboveStory||$:/core/ui/TagTemplate}} for elements to be placed at the top of the story river
* {{$:/tags/AdvancedSearch||$:/core/ui/TagTemplate}} for search elements
* {{$:/tags/Alert||$:/core/ui/TagTemplate}} for alerts
* {{$:/tags/BelowStory||$:/core/ui/TagTemplate}} for elements to be placed at the bottom of the story river
* {{$:/tags/ControlPanel||$:/core/ui/TagTemplate}} for control panel tabs
* {{$:/tags/ControlPanel/Advanced||$:/core/ui/TagTemplate}} for control panel advanced tabs
* {{$:/tags/ControlPanel/Appearance||$:/core/ui/TagTemplate}} for control panel appearance tabs
* {{$:/tags/ControlPanel/Info||$:/core/ui/TagTemplate}} for control panel info tabs
* {{$:/tags/ControlPanel/Settings||$:/core/ui/TagTemplate}} for control panel settings tabs
* {{$:/tags/ControlPanel/Toolbars||$:/core/ui/TagTemplate}} for control panel toolbar customisation tabs
* {{$:/tags/EditTemplate||$:/core/ui/TagTemplate}} for the edit template
* {{$:/tags/EditToolbar||$:/core/ui/TagTemplate}} for the edit mode tiddler toolbar
* {{$:/tags/Filter||$:/core/ui/TagTemplate}} for filters in advanced seach sample filter dropdown
* {{$:/tags/Image||$:/core/ui/TagTemplate}} for (core) images
* {{$:/tags/Macro||$:/core/ui/TagTemplate}} for global macros
* {{$:/tags/MoreSideBar||$:/core/ui/TagTemplate}} for tabs in the "more" sidebar
* {{$:/tags/PageControls||$:/core/ui/TagTemplate}} for the page control tools in the sidebar
* {{$:/tags/PageTemplate||$:/core/ui/TagTemplate}} for the main page elements
* {{$:/tags/Palette||$:/core/ui/TagTemplate}} for colour palettes
* {{$:/tags/RawMarkup||$:/core/ui/TagTemplate}} for raw markup to be included in the generated HTML file
* {{$:/tags/SideBar||$:/core/ui/TagTemplate}} for sidebar tabs
* {{$:/tags/Stylesheet||$:/core/ui/TagTemplate}} to indicate that a tiddler should be applied as a CSS stylesheet
* {{$:/tags/TiddlerInfo||$:/core/ui/TagTemplate}} for tiddler info panel tabs
* {{$:/tags/TiddlerInfo/Advanced||$:/core/ui/TagTemplate}} for tabs under the advanced tiddler tab
* {{$:/tags/TopLeftBar||$:/core/ui/TagTemplate}} for the top left bar
* {{$:/tags/TopRightBar||$:/core/ui/TagTemplate}} for the top right bar
* {{$:/tags/ViewTemplate||$:/core/ui/TagTemplate}} for the view template
* {{$:/tags/ViewToolbar||$:/core/ui/TagTemplate}} for the view mode tiddler toolbar
! System tags in use
These are the system tags in use in this wiki:
<ul>
<$list filter="[all[shadows+tiddlers]tags[]prefix[$:/]sort[title]]">
<li>{{||$:/core/ui/TagTemplate}}</li>
</$list>
</ul>
<div class="tc-table-of-contents">
<<toc-selective-expandable 'TableOfContents'>>
</div>
{{Add target table structure in a view template||task}}
This is a target Template
<$macrocall $name="newtasks" taskName=<<currentTiddler>> taskType="todos"/>
Start: <$view field="start" format="date" template="MMM-DD-YYYY"></$view>
End: <$view field="end" format="date" template="MMM-DD-YYYY"/>
Start field contents: {{!!start}}
End field contents: {{!!end}}
Start: {{!!start}}
End: {{!!end}}
Start field contents: `<<addDays [[Task 1]] start 4>>`
End field contents: `<<addDays [[Task 1]] start 9>>`
This relies on [[$:/_cpa/macros/addDays]] which makes a call to [[$:/plugin/ajh/tiddlytime/DateTime.js]]
\define temptask()
<$checkbox tiddler="$:/_cpa/Data/ToDos" tag="$(currentTiddler)$"> $(currentTiddler)$</$checkbox>
\end
<$macrocall $name="temptask" />
@@.doublespacedlist
# With ~TiddlyWiki you can organise your notes your way, not their way. Your notes conform to your way of thinking rather than being forced into a hierarchical straightjacket of notebooks and tabs.
# ~TiddlyWiki's nonlinear approach will actually make you think about your information in new and helpful ways.
# Finding your notes in ~TiddlyWiki is lightning fast
# There are many ways to customise and adapt every aspect of ~TiddlyWiki
# ~TiddlyWiki is free and is compatible with all platforms. Any web browser will open it. You don't need to purchase an expensive program or pay a subscription fee to use it.
# ~TiddlyWiki files promote the free sharing of information. There are many ways you can share your information from ~TiddlyWiki.
# With ~TiddlyWiki, your information is yours, and you store it where you want to - on your device, on a USB stick, in Dropbox, on your server.
# ~TiddlyWiki features an ever-growing number of plugins, themes, widgets, and languages.
# The online ~TiddlyWiki community is friendly and will do their best to give you the help you need.
# If you are a programmer, you have even more ways to play with ~TiddlyWiki. With ~TiddlyWiki, the more you know, the more fun you can have with it.
@@
This is a target Template
This is some text content for this tiddler
A TextReference identifies a chunk of text from a tiddler that can be retrieved or modified depending on the context.
Text references are made up of several parts, most of which can be optional:
* `<tiddler title>` - the text [[field|TiddlerFields]] of the specified tiddler
* `<tiddler title>!!<metadata field>` - a tiddler metadata [[field|TiddlerFields]] (eg, `modified`, `modifier`, `type` etc)
* `!!<metadata field>` - a metadata [[field|TiddlerFields]] of the current tiddler
* `<tiddler title>##<property index>` - extracts a named property from DataTiddlers
Text references can be used in several places:
* As [[indirect parameters|Filter Parameter]] within [[Filters]] (eg, `<$list filter="[tag{MyTag!!name}]"/>`)
* As IndirectAttributes of an element or widget (eg, `<$widget attrib={{Title!!description}}/>`)
* As the operand of a shortcut transclusion (eg, `{{MyTiddler!!title}}`)
* As the `state` attribute of the RevealWidget and the LinkCatcherWidget
! Examples
Here is an example of the `thumbnail-right` macro used to create a video thumbnail that floats to the right of the text
<$macrocall $name=".example" n="1" eg="""<<thumbnail-right link:"Introduction Video" image:"Introduction Video Thumbnail.jpg" caption:"Introduction to ~TiddlyWiki" icon:"{{$:/core/images/video}}" color:"red">>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."""/>
TiddlyDesktop is an app for working with TiddlyWiki files (both TiddlyWikiClassic and TiddlyWiki version 5). It can be installed on Windows, Mac OS X or Linux. It is compatible with TiddlyWiki version 5 and the older TiddlyWikiClassic.
See the [[Introducing TiddlyDesktop Video]]
! Instructions
# Install the latest release of TiddlyDesktop from https://github.com/Jermolene/TiddlyDesktop/releases
# Run TiddlyDesktop
# Use the browse button to open TiddlyWiki files
# Save changes within TiddlyWiki in the usual way
! Source
TiddlyDesktop is based on the OpenSource project [[NW.js]]. The source is on GitHub:
https://github.com/Jermolene/TiddlyDesktop/
An interactive network visualisation plugin based on [[Vis.js|http://visjs.org]]. A demo can be found here: {{!!url}}.
<<<
~TiddlyMap is a TiddlyWiki plugin that allows you to link your wiki-topics (tiddlers) in order to create clickable graphs. By creating relations between your topics you can easily do the following:
* Create mindmaps and quickly manifest your ideas in tiddlers (wiki entries).
* Create task-dependency graphs to organize and describe your tasks.
* Visualize your topic structures to get an immediate grasp of topics and relations.
In general you may create, visualize and describe any network-structure you have in mind.
<<<
TiddlyWiki in the Sky for TiddlyWeb allows content to be synchronised between TiddlyWiki running in the browser and a TiddlyWeb (or TiddlySpace) server. Features include:
* Lazy loading
* Two way synchronisation between the browser and the server
** Synchronising from the server is accomplished by polling (currently every 60 seconds)
* Throttling so that rapidly changing tiddlers don't overwhelm the server
To try out TiddlyWiki in the Sky for TiddlyWeb:
# If necessary, create an account at http://tiddlyspace.com/
# Create a new space, eg `<myspace>`
# Include the space `tw5tiddlyweb`
# Visit `http://<myspace>.tiddlyspace.com/tw5`
Running TiddlyWiki on [[Node.js]] brings several important benefits over and above the single file version:
* You can edit your content on any suitably compatible HTML5 browser, including smartphones and tablets
* Individual tiddlers are stored in separate files, which you can organise as you wish
* The ability to build multiple wikis that blend different combinations of shared and unique content
For more information see:
* [[Installing TiddlyWiki on Node.js]]
* [[Using TiddlyWiki on Node.js]]
* [[Upgrading TiddlyWiki on Node.js]]
This is a pre-release build of TiddlyWiki. <<version>>
It is provided for testing purposes. Please don't try to use it for anything important -- you should use the latest official release from http://tiddlywiki.com.
Try out the experimental system tiddler browser:
[[$:/core/ui/MoreSideBar/Explore]]
\define showTask(current)
{{$current$||task}}
\end
<$list filter="[[$:/_cpa/Data/todos]indexes[]]">
<$macrocall $name="showTask" current=<<currentTiddler>> /><br/>
</$list>
! Introduction
You can incorporate the content of one tiddler within another using the [[Transclusion]] notation:
* `{{MyTiddler}}` transcludes a single tiddler
* `{{MyTiddler||TemplateTitle}}` displays the tiddler through a specified [[TemplateTiddler|TemplateTiddlers]]
* `{{||TemplateTitle}}` displays the specified template tiddler without altering the [[current tiddler|Current Tiddler]]
!! Transcluding Text References
You can also use a TextReference instead of a tiddler title:
* `{{MyTiddler!!field}}` transcludes a specified field of a tiddler
* `{{!!field}}` transcludes a specified field of the current tiddler
* `{{MyTiddler##index}}` transcludes a specified indexed property of a [[DataTiddler|DataTiddlers]]
* `{{##index}}` transcludes a specified indexed property of the current [[DataTiddler|DataTiddlers]]
!! Filtered Transclusion
A similar syntax can be used to transclude a list of tiddlers matching a specified [[filter|Filters]]:
```
{{{ [tag[mechanism]] }}}
{{{ [tag[mechanism]] ||TemplateTitle}}}
```
! Generated Widgets
The WikiText transclusion syntax generates a TiddlerWidget wrapped around a TranscludeWidget. For example, `{{MyTiddler||MyTemplate!!myField}}` generates the following pair of widgets:
```
<$tiddler tiddler="MyTiddler">
<$transclude tiddler="MyTemplate" field="myField"/>
</$tiddler>
```
See also:
* [[Transclusion Basic Usage]]
* [[Transclusion with Templates]]
* TemplateTiddlers
* TranscludeWidget
* [[Confusion between Transclusion and Substitution]]
A collection of community tips and tutorials curated by Andreas Hahn, including a handy "customiser" that simplifies creating an empty TiddlyWiki with selected plugins and enhancements.
{{!!url}}
<<<
The intent of the project is to encourage people to use and actively tweak TiddlyWiki according to their needs. Similar to the old version, I also want to encourage people to share their knowledge and help other people get the most out of this wonderful piece of wiki software.
<<<
List of all values in the field `{{!!list}}`
`<$list filter="[getfieldlist[list]]">
</$list>`
<$list filter="[getfieldlist[list]]">
</$list>
There are regular releases of TiddlyWiki with bug fixes and improvements. It's a good idea to keep up to date by regularly upgrading to the latest version.
! Introduction
The process described here is for upgrading standalone TiddlyWiki files. There is a [[different procedure|Upgrading TiddlyWiki on Node.js]] for upgrading [[TiddlyWiki on Node.js]].
<<<
When upgrading, please remember the [[The First Rule of Using TiddlyWiki]]:
//You are responsible for looking after your own data; take care to make backups, especially when upgrading the ~TiddlyWiki core//
<<<
! Online upgrading
This process will work on most desktop browsers. Note that none of your personal data leaves your browser with this process.
# Locate your TiddlyWiki file in the file system (i.e. using Windows Explorer, the Finder on Mac OS X, or your file manager on Linux)
# Visit http://tiddlywiki.com/upgrade.html in your browser
# Drag your old TiddlyWiki HTML file into the browser window
#* If the file is encrypted you will be prompted for the password
# Review the list of tiddlers that will be upgraded
# Click ''Upgrade''
# Save changes to save the new version
This will download a file called ''upgrade.html'' to your computer. This file is the upgrade of your old file. You may need to open the location where ''upgrade.html'' was downloaded, rename ''upgrade.html'' with the name of the old file you are upgrading, and replace the old file by moving the new file in its place.
! Offline upgrading
You can also download http://tiddlywiki.com/upgrade.html locally and perform the same drag-and-drop procedure to upgrade your files.
! Problems with Upgrades
!! Firefox Security Restrictions
In case you run into this error with the upgrader, upon confirming the upgrade selection :
<<<
Error while saving:
Error:NS_ERROR_DOM_BAD_URI: Access to restricted URI denied
<<<
The upgrade operation falls foul of a security restriction in Firefox. Until this can be resolved, we suggest either using the offline upgrader, or using Chrome to perform the upgrade:
*# Use Chrome to open http://tiddlywiki.com/upgrade.html, then drag your local TiddlyWiki html file to be upgraded into the upgrader window, as described above in ''Online upgrading''
*# After you've saved your upgraded file, you should be able to open it in Firefox and [[save using TiddlyFox|Saving with TiddlyFox]] again
* //See also : [[Saving on TiddlySpot]]//
!! Incompatible Customisations
It is possible for a customisation applied in a previous version to break when upgraded to the latest version. There are two techniques you can use to help track down issues:
* Try repeating the upgrade having selectively unchecked any tiddlers that may be applying customisations to TiddlyWiki
* Use SafeMode to disable all customisations of shadow tiddlers
You can see which shadow tiddlers have been overridden in the ''Filter'' tab of [[advanced search|$:/AdvancedSearch]]. Select "Overridden shadow tiddlers" from the dropdown.
By default, when running [[TiddlyWiki on Node.js]], the server exposes the wiki at the URI formed from the protocol, host and port - for example, `http://127.0.0.1:8080/`.
There are two steps to running the wiki at a custom path like `http://127.0.0.1:8080/path/to/my/wiki/`:
# Configure the server by passing `/path/to/my/wiki` as the ''pathprefix'' argument of the ServerCommand
# Configure the client by creating a tiddler called ''$:/config/tiddlyweb/host'' that contains `$protocol$//$host$/path/to/my/wiki/`
The first steps to changing the appearance of TiddlyWiki are to choose and apply one of the available themes, or to modify the [[colour palette|ColourPalettes]].
In addition, custom [[CSS stylesheets|http://www.w3schools.com/css]] can be can defined by tagging a tiddler `$:/tags/Stylesheet`. Try creating a custom stylesheet now with the following content in order to change the page background colour to red:
```
html body.tc-body {
background: red;
}
```
! Overriding Theme Settings
Custom stylesheets are applied independently from theme stylesheets. Therefore, it is often necessary for the css rules in your custom stylesheet to be more specific than those of the theme you want to override. For example, `html body.tc-body` is more specific than `body.tc-body`.
! Stylesheet Types
Usually it is best to use the type `text/css` for stylesheets. This treats them as plain stylesheets, and ensures that TiddlyWiki doesn't apply any wiki processing to them.
If you wish to use macros and transclusions in your stylesheets you should instead use the default WikiText type `text/vnd.tiddlywiki`. This allows full WikiText processing to be performed. Here is an example:
```
\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline html
body.tc-body pre {
<<box-shadow "inset 0 1px 0 #fff">>
}
```
The `\rules` pragma at the top of the tiddler restricts the WikiText to just allow macros and transclusion. This avoids mistakenly triggering unwanted WikiText processing.
A stylesheet tiddler is processed such that it is first wikified and then the text portion of the ouput is extracted to apply as the CSS. Any HTML tags you will use in your stylesheet are thus ignored. For example, HTML elements generated by the RevealWidget will not affect the output. As in the following example, you can wrap CSS rules in `<pre>` tags to display them as a codeblock without affecting processing, including handling the inner macro.
```
\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline html
<pre>body.tc-body pre {
<<box-shadow "inset 0 1px 0 #fff">>
}
</pre>
```
!! Stylesheet Macros
The ~TiddlyWiki core provides several [[global macros that are helpful in constructing stylesheets|Stylesheet Macros]].
TiddlyWiki5 allows you to use SVG to display vector graphics in two ways:
* Tiddlers with the type `image/svg+xml` are interpreted as SVG images, and displayed and transcluded as self-contained `<img>` elements with the SVG embedded as a data URI in the `src` attribute.
** For examples of SVG images see [[Motovun Jack.svg]] and [[Tiddler Fishes.svg]]
* WikiText can also include inline SVG elements directly. See below for an example.
! Embedding SVG tiddlers
You can embed an SVG image tiddler using the ordinary transclusion syntax:
```
{{Motovun Jack.jpg}}
```
You can also use TypedBlockWikiText to embed an inline SVG tiddler.
The implications of the image being rendered within an `<img>` element are that it is sandboxed; it can't use CSS styles from the parent document, for example. Neither can the image use WikiText features like transclusion.
! Embedding SVG elements
The other way to use SVG is to embed the `<svg>` element directly. For example:
<svg width="150" height="100">
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
</svg>
Note that inline SVG elements don't need an `<?xml version="1.0"?>` directive.
! Including HTML or WikiText content in SVG images
You can include simple text strings in SVG images using the `<text>` element:
<svg width="100px" height="30px" viewBox="0 0 1000 300"><text x="250" y="150" font-family="Verdana" font-size="55">Hello, out there</text><rect x="1" y="1" width="998" height="298" fill="none" stroke-width="2" /></svg>
HTML or WikiText content can be included within inline SVG images using the `<foreignObject>` element. For example:
<svg width="260px" height="260px"><circle cx="150" cy="150" r="100" fill="blue" stoke="red"/><foreignObject x="70" y="110" width="150" height="180"><body>Here is some text that requires a word wrap, and includes a [[link to a tiddler|HelloThere]].</body></foreignObject></svg>
! Transcluding SVG elements
When embedding SVG elements you can also use WikiText features like transclusion. For example, here is an SVG circle with the radius set to the value in the tiddler [[$:/SVGExampleRadius]]:
<svg width="150" height="150"><circle cx="75" cy="75" r={{$:/SVGExampleRadius}} stroke="black" stroke-width="2" fill="green"/></svg>
You can edit the value of the radius here: <$edit-text tiddler="$:/SVGExampleRadius" tag="input"/>
See also the [[introduction to the concept of variables|Variables]].
To transclude the value of a variable, use the [[macro call syntax|Macro Calls in WikiText]] with no parameters. You can also use a <<.wlink MacroCallWidget>> widget.
A [[macro|Macros]] snippet can contain `$(name$)` as a [[placeholder|Macro Definitions in WikiText]] for which the value of the variable of that name will be substituted.
A variable's value can be used as a [[filter parameter|Filter Parameter]], or as a [[widget attribute|Widgets in WikiText]]. The latter supports macro parameters.
!! Example: defining a variable
<$macrocall $name=".example" n="1"
eg="""<$set name=animal value=zebra>
<<animal>>
</$set>"""/>
!! Example: defining a macro
The `\define` pragma below [[defines a macro|Macros in WikiText]] called <<.var tags>>. The macro returns the value of the tiddler's <<.field tags>> field, and can be accessed from anywhere else in the same tiddler (or in any tiddler that [[imports|ImportVariablesWidget]] it).
<$importvariables filter="$:/editions/tw5.com/macro-examples/tags-of-current-tiddler">
<$codeblock code={{$:/editions/tw5.com/macro-examples/tags-of-current-tiddler}}/>
<$macrocall $name=".example" n="2" eg="""The tags are: <<tags-of-current-tiddler>>"""/>
</$importvariables>
!! Example: using a variable as a filter parameter
This example uses the <<.olink backlinks>> [[operator|Filter Operators]] to list all tiddlers that link to this one.
<$macrocall $name=".example" n="3" eg="""<<list-links filter:"[<currentTiddler>backlinks[]]">>"""/>
Currently the default set of tiddlers shows where I am in the following:
# Build an application that automates the grunt work involved in designing and testing ETL transactions (''E''xtract ''T''ransform and ''L''oad - Moving data between systems)
#* Document the source table structure
#** The tiddler [[sourceTable]] should display the list of fields in the source and keys
#** It should also list the SQL queries and screen instructions used to test the migration
#** This display should come from the viewtemplate [[$:/_cpa/ViewTemplates/source]]
#* Document the target table structure
#** The tiddler [[targetTable1]] and [[targetTable2]] should display the list of fields in the destination and keys
#** It should also list the SQL queries and screen instructions used to test the migration
#** This display should come from the viewtemplate [[$:/_cpa/ViewTemplates/target]]
#* Document the SQL script that will be used to compare the source data to the destination tables
#** The tiddler [[sourceTable2targetTable1_xlate]] and [[sourceTable2targetTable2_xlate]] should show the sql scripts and instructions to compare source to target
#* Document the script that will be used to compare the source data to the destination screens
#** The tiddler [[sourceTable2targetTable1_xlate]] and [[sourceTable2targetTable2_xlate]] should show the screen scripts and instructions to compare source to target
# Build an application that allows me to track what needs to be done and what is completed
#* Create a task template that allows the user to create tasks anywhere and stores the task in a task list
#* Allow the user to edit notes attached to the task
#* Allow the user to change the task to a tiddler for more detailed task management
#* Display tasks in both the list and as tiddlers so the visitor can see what is complete and to be completed
The `tm-edit-tiddler` message replaces the specified tiddler in the current story with a draft version of itself. It requires the following properties on the `event` object:
|!Name |!Description |
|param |Title of the tiddler that is being switched to edit mode |
|tiddlerTitle |Fallback title that is used if ''param'' isn't specified (automatically set by the ButtonWidget) |
The edit tiddler message is usually generated with the ButtonWidget and is handled by the NavigatorWidget.
\define getProperTag() {{$(properTitle)$||$:/core/ui/EditTemplate/tags}}
<$button class="tc-btn-invisible" popup="$:/WikiNotePopupState" tooltip="Create a quick tiddler. Add text before adding tags">{{$:/core/images/edit-button}} </$button>
<$reveal type="popup" state="$:/WikiNotePopupState">
<div class="tc-popup-keep">
<div class="tc-tiddler-frame">
!!! <$link to={{$:/temp/Stealth!!newtitle}}>Quick note</$link>
<$edit tiddler="$:/temp/Stealth" field="newtitle" class="tc-edit-texteditor" default="ooo" placeholder="title"/>
<$set name="properTitle" value={{$:/temp/Stealth!!newtitle}}><<getProperTag>></$set>
<$edit field="text" class="tc-edit-texteditor" tiddler={{$:/temp/Stealth!!newtitle}} placeholder="your text"/>
</div>
</div>
</$reveal>
$:/core/modules/parsers/wikiparser/rules/syslink.js
* `this.matchRegExp = /~?\$:[^\s<>|]+(?:\/|\b)/mg;`
* $:/foo — $:/foo/ — $:/foo/bar — $:/foo bar — $:/foo|bar
* [[$:/foo/bar]] — [[$:/foo/bar/]]
* $:/config/NewJournal/Tags
* $:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/home
* $:/state/tab--1498284803
* $:/§$&/%``´´~+*#'-_.:,;&/("§! — $:/bar<foo — $:/foo§"$%<*'*
```
* $:/foo — $:/foo/ — $:/foo/bar — $:/foo bar — $:/foo|bar
* [[$:/foo/bar]] — [[$:/foo/bar/]]
* $:/config/NewJournal/Tags
* $:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/home
* $:/state/tab--1498284803
* $:/§$&/%``´´~+*#'-_.:,;&/("§! — $:/bar<foo — $:/foo§"$%<*'*
```
With the below modification, the tag popup lists of both, titles used tags as well as non-system tiddlers matching the title. Try searching for `button` in the ''Demo'' below.
As suggested at <<git5 issues/1333#issuecomment-69458861>>, I modified the filter in [[$:/core/ui/EditTemplate/tags]] to try and also list existing tiddler titles matching the search term in the title...
```
<$list filter="[tags[]search{$:/temp/NewTagName}][!is[system]search:title{$:/temp/NewTagName}] +[sort[]]">
```
!! Demo
[[$:/core/ui/EditTemplate/tags]]
{{$:/core/ui/EditTemplate/tags}}
Trying to use CSS3's `column-count:4` for readability but the inline popups get cut off since they are rendered in the element flow...
<div class="tb-taglist-columns">
<$list filter="[tag[Demo]tags[]sort[title]!prefix[$]]">
<div class="tb-taglist-item">
<small class="tc-menu-list-count"><$count filter="[all[current]tagging[]]"/></small>
<$transclude tiddler="$:/core/ui/TagTemplate"/>
</div>
</$list>
</div>
See [[$:/.tb/styles]] for the css. Rendered via...
```
<div class="tb-taglist-columns">
<$list filter="[tag[Demo]tags[]sort[title]!prefix[$]]">
<div class="tb-taglist-item">
<small class="tc-menu-list-count"><$count filter="[all[current]tagging[]]"/></small>
<$transclude tiddler="$:/core/ui/TagTemplate"/>
</div>
</$list>
</div>
```
; based on...
: https://groups.google.com/d/msg/tiddlywiki/1eVLcslhmLM/23qcvi8I2Z4J
; conditional edit template
: [[$:/.tb/ui/EditTemplate/drop-fields]]
; field visibility and available values stored in `value` fields
: [[$:/config/EditTemplateFields/Visibility/exercise]]
: [[$:/config/EditTemplateFields/Visibility/meditation]]
; TEST: example journal (click edit)
: [[7th January 2015]] {{7th January 2015||$:/core/ui/Buttons/edit}}
\define foo(bar, baz)
<$reveal type=nomatch text="$baz$" default="">
$baz$
</$reveal>
<$reveal type=match text="$baz$" default="">
No baz!!!
</$reveal>
\end
This experiment tries to do something depending on whether or not a macro parameter is declared...
```
\define foo(bar, baz)
<$reveal type=nomatch text="$baz$" default="">
$baz$
</$reveal>
<$reveal type=match text="$baz$" default="">
No baz!!!
</$reveal>
\end
```
!!Test
```
<<foo>>
```
<<<
<<foo>>
<<<
```
<<foo bar>>
```
<<<
<<foo bar>>
<<<
```
<<foo bar baz>>
```
<<<
<<foo bar baz>>
<<<
Enter this into your browsers console to get a feel for tiddler sizes. This creates a tiddler called [[$:/temp/tiddler-sizes]] with the sizes listed, counting the characters of all fields. (Haven't yet figured out how to open it in the end.)
With much appreciated [[help from Stephan Hradek|https://groups.google.com/d/msg/tiddlywiki/hr75FTeEL_g/Yuk_6gxpY_wJ]], here's a bookmark for your browser bookmarks to run the below code: <a href="javascript:void((function()%7Bvar%20e%3D%22%5B!is%5Bshadow%5D!is%5Bsystem%5D%5D%22%2Ct%3Dprompt(%22Please%20define%20a%20filter...%22%2Ce)%3Be%3Dt%7C%7Ce%3Bvar%20n%3D%5B%5D%3B%24tw.utils.each(%24tw.wiki.filterTiddlers(e)%2Cfunction(e)%7Bvar%20t%3D0%2Cr%3D%24tw.wiki.getTiddler(e)%3Bn.push(%7Btitle%3Ae%2Csize%3A%24tw.wiki.getTiddlerAsJson(e).length.toString()%2Cfields%3AObject.keys(r.fields).length%2Ctype%3Ar.fields%5B%22type%22%5D%7C%7C%22%22%7D)%7D)%3Bn.sort(function(e%2Ct)%7Breturn%20t.size-e.size%7D)%3Bvar%20r%3D%22%22%3B%24tw.utils.each(n%2Cfunction(e)%7Br%2B%3De.size%2B%22%20%5B%5B%22%2Be.title%2B%22%5D%5D%2C%20%22%2Be.fields%2B%22%20fields%22%2B(e.type%3F%22%2C%20%22%2Be.type%3A%22%22)%2B%22%5Cn%22%7D)%3Bvar%20i%3D%22%24%3A%2FStoryList%22%2Cs%3D%22%24%3A%2Ftemp%2Ftiddler-sizes%22%2Co%3D%24tw.wiki.getTiddlerList(i)%3B%24tw.wiki.addTiddler(new%20%24tw.Tiddler(%7Btitle%3As%2Ctext%3A'%22%22%22%5Cn'%2Br%2B'%22%22%22'%7D))%3Bif(o.indexOf(s)%3D%3D%3D-1)%7Bo.unshift(s)%7D%24tw.wiki.addTiddler(new%20%24tw.Tiddler(%7Btitle%3Ai%7D%2C%24tw.wiki.getTiddler(i)%2C%7Blist%3Ao%7D))%3Bconsole.log(r)%7D)())%3B" title="Bookmark me!">tiddler sizes</a>
```
(function(){
var filter = '[!is[shadow]!is[system]]',
f = prompt('Please define a filter...',filter);
filter = f || filter;
var sizes = [];
$tw.utils.each($tw.wiki.filterTiddlers(filter),
function(tiddler){
var size = 0,
t = $tw.wiki.getTiddler(tiddler);
sizes.push({
title:tiddler,
size:$tw.wiki.getTiddlerAsJson(tiddler).length.toString(),
fields:Object.keys(t.fields).length,
type:t.fields['type'] || ''
});
}
)
sizes.sort(function(a, b) { return b.size - a.size;});
var out = '';
$tw.utils.each(sizes,
function (t){
out +=
t.size + ' [[' +
t.title + ']], ' +
t.fields + ' fields' +
(t.type ? ', ' + t.type : '') + '\n';
}
)
var story = "$:/StoryList",
temp = "$:/temp/tiddler-sizes",
list = $tw.wiki.getTiddlerList(story);
$tw.wiki.addTiddler(
new $tw.Tiddler({
title: temp,
text: '"""\n' + out + '"""'
})
);
if(list.indexOf(temp) === -1) {
list.unshift(temp);
}
$tw.wiki.addTiddler(new $tw.Tiddler(
{title: story},
$tw.wiki.getTiddler(story),
{list: list}
));
console.log(out);
})()
```
The following modifications provide a more unified tagging experience between edit-mode and view-mode...
* [[$:/core/macros/tag]] — extended
* [[$:/core/ui/EditTemplate/tags]] — simplified, now uses qualify for temp-new-tag
* [[$:/core/ui/TagTemplate]] — simplified
* [[$:/core/modules/macros/contrastcolour.js]] — enhanced
* [[$:/core/ui/Components/tag-link]] — @@color:red;DELETED@@
''Note'': Notice how on [[tiddlywiki.com|http://tiddlywiki.com]] edit-mode colors do not match view-mode, which is very problematic with bright backgrounds!
\define getCount() <$count filter='[tag[Demo]]'/>
A quote from Jeremy in the above discussion as to why the below does not work:
<<<
There is no way at the moment to store the results of wikifying text into a variable or a tiddler. Transcluded attributes on widgets/HTML elements are never wikified; the attribute gets the raw value of the variable or tiddler field.
<<<
So, this construct will fail...
```
\define getCount() <$count filter='[tag[Demo]]'/>
<$button><$action-setfield $field=count $value=<<getCount>>/>set via "$field"</$button>
<$button><$action-setfield count=<<getCount>>/>set via "count"</$button>
<$button><$action-deletefield count/>reset "count"</$button>
```
renders:
<<<
<$button><$action-setfield $field=count $value=<<getCount>>/>set via "$field"</$button>
<$button><$action-setfield count=<<getCount>>/>set via "count"</$button>
<$button><$action-deletefield count/>reset "count"</$button>
<<<
!!Validation
;count field as text
:<$view field="count" format="text"/> <$list filter="[all[current]has[count]]">@@color:red; This is wong!@@</$list>
;count field wikified
:{{!!count}}
!!Sources
* http://tiddlywiki.com/prerelease/#ActionSetFieldWidget
* http://tiddlywiki.com/prerelease/#ActionDeleteFieldWidget
\define getFoo() <$view tiddler=Foo field=text/>
From [[BJ|https://groups.google.com/d/msg/tiddlywiki/DxPrh885WC0/SMsAK3Q_l5gJ]]:
<$reveal type=nomatch default="" text="Bar" state="Foo">
Where is [[Foo]]?!?
</$reveal>
<$reveal type=match default="" text="Bar" state="Foo">
Ah, there is [[Foo]]!!!
</$reveal>
<$button>
<$action-setfield $tiddler="Foo" text="Bar" tags="Baz"/>
Create Foo with text "Bar" and tag "Baz"
</$button>
```
<$reveal type=nomatch default="" text="Bar" state="Foo">
Where is [[Foo]]?!?
</$reveal>
<$reveal type=match default="" text="Bar" state="Foo">
Ah, there is [[Foo]]!!!
</$reveal>
<$button>
<$action-setfield $tiddler="Foo" text="Bar" tags="Baz"/>
Create Foo with text "Bar" and tag "Baz"
</$button>
```
This tiddler only exists to show how [[Deleting Another Tiddler]] works.
You can use transclusion to render a delete button that deletes any tiddler...
```
<$list filter="[[Delete Me]is[tiddler]]">
Click the trashcan to delete <$link> <$view tiddler="Delete Me" field=title/></$link>:
{{Delete Me||$:/core/ui/Buttons/delete}}
</$list>
```
<$list filter="[[Delete Me]is[tiddler]]">
Click the trashcan to delete <$link> <$view tiddler="Delete Me" field=title/></$link>:
{{Delete Me||$:/core/ui/Buttons/delete}}
</$list>
!!Source
Here is the source of the standard delete button...
<<source "$:/core/ui/Buttons/delete">>
; implements
: <<git5 issues/1369>> — each filter and list field(s)
; pull request
: <<git5 pull/1422>> — added list suffix for each filter
; modified
: [[$:/core/modules/filters/each.js]]
When the suffix is `list`, the ''each'' filter interprets the field as a list of individual tiddler titles equivalent to the core list field and returns all titles referenced in the list field of the source list, existing or not.
!! Example
The below lists all missing tiddlers that are referenced in a list field as terms and the tiddlers where they are referenced as definitions.
```
<dl>
<$list filter="[each:list[list]is[missing]sort[]]">
<dt><$link to=<<currentTiddler>>><$view field=title/></$link>
</dt>
<$list filter="[<currentTiddler>listed[]]">
<dd><$link to=<<currentTiddler>>><$view field=title/></$link></dd>
</$list>
</$list>
</dl>
```
<dl>
<$list filter="[each:list[list]is[missing]sort[]]">
<dt><$link to=<<currentTiddler>>><$view field=title/></$link>
</dt>
<$list filter="[<currentTiddler>listed[]]">
<dd><$link to=<<currentTiddler>>><$view field=title/></$link></dd>
</$list>
</$list>
</dl>
The below outputs the tag editor for all tiddlers (requires [[Consolidate Tag Macro]] !)...
```
<dl>
<$list filter="[!is[system]sort[title]]">
<dt><$link><$view field="title"/></$link></dt>
<dd class="no-before">{{||$:/core/ui/EditTemplate/tags}}</dd>
</$list>
</dl>
```
<dl>
<$list filter="[!is[system]sort[title]]">
<dt><$link><$view field="title"/></$link></dt>
<dd class="no-before">{{||$:/core/ui/EditTemplate/tags}}</dd>
</$list>
</dl>
; for a workaround, see...
: https://groups.google.com/d/msg/tiddlywiki/qtlNxMkmfPs/Z6Kz446WePUJ
Trying to edit a field of a tiddler you may run into the problem that the input loses focus with every letter you type.
```
<$edit field="my-field"/><br>''my-field'': {{!!my-field}}
```
<<<
<$edit field="my-field"/><br>''my-field'': {{!!my-field}}
<<<
As [[Jeremy|Jeremy Ruston]] [[suggests here|https://groups.google.com/forum/#!folder/TiddlyWiki/tiddlywiki/qtlNxMkmfPs]], you can use a template tiddler so as to decouple the refreshing from the containing tiddler, e.g.:
using <<source $:/.tb/template/my-field>>
via...
```
{{||$:/.tb/template/my-field}}
```
renders as...
<<<
{{||$:/.tb/template/my-field}}
<<<
@@color:red;Problem solved? — Well, I actually thought so. — But then it's not!@@
Tests that failed...
<<tagging>>
A demo for folding sections...
http://fold.tiddlyspot.com
A category list of demos in this wiki...
<div class="tb-taglist">
<$list filter="[tag[Demo]tags[]sort[title]!prefix[$]]-[[Demo]]">
<div class="tb-taglist-item">
<small class="tc-menu-list-count"><$count filter="[all[current]tagging[]]"/></small>
<$transclude tiddler="$:/core/ui/TagTemplate"/>
</div>
</$list>
</div>
For a whole lot more, see [[solutions on tb5|http://tb5.tiddlyspot.com/#Solutions]].
!!Latest Demonstrations
<$set name="remove" value="Demo">
<$list filter="[tag[Demo]!sort[created]]" template="$:/template/tagged-timeline"/>
</$set>
<<git5 pull/1375>> — for a data tiddler, returns the value at the index specified in the operand
```
; [[ExampleData]]
: {{ExampleData##B}} = <$list filter="[[ExampleData]getIndex[B]]"><$view field=title/></$list>
```
<<<
; [[ExampleData]]
: {{ExampleData##B}} = <$list filter="[[ExampleData]getIndex[B]]"><$view field=title/></$list>
<<<
!! Code
<<source $:/core/modules/filters/getindex.js>>
; github issue
: <<git5 1328>>
; modified
: [[$:/core/modules/widgets/list.js]]
!! Test Default Iterator
```
<dl>
<$list filter="one two three">
<dt><<currentTiddler>></dt>
<dd>`<<iterator>>` = <<iterator>></dd>
<dd>`<<iterator-even>>` = <<iterator-even>></dd>
<dd>`<<iterator-last>>` = <<iterator-last>></dd>
</$list>
</dl>
```
...displays as:
<<<
<dl>
<$list filter="one two three">
<dt><<currentTiddler>></dt>
<dd>`<<iterator>>` = <<iterator>></dd>
<dd>`<<iterator-even>>` = <<iterator-even>></dd>
<dd>`<<iterator-last>>` = <<iterator-last>></dd>
</$list>
</dl>
<<<
!! Test Custom Iterator
```
<dl>
<$list filter="one two three" iterator=foo>
<dt><<currentTiddler>></dt>
<dd>`<<foo>>` = <<foo>></dd>
<dd>`<<foo-even>>` = <<foo-even>></dd>
<dd>`<<foo-last>>` = <<foo-last>></dd>
</$list>
</dl>
```
...displays as:
<<<
<dl>
<$list filter="one two three" iterator=foo>
<dt><<currentTiddler>></dt>
<dd>`<<foo>>` = <<foo>></dd>
<dd>`<<foo-even>>` = <<foo-even>></dd>
<dd>`<<foo-last>>` = <<foo-last>></dd>
</$list>
</dl>
<<<
[[Stephan Hradek's solution|http://tb5.tiddlyspot.com/#How%20Big%20Are%20Tiddlers%20In%20Size%3F]] to calculate tiddler sizes. ([[here|length macro and lsort filter]] is an alternative bookmarklet).
!! Installation
Simply drag-n-drop-import both to your wiki:
; length macro
: [[$:/macros/skeeve/length.js]]
; lsort filter
: [[$:/core/modules/filters/lsort.js]]
!!Example
```
<$list filter="[!is[system]!is[shadow]!lsort[]]">
<$macrocall $name="length" tiddler={{!!title}}/>
<$link><$view field=title/></$link><br>
</$list>
```
<<<
<$list filter="[!is[system]!is[shadow]!lsort[]]">
<$macrocall $name="length" tiddler={{!!title}}/>
<$link><$view field=title/></$link><br>
</$list>
<<<
; modified
: [[$:/core/modules/filters/limit.js]]
; introduces
: offset suffix
: negative limit (from end)
; changed
: negation of limit is now proper negation with respect to set theory
: negative limit takes last x
: positive offset removes first x
: negative offset removes last x
: first offset applied, then limit
`{{{[tag[Tags]]}}}`
<<<
{{{[tag[Tags]]}}}
<<<
`{{{[tag[Tags]limit[1]]}}}`
<<<
{{{[tag[Tags]limit[1]]}}}
<<<
`{{{[tag[Tags]!limit[1]]}}}`
<<<
{{{[tag[Tags]!limit[1]]}}}
<<<
`{{{[tag[Tags]limit[-1]]}}}`
<<<
{{{[tag[Tags]limit[-1]]}}}
<<<
`{{{[tag[Tags]!limit[-1]]}}}`
<<<
{{{[tag[Tags]!limit[-1]]}}}
<<<
`{{{[tag[Tags]limit:1[1]]}}}`
<<<
{{{[tag[Tags]limit:1[1]]}}}
<<<
`{{{[tag[Tags]!limit:1[1]]}}}`
<<<
{{{[tag[Tags]!limit:1[1]]}}}
<<<
`{{{[tag[Tags]limit:-1[-1]]}}}`
<<<
{{{[tag[Tags]limit:-1[-1]]}}}
<<<
`{{{[tag[Tags]!limit:-1[-1]]}}}`
<<<
{{{[tag[Tags]!limit:-1[-1]]}}}
<<<
`{{{[tag[Tags]limit:10[1]]}}}`
<<<
{{{[tag[Tags]limit:10[1]]}}}
<<<
`{{{[tag[Tags]!limit:10[1]]}}}`
<<<
{{{[tag[Tags]!limit:10[1]]}}}
<<<
`{{{[tag[Tags]limit:1[10]]}}}`
<<<
{{{[tag[Tags]limit:1[10]]}}}
<<<
`{{{[tag[Tags]!limit:1[10]]}}}`
<<<
{{{[tag[Tags]!limit:1[10]]}}}
<<<
Following [[these instructions|http://tb5.tiddlyspot.com/#Conditional%20ViewTemplate%20Section]], this wiki implements a template showing a link to the current tiddler at the bottom of each tiddler.
''Note:'' For any open tiddler you also find a link in the ''Open'' tab in the sidebar.
You can simply drag this into your wiki to get the same link at the bottom right <<source $:/.tb/ui/ViewTemplate/tiddler-link>>
@@color:red;''Deprecated:''@@ This was a modification to [[$:/core/modules/widgets/navigator.js]] allows to define the behaviour of TiddlyWiki when the last tiddler in the story is closed by setting the text of [[$:/config/Story/OnEmpty]] to either of:
; `keep`
: will keep the last tiddler open
; `default`
: will open the default tiddler(s)
; `open:foo`
; `show:foo`
; `show= foo `
: either will open the tiddler `foo`, i.e.
:: the first 5 characters are truncated
:: the rest is trimmed
Try modifying [[$:/config/Story/OnEmpty]] right now!
!! Discussion
https://groups.google.com/d/msg/tiddlywiki/-qevGMkbWBQ/lgUu0j_wlnkJ
\define foo()
<<paramString>>
\end
; <<git5 issues/1373>>
: expose paramString to macro
; modified
: [[$:/core/modules/widgets/macrocall.js]]
: [[$:/core/modules/parsers/wikiparser/rules/macrocallinline.js]]
: [[$:/core/modules/parsers/wikiparser/rules/macrocallblock.js]]
```
\define foo()
<<paramString>>
\end
* "<<foo bar baz>>"
```
<<<
* "<<foo bar baz>>"
<<<
<<<
@@color:red; The problem is solved. What was needed was to use `$param` instead of `param` in `$action-sendmessage`.@@
<<<
To cater for [[Alex|https://groups.google.com/forum/#!topic/tiddlywiki/jELpE-9d4s4]], I allowed to add a note to a story (sidebar).
Deleting a story, I also want to delete the note. However the `$action-sendmessage` in `deleteSnapshot()` throws an errror...
<<source $:/.tb/ui/MoreSideBar/Stories>>
; discussion
: https://groups.google.com/d/msg/tiddlywiki/hR4LntIK_DY/Fm-gh7nSecEJ
; pull request
: allows custom html element to be created by ''~RevealWidget''
: <<git5 pull/1380>>
; modified
: $:/core/modules/widgets/reveal.js
: introduces ''element'' attribute to the reveal widget
```
<table>
<tr><td>January</td><td>2015</td></tr>
<$reveal default="x" type="match" text="y" element="tr">
<td>February</td><td>2016</td>
</$reveal>
<tr><td>March</td><td>2017</td></tr>
</table>
```
<table>
<tr><td>January</td><td>2015</td></tr>
<$reveal default="x" type="match" text="y" element="tr">
<td>February</td><td>2016</td>
</$reveal>
<tr><td>March</td><td>2017</td></tr>
</table>
Note how the above creates a ''tr'' instead of a spurious ''span'' element that breaks the html table.
Implements <<git5 issues/1195>>.
!! Modified Core Components
* $:/core/modules/filters/search.js
* $:/core/modules/wiki.js
* $:/core/modules/tiddler.js
!! Examples
; custom fields foo & bar and title
: `<<list-links filter:"[search:foo:bar:title[baz]]">>`
:> <<list-links filter:"[search:foo:bar:title[baz]]">>
; all custom fields
: `<<list-links filter:"[search:$custom[baz]]">>`
:> <<list-links filter:"[search:$custom[baz]]">>
; all standard text fields
: `<<list-links filter:"[search:$text[baz]]">>`
:> <<list-links filter:"[search:$text[baz]]">>
; all standard fields, including modified & created
: `<<list-links filter:"[search:$standard[baz]]">>`
:> <<list-links filter:"[search:$standard[baz]]">>
; all fields
: `<<list-links filter:"[search:$all[baz]]">>`
:> <<list-links filter:"[search:$all[baz]]">>
this is version: <<version>>
```
<$button>
<$action-setfield $tiddler="$:/foo" $index="$:/foo" $value="$:/foo"/>
<$action-navigate $to="Data"/>
Click to set Index "$:/foo" of tiddler "$:/foo" to "$:/foo"!
</$button>
```
[[$:/foo]]
<$button>
<$action-setfield $tiddler="$:/foo" $index="$:/foo" $value="$:/foo"/>
<$action-navigate $to="$:/foo"/>
Click to set Index "$:/foo" of tiddler "$:/foo" to "$:/foo"!
</$button>
[[Discussed at #1205|https://github.com/Jermolene/TiddlyWiki5/issues/1205#issuecomment-66641227]], I swapped the bold for shadows and propose something less colorful for shadows in wikitext. Now, overriden shadows do stand out in the system tab! (Didn't use purple, because traditionally that indicates a visited link.)
;internal link
:<$link to=<<currentTiddler>>><<currentTiddler>></$link>
;system tiddler — containing the styles
:[[$:/.tb/styles/tiddlylinks]]
;overriden shadow
:[[$:/config/AutoSave]]
;plain shadow
:[[$:/themes/tiddlywiki/vanilla/reset]]
Here's an attempt to show social buttons generated via [[simplesharingbuttons|http://simplesharingbuttons.com/]].
@@color:red;
''Note:'' For some reason, a number of buttons do not show __in Chrome__, e.g. the first one should actually be facebook to the very left, followed by twitter. The problem must be related to the generated target urls as the buttons show if I modify that. o.O
@@
!!The buttons
Should actually be more than just the displayed three...
<ul class="social">
<li><a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Ftb5.tiddlyspot.com&t=tb5%20solutions%20for%20TiddlyWiki" target="_blank">{{Facebook.png}}</a></li>
<li><a href="https://twitter.com/intent/tweet?source=http%3A%2F%2Ftb5.tiddlyspot.com&text=tb5%20solutions%20for%20TiddlyWiki:%20http%3A%2F%2Ftb5.tiddlyspot.com&via=beertobias" target="_blank" title="Tweet">{{Twitter.png}}</a></li>
<li><a href="https://plus.google.com/share?url=http%3A%2F%2Ftb5.tiddlyspot.com" target="_blank" title="Share on Google+">{{Google+.png}}</a></li>
<li><a href="http://www.tumblr.com/share?v=3&u=http%3A%2F%2Ftb5.tiddlyspot.com&t=tb5%20solutions%20for%20TiddlyWiki&s=" target="_blank" title="Post to Tumblr">{{Tumblr.png}}</a></li>
<li><a href="http://pinterest.com/pin/create/button/?url=http%3A%2F%2Ftb5.tiddlyspot.com&media=http://i1178.photobucket.com/albums/x375/tobibeer/img/tiddlywiki/tb5.gif&description=solutions%2C%20plugins%2C%20developer%20info%2C%20core%2C%20references%2C%20markup" target="_blank" title="Pin it">{{Pinterest.png}}</a></li>
<li><a href="http://www.reddit.com/submit?url=http%3A%2F%2Ftb5.tiddlyspot.com&title=tb5%20solutions%20for%20TiddlyWiki" target="_blank" title="Submit to Reddit">{{Reddit.png}}</a></li>
<li><a href="http://www.linkedin.com/shareArticle?mini=true&url=http%3A%2F%2Ftb5.tiddlyspot.com&title=tb5%20solutions%20for%20TiddlyWiki&summary=solutions%2C%20plugins%2C%20developer%20info%2C%20core%2C%20references%2C%20markup&source=http%3A%2F%2Ftb5.tiddlyspot.com" target="_blank" title="Share on LinkedIn">{{LinkedIn.png}}</a></li>
<li><a href="http://wordpress.com/press-this.php?u=http%3A%2F%2Ftb5.tiddlyspot.com&t=tb5%20solutions%20for%20TiddlyWiki&s=solutions%2C%20plugins%2C%20developer%20info%2C%20core%2C%20references%2C%20markup&i=http://i1178.photobucket.com/albums/x375/tobibeer/img/tiddlywiki/tb5.gif" target="_blank" title="Publish on WordPress">{{Wordpress.png}}</a></li>
<li><a href="mailto:?subject=tb5%20solutions%20for%20TiddlyWiki&body=solutions%2C%20plugins%2C%20developer%20info%2C%20core%2C%20references%2C%20markup:%20http%3A%2F%2Ftb5.tiddlyspot.com" target="_blank" title="Email">{{Email.png}}</a></li>
</ul><style>
.social {
margin:0;
padding:0;
list-style: none;
}
.social li {
float:left;
}
</style>
; modified
: $:/core/modules/filters/tagging.js
: $:/core/modules/utils/utils.js
; other tiddler tagged like this one?
: `<<list-links filter:"[all[current]tagging:all[]]">>`
:> <<list-links filter:"[all[current]tagging:all[]]">>
;all tagging to both `Filters` and `Demo`
:`<<list-links filter:"[[Filters]][[Demo]]+[tagging:all[]]">>`
:> <<list-links filter:"[[Filters]][[Demo]]+[tagging:all[]]">>
; relevant / required for
: http://tagfilter.tiddlyspot.com
Especially when iterating via [[lists|http://tiddlywiki.com/#ListWidget]], the following doesn't work as it wikifies all the inner `<$foo bar/>` into an internal link...
```
[[<$transclude field="title" mode="block"/>]]
```
<<<
[[<$transclude field="title" mode="block"/>]]
<<<
Instead, use the [[link widget|http://tiddlywiki.com/#LinkWidget]]...
```
<$link><$transclude field="title" mode="block"/></$link>
```
<<<
<$link><$transclude field="title" mode="block"/></$link>
<<<
Or short...
```
<$link>{{!!title}}</$link>
```
<<<
<$link>{{!!title}}</$link>
<<<
''demo wikis hosted on TiddlySpot:''
<<tagging>>
http://tb5.tiddlyspot.com
The problem...
|looks|like|it's|way|too|http://tooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooloooooooooooooooooooooooooooooooooooooong.com|
[[@danielo515|https://github.com/danielo515]], would you say the below table is really a satisfying answer to solve [[the problem above|https://github.com/Jermolene/TiddlyWiki5/issues/1095#issuecomment-64700373]]?
This table will always put columns at equal width, no matter what the content:
@@.the-table
|looks|like|it's|way|too|http://tooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooloooooooooooooooooooooooooooooooooooooong.com|
@@
<style>
.the-table td {
/* css-3 */
white-space: -o-pre-wrap;
word-wrap: break-word;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
}
.the-table {
table-layout: fixed;
width: 100%
}
.fix-table {
overflow-x:auto;
}
</style>
!!Styles
```
<style>
.the-table td {
/* css-3 */
white-space: -o-pre-wrap;
word-wrap: break-word;
white-space: pre-wrap;
white-space: -moz-pre-wrap;
white-space: -pre-wrap;
}
.the-table {
table-layout: fixed;
width: 100%
}
.fix-table {
overflow-x:auto;
}
</style>
```
!! For comparison, the proposed solution
I truly don't see what's wrong with a wrapper. It's been the solution to fix problems ever since there were problems.
<div class="fix-table">
|looks|like|it's|way|too|http://tooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooloooooooooooooooooooooooooooooooooooooong.com|
</div>
Following these notes...
http://tb5dev.tiddlyspot.com/#3rd%20Party%20Libraries
The following twitter share link doesn't seem to work...
```
the link: <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://tbdemo.tiddlyspot.com/#Twitter" data-via="beertobias">Tweet</a>
```
<<<
the link: <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://tbdemo.tiddlyspot.com/#Twitter" data-via="beertobias">Tweet</a>
<<<
I am pretty sure the problem lies in how twitter tries to create the script tag for the actual library so as to load it on demand.
The following tiddler tagged [[$:/tags/RawMarkup]] contains the twitter script <<source $:/.tb/lib/twitter>>
!! ~ModuleType
Using ''module-type: library'' also fails when containing just...
```
function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs')
```
!! Plain Script Tag => Total Failure
Using this directly in the above tiddler, breaks TiddlyWiki entirely after reload...
```
<script id="twitter.wjs" src="http://platform.twitter.com/widgets.js" type="text/javascript"/>
```
!! The Original Source From Twitter
```
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://tbdemo.tiddlyspot.com/#Twitter" data-via="beertobias">Tweet</a><script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
```
Make js macros more failsafe by allowing non-string, undefined or null return value.
{{$:/.tb/macros/undefined.js||$:/core/ui/Buttons/delete}} <<source [[$:/.tb/macros/undefined.js]]>>
!!Test
`<<undefined>>`
> <<undefined>>
With [[help from BJ and Astrid|https://groups.google.com/d/msg/tiddlywiki/m1MVi5B4wBw/nrHhbiQU3iYJ]], the below example now successfully...
* constructs the variable ''currentGroup''
** only one pair of curly brackets!!
* for use in a filter from a dynamic text-reference as calculated via the ''group'' macro.
** no surrounding brackets at all to construct the valid filter!!
For debugging, the actual contents of a variable can be inspected using the ''$text'' widget.
<<source "$:/.demo/Variable Text Reference">>
{{$:/.demo/Variable Text Reference}}
Trying to implement a macro that returns a link to a youtube video id stored in a field at the current tiddler called ''youtube'' ...here with value <code>{{!!youtube}}</code>, like so:
```
<<y: 00 03 10>>
```
<<<
<<y: 00 03 10>>
<<<
@@color:red;
''Note:'' Almost all works, except for the bit where I want to read / transclude the __value__ of the youtube ID, which fails (take a look at the contructed link by hovering it).
''I would really finally learn and memorize that trick which always seems to befuddle me more than it's supposed to!''
@@
The macro: <<source $:/.tb/macros/youtube-timed-link>>
;read
:release notes
;vocabulary
:https://github.com/Jermolene/TiddlyWiki5/issues/345
z-index for notifications needs to be above top-bar: [[vanilla/base.tid#L1097|https://github.com/Jermolene/TiddlyWiki5/blob/52d29ac0cf1035b73495676ce035ff3e17aa3426/themes/tiddlywiki/vanilla/base.tid#L1097]]
* enhanced edit-text widget with `focus="true"` attribute
* modified title template to make it `focus()` and `select()` by default
!!Discussion
https://github.com/Jermolene/TiddlyWiki5/issues/371#issuecomment-64169500
;discussion
:https://groups.google.com/d/msg/tiddlywiki/I1ysdDLTSTw/KypYniCTW1AJ
fixes <<git5 issues/1010>> — formatDateString tiny bug
I can't say how often I had to look for the # permalink button just because it wouldn't be set automatically.
tiddlers not listed in the list field, sorted by title nonetheless, otherwise we get a real poor taglist from [[$:/core/ui/TagTemplate]]
; demo
: working on (any tag at) [[tb5|http://tb5.tiddlyspot.com/#filters]]
the tag button styles in edit mode were not updated yet ...bright backgrounds were entirely unreadable
[img[https://cloud.githubusercontent.com/assets/97566/5788863/e6f0dbe6-9e4f-11e4-97d7-47b7d9c61212.jpg]]
; consolidated all tag button output in `$:/core/macros/tag`
: introduces `mode` parameter
; simplified templates
: `$:/core/ui/TagTemplate` — also put under **Components**?
: `$:/core/ui/Components/tag-link`
: simplified `EditTemplate/tags`
; demo
: http://tbdemo.tiddlyspot.com/#Consolidate%20Tag%20Macro
; discussion
: [[conditional table rows|https://groups.google.com/forum/?fromgroups=#!folder/TiddlyWiki/tiddlywiki/hR4LntIK_DY]]
Implements <<git5 issues/1216#issuecomment-70498170>>
; $:/core/modules/utils/utils.js
: introduces ''$tw.utils.intersect'' to retrieve an intersection of a variable number of arrays
; $:/core/modules/filters/tagging.js
: updated filter implementing the suffix ''tagging:all''
; demo
: http://tbdemo.tiddlyspot.com/#tagging%3Aall
Extends search and search filter, implementing <<git5 issues/1195>>.
Allows...
; `[search:foo:bar:title[baz]]`
: search custom fields foo & bar and title field
; `[search:$custom[foo]]`
: search all custom fields
; `[search:$standard[foo]]`
: search all standard fields
; `[search:$text[foo]]`
: search all standard text fields — the above minus modified / creator
; `[search:$all[foo]]`
: search all fields
; demo
: http://tbdemo.tiddlyspot.com/#search%3A%24custom
; relates to
: <<git5 issues/1387>>
; demo
: http://goto.bplaced.net/tw5/5.1.7.html
to have one place to configure / override
; implements
: <<git5 issues/1373>>
: useful in js macros that do their own parsing, if any
; demo
: http://tbdemo.tiddlyspot.com/#paramString
a filter returning a toc as a flat list (based on tagging)<br>
will allow paging with offset via `[limit:<offset>[<limit>]]`
; published
: http://tb5.tiddlyspot.com/#filter%3A%20toc
allows to shift the considered tiddlers by a given number, e.g. for paging
This modification to [[$:/core/modules/widgets/navigator.js]] allows to define the behaviour of TiddlyWiki when the last tiddler in the story is closed by setting the text of [[$:/config/Story/OnEmpty]] to either of:
; keep
: will keep the last tiddler open
; default
: will open the default tiddler(s)
; open:foo
; show:foo
; keep:foo
: either will open the tiddler ''foo''
demo: http://tbdemo.tiddlyspot.com/#OnEmpty
!! Discussion
https://groups.google.com/d/msg/tiddlywiki/-qevGMkbWBQ/lgUu0j_wlnkJ
previously did not correctly handle / match the source but only output the list as is
; implements
: <<git5 issues/1369>>
; demo
: http://tbdemo.tiddlyspot.com/#each%3Alist
When the suffix is list, the each filter interprets the field as a list of individual tiddler titles equivalent to the core list field and returns all titles referenced in the list field of the source list, existing or not.
; replaces
: [[1407-open-default-on-empty]]
added ''~ControlPanel'' settings => reordered ''~ControlPanel / Basics'' a bit to have ''~DefaultTiddlers'' next to ''~EmptyMessage'' but not shifting important stuff too far down.
<<<
There is the emptyMessage attribute of the list widget that could be used to display custom content in case the story river is empty. The content wouldn't be displayed as a tiddler (there'd be no toolbar buttons etc.). So, one possibility is to update the list widget for the main story river to read an empty message from $:/config/EmptyStoryMessage. We should also expose it in control panel.
<<<
!! Discussion
https://groups.google.com/d/msg/tiddlywiki/-qevGMkbWBQ/lgUu0j_wlnkJ
`<$list filter="[<dataTiddler>index<dataIndex>]"/>`
; demo
: http://tbdemo.tiddlyspot.com/#Index%20Filter
; was
: <<git5 issues/1375>>
Currently ''tm-delete-tiddler'' throws a red error box:
```
<$button>
<$action-sendmessage $message="tm-delete-tiddler" $param="DoesntExist"/>
delete non-existing
</$button>
```
`Uncaught TypeError: Cannot read property 'fields' of undefined`
To include a third party javascript library in the header section...
```
<script src="js/jquery-1.9.1.js" type="text/javascript"/>
```
...put the markup into a tiddler and tag it [[$:/tags/RawMarkup]].
https://groups.google.com/d/msg/tiddlywiki/h_t-7U1Y3lM/KVN4gK1L0ygJ
<<<
The `[img[url]]` syntax creates an instance of the `<$image>` widget. That means that you can use it with URLs or with images that have been imported as tiddlers. The HTML `<img>` syntax only works with URLs.
If you're just manually creating links to images then probably the main reason to use the _canonical_uri approach is so that you can refer to an image via a convenient tiddler title instead of the long URL. Users can also open external image tiddlers directly in the story view, without needing to open a tiddler and type some codes.
The purpose of the _canonical_uri field is to enable us to build TiddlyWikis that refer to image tiddlers via a URL instead of embedding it as a base 64 URI - it was actually implemented in response to your experiments with 80MB TiddlyWiki's containing lots of images.
With external images, we can have a single representation of an image tiddler on the server, but have the freedom to elect to serve it to the browser either as an external image or embedded into the file.
<<<
; enhance `$edit-text` for
: [[$:/core/ui/EditTemplate/fields]]
; idea
: <<git5 pull/1063#issuecomment-69107417>>
https://groups.google.com/d/msg/tiddlywiki/GbSWSTLtssA/gzqeRHweQMoJ
; feedback
: reader => writer
: student => teacher
; discussion
: https://groups.google.com/d/msg/tiddlywiki/OPHbcxm_75g/u5TK-355vTsJ
Say, one develops a number of plugins intended to support a tw5 based application.
What would you recommend for...
# The bundling process...
#* Split components into an app-core and perhaps optional plugins?
#* I guess the reliable way is to always build against the stable release
# Providing upgrade paths...
#* Can't stop users from upgrading TiddlyWiki independently, right?
#* Would app-packages be dragged to the app, replacing an existing package?
#* What is required for an "upgrader"?
#* Can there be master packages, i.e. plugin-plugins
#** ...thus allowing distros, e.g. basic, full, ...?
; discussion
: https://groups.google.com/d/msg/tiddlywiki/6Q6TrAOBnFI/_Iu5HeSn5BEJ
''Neil Griffin''
<<<
I think the question of who is the target user is an important one.
Most of the discussions I have seen on the forum and in the hangouts seem to be aiming for promoting TW to an audience with relatively low technical capability.
I think this is a mistake both in terms of maximising the audience and maximising the impact of Tiddlywiki.
I would suggest that the aim of marketing TW should be to maximise something like the following product:
```
size of audience trying TW (A) *
probability of user sticking with TW (B) *
benefit received or impact achieved by user (C)
```
Targetting a low-tech audience makes A very large, but B and C are likely to be very low.
I think a better result would be achieved by targetting a smaller, but still substantial technically capable audience, for whom B and C are much larger.
In an ideal world, you would target everyone, but with finite resources, it is better to go for the low hanging fruit.
If I were to try to promote it to people I know, I would start with my colleagues and not my Mum.
<<<
<<<
I don't know if it might be helpful, but in TWC with Internet Explorer in Windows I figured out how to automatically set it using [[ActiveXObject("WScript.Network");|http://bit.ly/1y3I4D6]]
— [[Andrew|https://groups.google.com/d/msg/tiddlywiki/mip6gql_VVU/rVsCjOaM_AcJ]]
<<<
```
var ax = new ActiveXObject("WScript.Network");
merge(config.options,{
txtUserName: ax.UserName});
var sys = new ActiveXObject("ADSysteminfo");
var username = sys.UserName;
var CN = username.split(" ");
config.options.txtSurName = CN[1];
config.options.txtSurID = CN[3].substring(0,7);
```
; idea
: create demo app
; mention
: http://tiddlywiki.com/#%22Creating%20a%20baby%20journal%20with%20TiddlyWiki%205%22%20from%20A%20Penguin%20in%20Redmond
https://groups.google.com/d/msg/tiddlywiki/I1ysdDLTSTw/cZFLONdoMpwJ
[[Yes you can...|http://css-tricks.com/a-couple-of-use-cases-for-calc/]]
```
.thing {
width: 90%; /* fallback if needed */
width: calc(100% - 3em);
}
```
; Test Birthe
: http://bc.classic.tiddlyspot.com
; discussion — Nicolas A-M-B
: https://groups.google.com/d/msg/tiddlywiki/-qevGMkbWBQ/gU_vMb7QZmgJ
From [[commit|https://github.com/Jermolene/TiddlyWiki5/pull/1145#issuecomment-64676559]]
no blanks after `,`
```
var next,f;
```
blanks ònly after `;` and `)`
```
for (f=0; f<object.length; f++) {
```
white space between operator and operand and always use braces
```
if(next === false) {
break;
}
```
! From [[@Dev|http://tiddlywiki.com/dev/#TiddlyWiki%20Coding%20Style%20Guidelines]]
TiddlyWiki is a large project with many interested parties. It benefits everyone if the code is as easy to read as possible. A key part of that it must be written and laid out consistently -- the code should read as though it were written by a single author.
! Guidelines
This list of guidelines isn't exhaustive but captures some of the common problems. The ultimate guide is the existing TiddlyWiki code-base. There are still some places where the coding guidelines aren't used consistently within the core; pull requests are welcome to help resolve those issues.
!! Tabs and whitespace
TiddlyWiki uses 4-character tabs for indenting.
One blank line is used to separate blocks of code. Occasional blank lines are permitted within blocks for clarity, but should be avoided unless they solve a specific readability problem.
!! Layout of basic constructs
See the following example for layout of basic JavaScript constructs:
```
/*
Multiline comments are used to introduce a block of code such as a function definition
*/
function demoFunction(param,more) {
// Proper sentence capitalisation for comments
if(condition == "something") {
// No space between "if" and the brackets; always spaces around binary operators
something = somethingElse;
myOtherFunction(one,two); // No whitespace within function parameters
do {
myCondition.explore(); // Always use semicolons
} while(myCondition < worsens);
}
}
```
!! Strings
Double quotes are preferred over single quotes for string literals.
<<git5 pull/1332#issuecomment-69508769>>
; discussion
: https://groups.google.com/forum/#!msg/tiddlywiki/HMg-uphNy_w/24T7zb3NWxcJ
: better: https://groups.google.com/d/msg/tiddlywiki/HMg-uphNy_w/86g6vefBWukJ
: draft: https://groups.google.com/d/msg/tiddlywiki/HMg-uphNy_w/IUas6IoaeqQJ
; Larry's Cookbook
: http://twcookbook.tiddlyspot.com
; Seantaclaus' Recipes
: http://no-sin.com/wiki/Recipies.htm
https://groups.google.com/d/msg/tiddlywiki/GHrWuZAQIN8/dX98wgpCgpwJ
; discussion
: https://groups.google.com/d/msg/tiddlywikidev/PoKze6ZoDfA/ozhWnr7ceG0J
Make fields configurable, i.e. editor, etc...
=> compare to color-picker
; discussion
: https://github.com/Jermolene/TiddlyWiki5/issues/1449#issuecomment-72676700
: read up on color field
http://twguides.org/index.html
; #903 Extend upgrader to be able to install new plugins
: https://github.com/Jermolene/TiddlyWiki5/issues/903
!! Discussion
https://groups.google.com/forum/#!msg/tiddlywiki/xNeS-QxXvMQ/vds5WcALO1UJ
;discussion
While writing a macro for my plugin I used all the techniques described in the thread:
!! Browser
* `alert('foo')`
** perhaps better: `if(!confirm('foo')) return;`
* `<<dumpvariables>>`
* `F12`
* `debugger`<div>
# add in js where you want a breakpoint for the dev tools<div>
```
var foo = 1;
// break here to be able to step into bar()
debugger
bar(foo);
```
</div>
# open dev tools / F12
# open the wiki or reload / F5, trigger the code
# the debugger should stop at your breakpoint
#* from there you can step into your code, inspect variables, see the Javascript console for errors, etc.
</div>
!! Node
* `console.log`
* node error reporting
; John Cleese — Giving Instructions in the Classroom
: https://www.youtube.com/watch?v=pXw7LYWNi5E
: https://groups.google.com/d/msg/tiddlywiki/6Q6TrAOBnFI/vcdvzTV06jsJ
;OMMWriter
:http://vimeo.com/14791691
;~FocusWriter
:http://gottcode.org/focuswriter
; Public Folders
: https://www.dropbox.com/en/help/16
: https://groups.google.com/d/msg/tiddlywiki/l6gGrau3PiQ/Tvsa64fkTZwJ
You grab an item via its handle to the left and drop it onto any of the red bars to insert it there. Clicking on a red bar will create a a new item there.
<div class="tc-drop-list">
<div class="tc-drop-here"> </div>
<$list filter="1 2 3 4 5 6 7 8 9 10">
<div class="tc-drop-item"><$view field=title/></div>
<div class="tc-drop-here"> </div>
</$list>
</div>
<style>
.tc-drop-list:hover > .tc-drop-here{
display:block;
}
.tc-drop-here:hover{
background:#fff6f6;
}
.tc-drop-item{
padding:5px 5px 5px 20px;
}
.tc-drop-item:hover{
background:#f6fff6;
}
.tc-drop-item:hover:before{
content:" ";
background:#f6f6f6;
display:block;
float:left;
width:15px;
padding:5px 0;
margin:-5px 0 0 -20px;
}
.tc-drop-here{
display:none;
height:10px;
margin:-10px 0 0 0;
}
</style>
An edition [[is there to|https://github.com/Jermolene/TiddlyWiki5/issues/831#issue-42623112]] distribute, promote and explain, plugins, themes and languages
```
[is[shadow]][all[tiddlers]!is[shadow]!prefix[$:/boot]!prefix[$:/lib]!prefix[$:/core]!prefix[$:/temp]!prefix[$:/state]!prefix[$:/theme]!prefix[$:/Story]!prefix[$:/isEncrypted]!prefix[$:/UploadName]!prefix[$:/HistoryList]]
```
; TiddlyWeb
: ''cdent'': https://groups.google.com/d/msg/tiddlywiki/tCnPEDRPXFE/9893_8lPgfAJ
:: https://pypi.python.org/pypi/tiddlywebplugins.remotebag
: ''me'': https://groups.google.com/d/msg/tiddlywiki/tCnPEDRPXFE/1oinxOBJSAgJ
; Mat
: https://groups.google.com/d/msg/tiddlywiki/4LulPsfEr-8/ahUWQf6kH1IJ
; Ward Cunningham
: Federated Wiki: http://www.infoq.com/presentations/federated-wiki-cunningham
: Youtube: https://www.youtube.com/results?search_query=federated+wiki
His / the projects github and an actual wiki (interesting interface!)
```
filter = "[....]";
$tw.wiki.compileFilter(filter);
filter.call($tw.wiki);
```
You dont need a source. a source is just important when you want to decide on which tiddlers to run the filter on, see: https://groups.google.com/forum/#!topic/tiddlywikidev/U6LFRxrJfeU
<<<
avoid all[...] if you want source to decide how to iterate
<<<
;compileFilter
:https://github.com/Jermolene/TiddlyWiki5/blob/7ed1a2ebc7f2e1566a43499c38d3f4995713de5a/core/modules/filters.js#L168
;console
:`$tw.wiki.deleteTiddler("$:/themes/tiddlywiki/vanilla/metrics/bodyfontsize")`
Provide something much more generic!
* use global js object to store rendered footnotes!
** `$tw.footnotes[<NameSpaceID>]`
*** generic `NameSpaceID` is `0`
* declare footnote once — where first used — assign to footnotes namespace
* use macro to reset __temporary__ footnotes namespace object
** allows to reuse same footnotes object when rendering tiddlers
** footnotes object only exists during rendering a tiddler
* use same macro to output footnotes list
** only at the bottom of a tiddler after all footnotes where processed!
* create backlink to inline element having `rel="<NameSpaceID><FootNoteID>"` from bottom to top
** could be multiple instances / a popup!
Possibly open issues...
<<taggly>>
;[[Simon Baird suggests to read...|https://github.com/Jermolene/TiddlyWiki5/pull/1016#issuecomment-60742019]]
: [[fork a repo|https://help.github.com/articles/fork-a-repo]]
: [[syncing a fork|https://help.github.com/articles/syncing-a-fork]]
;Dev Wiki
: [[developing plugins using Node.js and GitHub|http://tiddlywiki.com/dev/#Developing%20plugins%20using%20Node.js%20and%20GitHub]]
;Setup
:see bottom section (thanks, [[PMario|https://groups.google.com/d/msg/tiddlywiki/jj8gAZZGWOU/E39VUB202sMJ]])
!!Working With Git
checking status and making sure things are clean
`git status`
get updates from upstream master
`git fetch upstream`
also uses tags? => fetch
`git fetch upstream --tags`
check out master and merge updates
`git checkout master`<br>
`git merge upstream/master`
working on features => create branch
`git checkout -b new-feature-branch`
some work done, some commits happen, some time passes...
getting stuff from master up to date...
`git fetch upstream`<br>
`git rebase upstream/master`
getting it up in my repo
`git add .`
`git commit -m "here a concise commit message" `
`git push origin new-feature-branch`
needs more polishing, changes happen on upstream?<br>
rebase local branch on top of the updates from upstream...<br>
`git fetch upstream`<br>
`git rebase upstream/master`
force push onto your remote branch....
`git push -f origin new-feature-branch`
want to make a pull request? => go to [[GitHub|https://github.com/Jermolene/TiddlyWiki5]] and do it
!!Setup
http://blogs.atlassian.com/2013/07/git-upstreams-forks
Have a remote?
`git remote -v`
Only origin?
`origin https://github.com/tobibeer/TiddlyWiki5.git (push)`
Add remote via...
`git remote add upstream https://github.com/Jermolene/TiddlyWiki5.git`
or
`git remote add jermolene https://github.com/Jermolene/TiddlyWiki5.git`
!! Pull Requests
> It's OK to send a pull request on your master, but it means that you'll need to create a fork for any further unrelated modifications you might make. @@float:right;[[Jeremy Ruston|https://github.com/Jermolene/TiddlyWiki5/pull/1396#issuecomment-71644734]]@@
<<<
Certain applications, e.g. GTD, would benefit a lot from an ability to dynamically set a global filter that constrains all lists to only those matching that filter, e.g. only ''status:#next'', only ''realm:-work'' or both.
Imagine a "focus" tab in the sidebar, or a corresponding button popup in the toolbar with predefined filter options which when clicked constrain all (filtered) lists to just that.
Feasible?
This would also be a way to provide more flexibility to as well hide things by default in the sense of <<git5 issues/1210>>, e.g. "Admin" pages that are only visible when one clicks a checkbox to remove ''[tag[Admin]]'' from that global "focus filter" and thus have these things listed and searchable.
<<<
[[Metabele|https://groups.google.com/d/msg/tiddlywiki/krl1pEz8L9o/C19iAM68G7oJ]]
# Go to the Google Analytics website: http://www.google.com/analytics/
# Click the 'Access Google Analytics' button and follow instructions to set up your account
# Enter the name of your tiddlyspot Domain i.e "mysite.tiddlyspot.com"
# You will be given your own Tracking ID for this domain
# Now go to tiddlywiki.com -- open the More/System tab and copy these three tiddlers across to a local copy of your site
#* [[$:/GoogleAnalyticsDomain]]
#* [[$:/GoogleAnalyticsAccount]]
#* [[$:/plugins/tiddlywiki/googleanalytics]]
# Edit the first two of these tiddlers to reflect your Domain and Tracking ID
# Upload the new version to tiddlyspot
# Return to your Google Analytics page to see if your site is being tracked
; bracketed title
: https://groups.google.com/d/msg/tiddlywiki/MPEHuh2g4gE/MnX0MW8DN24J
; ace
: https://groups.google.com/d/msg/tiddlywikidev/9TRHJv1eBHk/AZT-pg52K1EJ
;discussion
:https://groups.google.com/d/msg/tiddlywiki/utsLmgHZAhM/jS6WN-7h9S8J
; Boilerplate
: https://github.com/h5bp
; SVG Overlay
: https://groups.google.com/d/msg/tiddlywiki/MsLl6vnhzwE/0stLZ6qMxcwJ
Danlielo's Test: http://bit.ly/1yZEDyB
; fork
: https://github.com/bartaz/impress.js
: rewrite as propper tw plugin
https://groups.google.com/d/msg/tiddlywiki/CTWSvrjPGkM/5Sil_6uHJWkJ
<<<
''Danielo Rodríguez''
I want to build an HTML version of a tiddlywiki that I'm running under node, but I want to remove all the plugins that are not essential for the HTML single edition like the file system sync. How should I construct the rendertiddler command?
<<<
''Jeremy Ruston''
If you want to use the same wiki both to produce standalone HTML files and in the client-server configuration then you'll need to adopt the approach you see in the TW5 repo for the editions tw5.com and tw5.com-server.
In other words, store your content in a wiki folder whose tiddlywiki.info file just includes the plugins/themes you want when building a standalone wiki. Then create a new wiki folder for the client-server configuration. It's tiddlywiki.info file would include the plugins/themes you need for the client-server configuration, and use the "includeWikis" feature to include the content from the other standalone wiki.
; implements list iterator variables
: <<git5 issues/1330>>
* standalone "iterate" widget
* feature-set it begs for
* required refresh logic
* format to publish
As [[Jeremy points out|https://github.com/Jermolene/TiddlyWiki5/issues/886#issuecomment-56657902]], you should be able to include JSON within a triple quoted attribute:
```
<$text text="""{
"myJson":["one","two","three"]
}"""/>
```
!! Problems
; from
: http://stackoverflow.com/questions/3076414/ways-to-circumvent-the-same-origin-policy#comment9917457_3076449
!! JSONP Has Two Problems
# You are adding a script tag to the target domain
#* They can send anything back, even regular javascript (XSS attack).
#* So you really have to trust them not to do bad stuff or become hacked
# Any other webpage can add the same script-tag, and steal the data
#* so never ever use JSONP for private data
The problem is that proper authentication is impossible with JSONP.
* A user logs in on site A and then goes to site B, which loads data from A using a JSONP script tag.
** As is well and good.
* Then the user is tricked into visiting evil site C, which also uses a JSONP script tag to load data from A.
* So because the user is authenticated with A, the owner of C can now steal the users data from A.
* And that's even if the user used two factor authentication to authenticated with A.
* The problem is that JSONP is highly insecure.
* JSONP is not presentation, it's insecure data transfer.
* http://tw5topleft.tiddlyspot.com
* http://leftbar.tiddlyspot.com
* http://bc.classic.tiddlyspot.com
http://www.2ality.com/2011/06/javascript-equality.html
;<<git5 issues/1176>> !!!
:storing the output of a filter in a field
Turn [[DateFilter|http://datefilter.tiddlyspot.com/]] into [[LetFilter|http://letfilter.tiddlyspot.com]] ...to compare tiddlers and could also do basic math, etc.
!! extend with
* boolean
* integer
* real
!! accuracy
calculation accuracy for ''num'' as setting
!! calculations
* `let[100+=5*]`
* `let[100-=5*]`
* `let[10*=3]`
* `let[10*=2]`
* `let[100/=10]`
* `let[100/=10]`
* `let:*10:price:func=sum[]`
* `let:+1000:price:func=avg[]`
!! storing results
* `let:set=foo/bar[]`
!! max + 1
;set taskid
:https://groups.google.com/d/msg/tiddlywiki/vz491ej7EcA/5U36k7LstnsJ
;sum fields
:https://groups.google.com/forum/#!topic/tiddlywiki/bjludozbMqY
; PMario
: https://groups.google.com/d/msg/tiddlywiki/-02ownrGbN0/yHPjahazfc0J
; Extend link widget to link to a filtered list
: https://github.com/Jermolene/TiddlyWiki5/issues/192
https://groups.google.com/d/msg/tiddlywiki/xX7Sr3Pq9Jc/9kKK0Avc3D0J
see if I can use the ''$image'' widget to allow for `$(currentTiddler)$!!foo`
https://groups.google.com/d/msg/tiddlywiki/P6uex6k74Vs/JS0fGKlE9rEJ
Both of those lines work for me. There are a couple things to be careful of here.
```
<iframe src="file:///f:/reboot.txt" frameborder=0 width="100%" height="700"></iframe>`
```
```
<object width="100%" height="900" type="application/pdf" data="file:\\E:\binder.pdf #toolbar=0&navpanes=0&statusbar=0">
</object>
```
The following causes a small window to pop up which tells me that "You have chosen to open: daily.xls which is: Microsoft Office Excel 97-2003 from c:/backup." and asks if I want to open it with Microsoft Office Excel.
```
<a href="file:///c:/backup/daily.xls">View xls</a>
```
; sidebar search
: http://mockup-sidebar-search.tiddlyspot.com
: trying to bring advanced search and search results into a dynamical sidebar tab
; draggable
: http://draggable.tiddlyspot.com
: extending lists for drag-sorting
Import all of...
* [[$:/config/Toolbar/Text]]
* [[$:/themes/mptw/styles]]
* [[$:/core/ui/ViewTemplate/tagginglist]]
* [[$:/core/ui/ViewTemplate/taggingsublist]]
;explore
:with http://taggly5.tiddlyspot.com
;https://github.com/Jermolene/TiddlyWiki5/issues/1102
:reveal widget: allow popups to work with column-count layouts
https://groups.google.com/forum/#!searchin/tiddlywiki/namespace/tiddlywiki/VR5antL2jOQ/urlGby9R3EwJ
http://tiddlystuff.tiddlyspot.com "Newtiddler Widget"
; TiddlyWeb plugins required to run node.js server
: https://groups.google.com/d/msg/tiddlywiki/uycBwgEkDqQ/Gw1XkEAisnIJ
''Mario''
<<<
```
"plugins": [
"tiddlywiki/tiddlyweb",
"tiddlywiki/filesystem"
]
```
Those 2 plugins are needed, that the server can access the OS file system and knows about the TiddlyWeb API. If the plugins are not loaded, the mechanism fails silently. ... which is a problem.
In the future, there are plans to include those functions into the core, which will remove this problem. ... But there is no roadmap yet.
<<<
https://groups.google.com/d/msg/tiddlywiki/Zx9OJa_Wt30/8MmtNAVYXlgJ
; ConnectedText
: No android version
; ResophNotes
: syncing is unstable
; Evernote
: linking is awkward
; SimpleNote
: no linking at all
; TreePad
: linking is unwieldy
: the android app requires too many steps to sync
; Wiki On a Stick
: obsolete
: no android version
; Emacs
: an even steeper learning curve than TiddlyWiki
; NoteTab
: text editor
: wiki-linking works great
: no Android text editor that allows for wiki links
; tw setup
: https://groups.google.com/d/msg/tiddlywiki/2DmWNbPyO3Q/bTO4NUF_IP0J
* https://github.com/nickdesaulniers/What-Open-Source-Means-To-Me
; Scalar
: http://scalar.usc.edu/features/overview
My pull-requests for tw...
<<taggly>>
<$list filter="[tag[Pull]!sort[title]]" template="$:/.tb/template/tagged-timeline">
</$list>
[[flat list...|Pull]]
Put [[$:/TagManager]] out of sidebar tab into [[$:/ControlPanel]].
//The only price you have to pay is your patience.// — ''Stephan Hradeck''
; ~TiddlyWeb
: https://groups.google.com/d/msg/tiddlyweb/UcYrnvGwNUQ/UJRgSn4VjfYJ
; comparison by PMario
: https://groups.google.com/d/msg/tiddlywikidev/OKfSSrA_jRA/vX8qpSkXI0sJ
https://groups.google.com/d/msg/tiddlywiki/UF3KVwPjTbE/MXe-Jsla0gsJ
```
! Ingredients
* 1/2 pound unsalted butter
* 3/4 cup white sugar
* 3/4 cup brown sugar
! Instructions
# Preheat oven to 375°F.
# Bake until lightly browned, about 10 minutes.
```
Have every recipe tagged with Recipes to easily find them.
Here's an index showing all recipes in alphabetical order with a button to create a new one:
```
<$button message="tm-new-tiddler" param="$:/skeletons/recipe">Create New Recipe</$button>
<$list filter='[!is[system]tag[Recipes]]'>
<$link><$view field='title'/></$link><br/>
</$list>
```
Create a template tiddler with the title "$:/skeletons/recipe" as a starting point:
```
! Ingredients
* First Ingredient
! Instructions
# First instruction
```
; via taskgraph
: http://wkpr.de/hosting/tmp/tw5/taskgraph/#Adapter
; #14
: auto-generated views for tagging / references
: https://github.com/felixhayashi/tw-taskgraph/issues/14
https://groups.google.com/d/msg/tiddlywiki/_S327IWnjVA/UWjS20xxHzIJ
<<summaries>>
!!Check
;http://yeoman.io
:yo bower grunt — scaffold package build
:;yo tiddlywiki
::generator https://www.npmjs.com/package/generator-tiddlywiki
:;discussion
::https://github.com/Jermolene/TiddlyWiki5/issues/1149#issuecomment-66616634
;http://symfony.com
:reusable components, framework for php web projects
;Adobe ~PhoneGap
:https://phonegap.com
:;running on cordova
::http://cordova.apache.org
;Intel XDK
:https://software.intel.com/en-us/html5/tools
; Mario Pietsch — Intro
: https://groups.google.com/d/msg/tiddlywikidev/kykii6Y4fTs/IyA1dbiID14J
; discussion
: https://github.com/felixhayashi/TW5-TiddlyMap/issues/22#issuecomment-72741823
: Jeremy's blog
: https://jermolene.wordpress.com/2008/11/14/tabbedsinglepagemode-for-tiddlywiki
; reminder
: https://github.com/Jermolene/TiddlyWiki5/issues/1290#issuecomment-68461347
http://stackoverflow.com/questions/3076414/ways-to-circumvent-the-same-origin-policy
port ~SectionLinkPlugin to tw5
; TiddlyWiki Infrastructure — Mario Pietsch
: https://groups.google.com/d/msg/tiddlywikidev/kykii6Y4fTs/oqdWHYk0VB4J
* https://groups.google.com/forum/#!topic/tiddlywikidev/jRMg6UffJPw
* http://tiddlywiki.com/dev/#RootWidget%20and%20Rendering%20Startup
* http://tiddlywiki.com/dev/#StartupTimeline.png
* http://tiddlywiki.com/dev/#Startup%20Process
* http://tiddlywiki.com/dev/#Startup%20Modules.svg
maybe...
; thirdflow
: http://thediveo.github.io/ThirdFlow/
;fix headers
:https://groups.google.com/forum/#!folder/TiddlyWiki/tiddlywikidev/ZjSp380jByM
https://groups.google.com/d/msg/tiddlywiki/_GlMLv8ebsk/llkS_j0hUxoJ
;somewhat inconclusive instructions
:http://tiddlywiki.com/#TabsMacro
; export swarms
: https://groups.google.com/d/msg/tiddlywiki/m6qGAjukiQs/SFWZMqHoBPMJ
<br>
!! PMario
; terms recap
: https://groups.google.com/d/msg/tiddlywikidev/7avA60bauFc/wmiLG2G_qbAJ
; tiddler
: the fundamental unit of information in TiddlyWiki
; plugin
: a bundle of tiddlers packaged together as a single tiddler
: distribute optional, custom components
; swarm
: //"I have come to think of the mechanism that yields plugins as a more general concept of bundling tiddlers to be reused and repurposed for different usecases, like a bundle or a "swarm of tiddlers"... rushing from one place to another."// — Tobias Beer
;bag (TiddlyWeb)
: a container of uniquely named tiddlers
: can have rules for who can edit, delete or read the tiddlers in the bag
: rules are defined in a policy
: recipe (TiddlyWeb)
: an ordered list of bags and filters that generates a list of tiddlers
; tank ([[Tank]])
: a container for your content
: each individual piece of content is called a tiddler
: each tank has a name, an optional description and a policy which controls who can read or manipulate the tiddlers in the tank
; composition ([[Tank]])
: or "comp", combines two or more tanks to achieve an alternate presentation or tool for managing the content in the tanks
;~CouchDB Discussion
:https://groups.google.com/forum/#!topic/tiddlywikidev/TSwYsd0ZxFw
;<<git5 issues/238>> — fixed in 5.1.5
:JSON deserialiser doesn't import custom fields<blockquote>
The JSON deserialiser only imports the following fields: title, text, created, creator, modified, modifier, type, tags. It should import all fields, including custom ones.
The reason that it doesn't already import all fields is that the TW2 build process requires us to import tiddlers from TiddlySpace, but we don't want to consume all the TiddlySpace-related custom fields that come with each tiddler. So any fix for this issue will have to leave a way for the TW2 import process to continue to ignore custom fields from the JSON data pulled down from TiddlySpace.
<blockquote>
if someone imports tiddlers from a TW with a backend. What happens with the "server." fields?
</blockquote>
If they exported from the backend TW via JSON then only the core fields would be imported, and the server.* fields would be dropped. But the referenced thread is about syncing.
</blockquote>
;add taggly macro
:https://groups.google.com/d/msg/tiddlywiki/Q0gc-0NAVv4/FBSCCKofRLsJ
* [[The Concept of Tags and Tagging — Mat|https://groups.google.com/d/msg/tiddlywiki/iNVgY_NdVTQ/mteMgoqeXDUJ]]
** http://en.wikipedia.org/wiki/Tag_%28metadata%29
** http://en.support.wordpress.com/posts/categories-vs-tags
; discussion
: https://groups.google.com/d/msg/tiddlywikidev/wgGmDi4SSZI/Feeihld2qLoJ
;http://tiddlywiki.com/talkytalky
:a simple read-only theme for presentations and home pages
;discussion
:https://groups.google.com/d/msg/tiddlywiki/uKikznl1BxQ/VEoE2PYD7M0J <blockquote>
TalkyTalky uses the punch theme. You can use the toolbar buttons hovering them. Use the double chevron in the upper right corner to view sidebar. Going to the system tab you will see, two custom view-templates, `$:/_fullscreen-button` and `$:/_talkytalky-styles`. The tiddlers are listed in default tiddlers.
</blockquote>
;~PeerMore
:https://tank.peermore.com/tanks/tobibeer
;GitHub
:https://github.com/cdent/tank/issues
; authentication
: https://groups.google.com/d/msg/tiddlywiki/9StCkkvgDlI/ygBj1vQTdfEJ
Understanding the paradigm and its implications...
https://github.com/Jermolene/TiddlyWiki5/issues/1171#issuecomment-65002806
<<<
If we used a state field on the tiddler containing the toc then that tiddler would be modified each time a new tiddler was selected. If the tiddler containing the toc were a shadow tiddler, that would mean that the shadow value would be cloned, meaning that future upgrades wouldn't come through.
In a similar vein, an edition might want to provide a default for the selected tiddler; if we used a field then the edition would need to ship a copy of the entire tiddler containing the toc.
The question of determining the "tiddler containing the toc" is actually quite tricky. The toc might be invoked from a shared global macro; then perhaps we'd want to identify the tiddler containing that macro, not the one containing the toc.
<<<
To get a JSON representation of a tiddler you should call `wiki.getTiddlerAsJson(title)`.
The reason is that the tiddler object supports fields of types other than strings. The modified and created fields are JavaScript Date() objects, and the list and tags fields are arrays of strings. So, if you convert the tiddler object directly to JSON you'll end up with those data types used for the fields.
;Danielo Rodríguez
:https://groups.google.com/forum/#!topic/tiddlywiki/qWZfMW9jWw4
:http://danielo515.github.io/TW5-CommunityDocumentation
:https://drive.google.com/folderview?id=0B-USg0ow4LCZREVYcjJpYzhOcFU
; TW5 and TiddlySpace / TiddlyWeb
: https://github.com/Jermolene/TiddlyWiki5/issues/1194
; TW5 & TiddlyWeb — instructions by Chris
: https://groups.google.com/d/msg/tiddlyweb/UcYrnvGwNUQ/UJRgSn4VjfYJ
; TiddlyWeb plugins required to run node.js server
: https://groups.google.com/d/msg/tiddlywiki/uycBwgEkDqQ/Gw1XkEAisnIJ
;structure
:https://github.com/Jermolene/TiddlyWiki5/issues/823
https://rawgit.com/erwanm/tw-aggregator/master/tw-aggregator.html
;suggest improvements
:https://groups.google.com/forum/#!searchin/tiddlywiki/aggregator/tiddlywiki/qGk3aH731Pc/bcs8sNmkJbkJ
<a href="https://groups.google.com/forum/#!topic/tiddlywiki/Yv7kdCbWtNo"><img src="https://lh5.googleusercontent.com/-ISmiQHrFj9E/VH1zyGerj3I/AAAAAAAABqk/boH6sysrvo8/s1600/timelog.gif" title="ui design"/></a>
http://tb5.tiddlyspot.com
http://tw5topleft.tiddlyspot.com/
https://groups.google.com/d/msg/tiddlywiki/3wNCle0iBFg/MxEdItwTSlMJ
It is still possible to transclude the original shadow direct from the $:/core plugin:
```
<$transclude tiddler="$:/core" subtiddler="$:/core/ui/ViewTemplate/subtitle"/>
```
* https://github.com/Jermolene/TiddlyWiki5/issues/1200#issuecomment-65844250
* https://github.com/Jermolene/TiddlyWiki5/issues/690#issuecomment-49288969
* https://github.com/Jermolene/TiddlyWiki5/search?utf8=%E2%9C%93&q=triple
* http://tiddlywiki.com/#HTML%20in%20WikiText
* http://tiddlywiki.com/#Widgets%20in%20WikiText
* http://tiddlywiki.com/#Macros%20in%20WikiText
https://github.com/Jermolene/TiddlyWiki5/pull/673#issuecomment-53252902
;a compilation of multiple public tiddlywikis from different authors
:https://rawgit.com/erwanm/tw-aggregator/master/tw-aggregator.html
;discussion
:https://groups.google.com/forum/#!topic/tiddlywiki/qGk3aH731Pc
* http://tiddlywiki.com
* http://inmysocks.tiddlyspot.com/
* http://wkpr.de/hosting/tmp/tw5/taskgraph/
* http://larigot.avarts.ionio.gr/users/iani/wikis/tw5square.html
* http://tiddlystuff.tiddlyspot.com/
* http://tw5magick.tiddlyspot.com/
* http://www.giffmex.org/tw5mall.htm
* http://dl.dropboxusercontent.com/u/118970/wiki/tw5tribalknowledge.html
* https://drive.google.com/open?id=0Bydfk9tNRJHBc3FvclFBMzRreTQ&authuser=0
* http://eucaly-tw5.tiddlyspot.com/
* http://tiddlyclip.tiddlyspot.com/
* http://tw5.scholars.tiddlyspot.com/
* http://wills.tiddlyspot.com/
* http://mathjax-tw5.kantorsite.net/
* http://welford.github.io/
* http://bjtools.tiddlyspot.com/
* http://braintest.tiddlyspot.com/
* http://tb5.tiddlyspot.com
* http://cjhunt.github.io/
* http://tongerner.tiddlyspot.com/
* http://septembertw.tiddlyspot.com/
* http://style.tiddlyspot.com/
;intent
:https://dev.twitter.com/web/tweet-button/web-intent
:don't use standard twitter button!
;idea
:https://github.com/Jermolene/TiddlyWiki5/issues/1282#issuecomment-68154786
;example
:https://docs.c9.io
;plugin variants, esp. with libraries
:https://groups.google.com/d/msg/tiddlywiki/44bjXU6LAMs/BsVZOixnWLwJ
;`[all[tiddlers+shadows]has[module-type]!prefix[$:/core/]sort[title]]`
:all plugin modules
;`[all[shadows]has[module-type]!prefix[$:/core/]sort[title]]`
:all plugin modules in shadows
* [[from Birthe|https://groups.google.com/d/msg/tiddlywiki/utsLmgHZAhM/KzxqKA9t_sUJ]]:
** https://groups.google.com/forum/#!msg/tiddlywiki/2Ph1RGBrbIo/2nSNcUDyzx4J
* https://groups.google.com/forum/#!searchin/tiddlywiki/fontawesome/tiddlywiki/EUyVLjVc85w/9Z2hoPVNl2IJ
http://fontawesome.tiddlyspot.com
https://github.com/Jermolene/TiddlyWiki5/pull/874
https://github.com/emkayonline/tw5visjs
!! Examples
; http://didaxy.net
: using punch theme
: https://groups.google.com/d/msg/tiddlywiki/8GmRBO4AsC8/-IwVtYGgPssJ
; compare
: http://www.wikimatrix.org
; discussion
: https://groups.google.com/d/msg/tiddlywiki/GBil6JtM0Vo/x5soT-nDOvEJ
; TiddlyWeb
: http://cdent.tumblr.com/post/47954625/wsgi-down-your-pipe
;Jed Carty
:https://groups.google.com/d/msg/tiddlywiki/hWG4_PNWxLk/x2NmyA0MQnwJ
;Astrid Elocson
:https://groups.google.com/d/msg/tiddlywiki/5FugIFRgYLs/d6QEmHPjfF4J
:http://www.richshumaker.com/tw5/TiddlyWiki-Hangouts.html#%24%3A%2F.rich%2Fmacros%2Fyoutube-embed.js
;Jeremy Ruston
:https://groups.google.com/d/msg/tiddlywikidev/gwpVVYgQDqo/Ht-PGtEuvTUJ
;tiddlywiki.com
:http://tiddlywiki.com/#Formatting%20text%20in%20TiddlyWiki
All of the macros are in [[Table Macros]], so you should only have to import that tiddler.
!Simple Row/Column Tables
Row table:
```
<<RowTable "row tiddler filter" "field filter">>
```
Column table:
```
<<ColumnTable "column tiddler filter" "field filter">>
```
The two macros `ColumnTable` and `RowTable` each take a filter listing tiddlers as input, with an optional second filter listing fields.
The tiddler filter defines which tiddlers are the columns for the `ColumnTable` macro and the rows for the `RowTable` macro.
If the second filter is left out, the rows of the `ColumnTable` macro are defined by the fields in each tiddler returned by the tiddler filter, the columns for the`RowTable` macro are defined by the fields in the returned tiddlers.
For row tables you can click on a column header and sort the table by that column, for column tables you can click on the row label and sort the columns by that row. Unfortunately sorting column tables by the columns or row tables by the rows is probably going to take some javascript that I don't feel like dealing with right now. It requires sorting the fields of a tiddler by their contents.
Examples: [[Simpler Table Macros]]
!Table Wizard
The macro `<<MakeTableWizard>>` will display the table creation tool. It doesn't take any arguments. You set the name of a configuration tiddler that holds the information for a table.
The macro `<<DisplayTable ConfigurationTiddler>>` will display a table made using the creation tool where `ConfiguartionTiddler` is the name of the tiddler given in the creation tool.
Enter a configuration tiddler name, each configuration tiddler will be associated with one table. You can make as many as you want.
Put in subcolumns, or not as you will.
Enter a tag that will be on the tiddler named with your dataset, you can create a new data set using the button. Note that if you try to make one with the same name as an existing tiddler it will overwrite the tag field of that tiddler.
Same for columns, subcolumns and rows. Subcolumns per column should be set to be equal to the number of columns you are using.
Row, column and subcolumn names can be any valid tiddler name.
If you check 'Allow Inline Editing' you can click on a cell in the table to edit the contents of that cell. For the moment this is probably the best way to enter data.
Data is stored it tiddlers using the naming convention:
For tables without subcolumns:
$:/Data/(Row Name)/(Column Name)/(Dataset Name)
The value is stored in the field `column_data`
For tables with subcolumns:
$:/Data/(Row Name)/(Column Name)/(Subcolumn Name)/(Dataset Name)
The value is stored in the field `subcolumn_data`
Yes, this means that you have a tiddler for each cell in the table. To do this any other way I would have had to drop support for subcolumns and use data tiddlers.
!Each column is a tiddler, rows are fields
code: `<<ColumnTable '[tag[Column Data]]'>>`
<<ColumnTable '[tag[Column Data]]'>>
!Each row is a tiddler, columns are fields
code: `<<RowTable '[tag[Column Data]]'>>`
<<RowTable '[tag[Column Data]]'>>
!Or list both columns and rows
When you do this the difference between `ColumnTable` and `RowTable` is if column headers are tiddlers with the rows stored in the fields of the tiddlers or if the row headers are tiddlers with the columns stored in fields. This is important because field names have more restrictions that tiddler titles.
code: `<<ColumnTable '[tag[Column Data]]' 'first second fifth'>>`
<<ColumnTable '[tag[Column Data]]' 'first second fifth'>>
code: `<<RowTable '[tag[Column Data]]' 'third second fifth'>>`
<<RowTable '[tag[Column Data]]' 'third second fifth'>>
Note that for both of them the rows and columns don't have to be existing fields or tiddlers, you can create a table that doesn't use existing tiddlers and when you edit the values for each cell the tiddler is created.
code: `<<ColumnTable """[[This Tiddler]][[Does not Exist]]""" "[[these_ones]][[must_be]][[valid]][[field_names]]">>`
<<ColumnTable """[[This Tiddler]][[Does not Exist]]""" "[[these_ones]][[must_be]][[valid]][[field_names]]">>
\define TableWizardDisplayTableDummyMacro()
<<DisplayTable """$(ConfigTiddler)$""">>
\end
\define TableWizardColumnSelectCheckbox()
<$checkbox tiddler='$:/state/$(ConfigTiddler)$/Display Columns/$(ThisDisplayColumn)$' field='show' checked='$(ThisDisplayColumn)$' unchecked=''>
<$view tiddler="""$(ThisDisplayColumn)$""" field=caption>
$(ThisDisplayColumn)$
</$view>
</$checkbox>
\end
\define TableWizardSubcolumnSelectCheckbox()
<$checkbox tiddler='$:/state/$(ConfigTiddler)$/Display Subcolumns/$(ThisDisplaySubcolumn)$' field='show' checked='$(ThisDisplaySubcolumn)$' unchecked=''>
<$view tiddler="""$(ThisDisplaySubcolumn)$""" field=caption>
$(ThisDisplaySubcolumn)$
</$view>
</$checkbox>
\end
\define TableWizardRowSelectCheckbox()
<$checkbox tiddler='$:/state/$(ConfigTiddler)$/Display Rows/$(ThisDisplayRow)$' field='show' checked='$(ThisDisplayRow)$' unchecked=''>
<$view tiddler="""$(ThisDisplayRow)$""" field=caption>
$(ThisDisplayRow)$
</$view>
</$checkbox>
\end
\define TableWizardMakeColumnSelectCheckbox()
<$list filter='[tag{$(ConfigTiddler)$!!column_tag}]' variable=ThisDisplayColumn>
<<TableWizardColumnSelectCheckbox>>
</$list>
\end
\define TableWizardMakeSubcolumnSelectCheckbox()
<$list filter='[tag{$(ConfigTiddler)$!!subcolumn_tag}]' variable=ThisDisplaySubcolumn>
<<TableWizardSubcolumnSelectCheckbox>>
</$list>
\end
\define TableWizardMakeRowSelectCheckbox()
<$list filter='[tag{$(ConfigTiddler)$!!row_tag}]' variable=ThisDisplayRow>
<<TableWizardRowSelectCheckbox>>
</$list>
\end
\define TableWizardButtonSubcolumn()
<$reveal type='nomatch' state="""$:/state/$(ConfigTiddler)$/$(ThisRow)$/$(ThisColumn)$/$(ThisSubcolumn)$""" text='edit'>
<div style='height:100%;width:100%;'>
<$button class='tc-btn-invisible' style='height:100%;width:100%;'>
<$view tiddler="""$:/Data/$(ThisRow)$/$(ThisColumn)$/$(ThisSubcolumn)$/$(ThisItem)$""" field=subcolumn_data>
<<MissingMessage>>
</$view>
<$action-setfield $tiddler="""$:/state/$(ConfigTiddler)$/$(ThisRow)$/$(ThisColumn)$/$(ThisSubcolumn)$""" $value=edit/>
</$button>
</div>
</$reveal>
<$reveal type='match' state="""$:/state/$(ConfigTiddler)$/$(ThisRow)$/$(ThisColumn)$/$(ThisSubcolumn)$""" text='edit'>
<$button>
{{$:/core/images/done-button}}
<$action-setfield $tiddler="""$:/state/$(ConfigTiddler)$/$(ThisRow)$/$(ThisColumn)$/$(ThisSubcolumn)$""" $value=''/>
</$button>
<$edit-text tiddler="""$:/Data/$(ThisRow)$/$(ThisColumn)$/$(ThisSubcolumn)$/$(ThisItem)$""" field=subcolumn_data size=1/>
</$reveal>
\end
\define TableWizardSubcolumnDisplayEntry()
<td>
<$reveal type='nomatch' state="""$(ConfigTiddler)$!!allow_edit""" text='yes'>
<$view tiddler="""$:/Data/$(ThisRow)$/$(ThisColumn)$/$(ThisSubcolumn)$/$(ThisItem)$""" field=subcolumn_data>
<<MissingMessage>>
</$view>
</$reveal>
<$reveal type='match' state="""$(ConfigTiddler)$!!allow_edit""" text='yes'>
<<TableWizardButtonSubcolumn>>
</$reveal>
</td>
\end
\define TableWizardButtonColumn()
<$reveal type='nomatch' state="""$:/state/$(ConfigTiddler)$/$(ThisRow)$/$(ThisColumn)$!!$(ThisColumn)$""" text='edit'>
<div style='height:100%;width:100%;'>
<$button class='tc-btn-invisible' style='height:100%;width:100%;'>
<$view tiddler="""$:/Data/$(ThisRow)$/$(ThisColumn)$/$(ThisItem)$""" field='column_data'>
<<MissingMessage>>
</$view>
<$action-setfield $tiddler="""$:/state/$(ConfigTiddler)$/$(ThisRow)$/$(ThisColumn)$""" $field=$(ThisColumn)$ $value=edit/>
</$button>
</div>
</$reveal>
<$reveal type='match' state="""$:/state/$(ConfigTiddler)$/$(ThisRow)$/$(ThisColumn)$!!$(ThisColumn)$""" text='edit'>
<$button>
{{$:/core/images/done-button}}
<$action-setfield $tiddler="""$:/state/$(ConfigTiddler)$/$(ThisRow)$/$(ThisColumn)$""" $field=$(ThisColumn)$ $value=''/>
</$button>
<$edit-text tiddler="""$:/Data/$(ThisRow)$/$(ThisColumn)$/$(ThisItem)$""" field=column_data size=1/>
</$reveal>
\end
\define TableWizardColumnDisplayEntry()
<td>
<$reveal type='nomatch' state="""$(ConfigTiddler)$!!allow_edit""" text='yes'>
<$view tiddler="""$:/Data/$(ThisRow)$/$(ThisColumn)$/$(ThisItem)$""" field='column_data'>
<<MissingMessage>>
</$view>
</$reveal>
<$reveal type='match' state="""$(ConfigTiddler)$!!allow_edit""" text='yes'>
<<TableWizardButtonColumn>>
</$reveal>
</td>
\end
\define TableWizardDisplayTableWithSubcolumns(DataTag ColumnTag SubcolumnTag RowTag SubcolumnPerColumn EmptyMessage)
@@text-align:center;
<$set name='ColumnList' filter='[prefix[$:/state/$(ConfigTiddler)$/Display Columns]has[show]get[show]tag[$ColumnTag$]sort[title]]-[[text]]-[[title]]-[[modified]]-[[created]]'>
<$set name='SubcolumnList' filter='[prefix[$:/state/$(ConfigTiddler)$/Display Subcolumns]has[show]get[show]tag[$SubcolumnTag$]sort[title]]-[[text]]-[[title]]-[[modified]]-[[created]]'>
<$set name='RowList' filter='[prefix[$:/state/$(ConfigTiddler)$/Display Rows]has[show]get[show]tag[$RowTag$]sort[title]]-[[text]]-[[title]]-[[modified]]-[[created]]'>
<$set name=MissingMessage value='$EmptyMessage$'>
<$set name=ThisItem value={{$(ConfigTiddler)$!!selected_data}}>
<table style='width:100%;border-color:black;'>
<tr>
<td style='background-color:lightgrey;border-color:black;'>
</td>
<$list filter=<<ColumnList>>>
<td colspan="$SubcolumnPerColumn$" style='background-color:lightgrey;border-color:black;'>
<$link to=<<currentTiddler>>>
<$view field='caption'>
<<currentTiddler>>
</$view>
</$link>
</td>
</$list>
</tr>
<tr style='width:100%;bordor-color:black;'>
<td style='border-left-color:black;'>
</td>
<$list filter=<<ColumnList>>>
<$list filter=<<SubcolumnList>> variable=ThisSubcolumn>
<td>
<$link to=<<ThisSubcolumn>>>
<$view tiddler=<<ThisSubcolumn>> field=caption>
<<ThisSubcolumn>>
</$view>
</$link>
</td>
</$list>
</$list>
</tr>
<$list filter=<<RowList>> variable=ThisRow>
<tr>
<td style='border-left:0px;'>
<$link to=<<ThisRow>>>
<$view tiddler=<<ThisRow>> field=caption>
<<ThisRow>>
</$view>
</$link>
</td>
<$list filter=<<ColumnList>> variable=ThisColumn>
<$list filter=<<SubcolumnList>> variable=ThisSubcolumn>
<<TableWizardSubcolumnDisplayEntry>>
</$list>
</$list>
</tr>
</$list>
</table>
</$set>
</$set>
</$set>
</$set>
</$set>
@@
\end
\define TableWizardDisplayTableMacro(DataTag ColumnTag RowTag EmptyMessage)
@@text-align:center;
<$set name='ColumnList' filter='[prefix[$:/state/$(ConfigTiddler)$/Display Columns]has[show]get[show]tag[$ColumnTag$]sort[title]]-[[text]]-[[title]]-[[modified]]-[[created]]'>
<$set name='RowList' filter='[prefix[$:/state/$(ConfigTiddler)$/Display Rows]has[show]get[show]tag[$RowTag$]sort[title]]-[[text]]-[[title]]-[[modified]]-[[created]]'>
<$set name=ThisItem value={{$(ConfigTiddler)$!!selected_data}}>
<$set name=MissingMessage value='$EmptyMessage$'>
<table style='width:100%;border-color:black;'>
<tr>
<td style='background-color:lightgrey;border-color:black;'>
</td>
<$list filter=<<ColumnList>>>
<td style='background-color:lightgrey;border-color:black;'>
<$link to=<<currentTiddler>>>
<$view field='caption'>
<<currentTiddler>>
</$view>
</$link>
</td>
</$list>
</tr>
<$list filter=<<RowList>> variable=ThisRow>
<tr>
<td style='border-left:0px;'>
<$link to=<<ThisRow>>>
<$view tiddler=<<ThisRow>> field=caption>
<<ThisRow>>
</$view>
</$link>
</td>
<$list filter=<<ColumnList>> variable=ThisColumn>
<<TableWizardColumnDisplayEntry>>
</$list>
</tr>
</$list>
</table>
</$set>
</$set>
</$set>
</$set>
@@
\end
\define MakeTableWizard()
Enter the name of the configuration tiddler to create:
<$edit-text tiddler='$:/temp/MakeTableWizard' field='config_tiddler_name' class='tc-edit-texteditor' placeholder='Configuration Tiddler Name'/>
<$reveal type='match' state='$:/temp/MakeTableWizard!!config_tiddler_name' text=''>
You have to enter a configuration tiddler name first.
</$reveal>
<$reveal type='nomatch' state='$:/temp/MakeTableWizard!!config_tiddler_name' text=''>
<$set name=ConfigTiddler value={{$:/temp/MakeTableWizard!!config_tiddler_name}}>
<$checkbox tiddler=<<ConfigTiddler>> field='include_subcolumns' checked='yes' unchecked='no'>Include Subcolumns</$checkbox><br>
<$tiddler tiddler=<<ConfigTiddler>>>
Data tag:
<$edit-text field='dataset_tag' class='tc-edit-texteditor'/>
Select Dataset Name <$reveal type='nomatch' state='!!show_new_dataset' text='true'>(<$button>Create New Datasets<$action-setfield show_new_dataset=true/></$button>):<br><br></$reveal>
<$reveal type='match' state='!!show_new_dataset' text='true'>(<$button>Done Creating Datasets<$action-setfield show_new_dataset=false/></$button>):<br><br>
<$edit-text tiddler='$:/temp/MakeTableWizard' field='new_dataset_name' class='tc-edit-texteditor' placeholder='New Dataset Name'/>
<$button>Create Dataset<$action-setfield $tiddler={{$:/temp/MakeTableWizard!!new_dataset_name}} tags={{!!dataset_tag}}/><$action-setfield $tiddler='$:/temp/MakeTableWizard' new_dataset_name=''/></$button><br><br>
</$reveal>
<$select field='selected_data'><$list filter='[tag{!!dataset_tag}]'><option><<currentTiddler>></option></$list></$select>
<br>
<$set name=SelectedData value={{!!selected_data}}>
Column tag:
<$edit-text field='column_tag' class='tc-edit-texteditor'/><br><br>
Select Columns to display <$reveal type='nomatch' state='!!show_new_column' text='true'>(<$button>Create New Columns<$action-setfield show_new_column=true/></$button>):<br><br></$reveal>
<$reveal type='match' state='!!show_new_column' text='true'>(<$button>Done Creating Columns<$action-setfield show_new_column=false/></$button>):<br><br>
<$edit-text tiddler='$:/temp/MakeTableWizard' field='new_column_name' class='tc-edit-texteditor' placeholder='New Column Name'/>
<$button>Create Column<$action-setfield $tiddler={{$:/temp/MakeTableWizard!!new_column_name}} tags={{!!column_tag}}/><$action-setfield $tiddler='$:/temp/MakeTableWizard' new_column_name=''/></$button><br><br>
</$reveal>
<<TableWizardMakeColumnSelectCheckbox>><br><br>
<$reveal type='match' state='!!include_subcolumns' text='yes'>
Subcolumn tag:
<$edit-text field='subcolumn_tag' class='tc-edit-texteditor'/>
Subcolumns per column:
<$edit-text field='subcolumn_per_column' class='tc-edit-texteditor'/>
Select subcolumns to display <$reveal type='nomatch' state='!!show_new_subcolumn' text='true'>(<$button>Create New Subcolmun<$action-setfield show_new_subcolumn=true/></$button>):<br><br></$reveal>
<$reveal type='match' state='!!show_new_subcolumn' text='true'>(<$button>Done Creating Subcolumns<$action-setfield show_new_subcolumn=false/></$button>):<br><br>
<$edit-text tiddler='$:/temp/MakeTableWizard' field='new_subcolumn_name' class='tc-edit-texteditor' placeholder='New Subcolumn Name'/>
<$button>Create Subcolumn<$action-setfield $tiddler={{$:/temp/MakeTableWizard!!new_subcolumn_name}} tags={{!!subcolumn_tag}}/><$action-setfield $tiddler='$:/temp/MakeTableWizard' new_subcolumn_name=''/></$button><br><br>
</$reveal>
<<TableWizardMakeSubcolumnSelectCheckbox>><br>
</$reveal>
Row tag:
<$edit-text field='row_tag' class='tc-edit-texteditor'/><br><br>
Select rows to display <$reveal type='nomatch' state='!!show_new_row' text='true'>(<$button>Create New Rows<$action-setfield show_new_row=true/></$button>):<br><br></$reveal>
<$reveal type='match' state='!!show_new_row' text='true'>(<$button>Done Creating Rows<$action-setfield show_new_row=false/></$button>):<br><br>
<$edit-text tiddler='$:/temp/MakeTableWizard' field='new_row_name' class='tc-edit-texteditor' placeholder='New Row Name'/>
<$button>Create Row<$action-setfield $tiddler={{$:/temp/MakeTableWizard!!new_row_name}} tags={{!!row_tag}}/><$action-setfield $tiddler='$:/temp/MakeTableWizard' new_row_name=''/></$button><br><br>
</$reveal>
<<TableWizardMakeRowSelectCheckbox>><br><br>
Empty cell message:
<$edit-text field='empty_message' class='tc-edit-texteditor'/>
<$checkbox field='allow_edit' checked='yes' unchecked='no'>Allow Inline Editing</$checkbox><br>
<$reveal type='match' state='!!show_table' text='yes'>
</$reveal>
</$set>
</$tiddler>
<$button>Refresh Table
<$action-setfield dummy=1/>
</$button>
<<TableWizardDisplayTableDummyMacro>>
</$set>
</$reveal>
\end
\define TableWizardDisplayTableInside()
<$reveal type='nomatch' state="""$(ConfigTiddler)$!!include_subcolumns""" text='yes'>
<$macrocall $name=TableWizardDisplayTableMacro DataTag={{$(ConfigTiddler)$!!dataset_tag}} ColumnTag={{$(ConfigTiddler)$!!column_tag}} RowTag={{$(ConfigTiddler)$!!row_tag}} EmptyMessage={{$(ConfigTiddler)$!!empty_message}}/>
</$reveal>
<$reveal type='match' state="""$(ConfigTiddler)$!!include_subcolumns""" text='yes'>
<$macrocall $name=TableWizardDisplayTableWithSubcolumns DataTag={{$(ConfigTiddler)$!!dataset_tag}} ColumnTag={{$(ConfigTiddler)$!!column_tag}} RowTag={{$(ConfigTiddler)$!!row_tag}} EmptyMessage={{$(ConfigTiddler)$!!empty_message}} SubcolumnTag={{$(ConfigTiddler)$!!subcolumn_tag}} SubcolumnPerColumn={{$(ConfigTiddler)$!!subcolumn_per_column}}/>
</$reveal>
\end
\define DisplayTable(ConfigTiddler)
<$set name=ConfigTiddler value="""$ConfigTiddler$""">
<<TableWizardDisplayTableInside>>
</$set>
\end
\define TableMacrosColumnInnerInnerRows()
<tr>
<th>
</th>
<$list filter='$(ColumnList)$+[sort{$(TableMacrosMakeTableSortStateTiddler)$}]'>
<th>
<<currentTiddler>>
</th>
</$list>
</tr>
<$list filter=<<FieldsList>> variable=ThisField>
<tr>
<th>
<$button class='tc-btn-invisible' set=<<TableMacrosMakeTableSortStateTiddler>> setTo=<<ThisField>>><<ThisField>></$button>
</th>
<$list filter='$(ColumnList)$+[sort{$(TableMacrosMakeTableSortStateTiddler)$}]' variable=ThisTiddler>
<td>
<<TableMacrosInlineEditButton>>
</td>
</$list>
</tr>
</$list>
\end
\define TableMacrosInnerColumnTable()
<$set name=FieldsList1 filter='$(ColumnList)$+[fields[]]-[[text]]-[[title]]-[[modified]]-[[created]]-[[tags]]'>
<$set name=FieldsList filter='[is[system]!is[system]]$(FieldsUsed)$' emptyValue=<<FieldsList1>>>
<$set name=RowOrColumn value=Column>
<$set name=TableSortState value=<<TableMacrosMakeTableSortState>>>
<table>
<<TableMacrosColumnInnerInnerRows>>
</table>
</$set>
</$set>
</$set>
</$set>
\end
\define TableMacrosMakeTableSortState()
{{$:/state/tables/Sort/$(RowOrColumn)$/$(FieldsList)$}}
\end
\define TableMacrosMakeTableSortStateTiddler()
$:/state/tables/Sort/$(RowOrColumn)$/$(FieldsList)$
\end
\define TableMacrosRowTableInnerInnerRows()
<$list filter='$(RowList)$+[sort{$(TableMacrosMakeTableSortStateTiddler)$}]' variable=ThisTiddler>
<tr>
<th>
<<ThisTiddler>>
</th>
<$list filter=<<FieldsList>> variable=ThisField>
<td>
<<TableMacrosInlineEditButton>>
</td>
</$list>
</tr>
</$list>
\end
\define TableMacrosInnerRowTable()
<$set name=FieldsList1 filter='$(RowList)$+[fields[]]-[[text]]-[[title]]-[[modified]]-[[created]]-[[tags]]'>
<$set name=FieldsList filter='[is[system]!is[system]]$(FieldsUsed)$' emptyValue=<<FieldsList1>>>
<$set name=RowOrColumn value=Row>
<$set name=TableSortState value=<<TableMacrosMakeTableSortState>>>
<table>
<tr>
<th>
<$button class='tc-btn-invisible' style='width:100%;height:100%' set=<<TableMacrosMakeTableSortStateTiddler>> setTo=title>Title</$button>
</th>
<$list filter=<<FieldsList>>>
<th>
<$button class='tc-btn-invisible' set=<<TableMacrosMakeTableSortStateTiddler>> setTo=<<currentTiddler>>><<currentTiddler>></$button>
</th>
</$list>
</tr>
<<TableMacrosRowTableInnerInnerRows>>
</table>
</$set>
</$set>
</$set>
</$set>
\end
\define ColumnTable(filter fields)
<$set name='ColumnList' value='$filter$'>
<$set name='FieldsUsed' value='$fields$'>
<<TableMacrosInnerColumnTable>>
</$set>
</$set>
\end
\define RowTable(filter fields)
<$set name='RowList' value='$filter$'>
<$set name='FieldsUsed' value='$fields$'>
<<TableMacrosInnerRowTable>>
</$set>
</$set>
\end
\define TableMacrosInlineEditButton()
<$reveal type='nomatch' state="""$:/temp/edit/$(ThisTiddler)$/$(ThisField)$""" text='edit'>
<$button set="""$:/temp/edit/$(ThisTiddler)$/$(ThisField)$""" setTo=edit class='tc-btn-invisible' style='width:100%;hegiht:100%'>
<$view tiddler=<<ThisTiddler>> field=<<ThisField>>>--</$view>
</$button>
</$reveal>
<$reveal type='match' state="""$:/temp/edit/$(ThisTiddler)$/$(ThisField)$""" text='edit'>
<$button set="""$:/temp/edit/$(ThisTiddler)$/$(ThisField)$""" setTo=noedit>{{$:/core/images/done-button}}</$button>
<$edit-text tiddler=<<ThisTiddler>> field=<<ThisField>> size=1/>
</$reveal>
\end
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
\define lingo-base() $:/language/Search/
<<lingo Filter/Hint>>
{{$:/plugins/danielo/encryptTiddler/language/batch}}
<$linkcatcher to="$:/temp/encrypt/filter">
<div class="tc-search tc-advanced-search">
<$edit-text tiddler="$:/temp/encrypt/filter" type="search" tag="input" default="" placeholder="filter tiddlers"/>
<$button popup=<<qualify "$:/state/filterDropdown">> class="tc-btn-invisible">
{{$:/core/images/down-arrow}}
</$button>
<$reveal state="$:/temp/encrypt/filter" type="nomatch" text="">
<$button class="tc-btn-invisible">
<$action-setfield $tiddler="$:/temp/encrypt/filter" $field="text" $value=""/>
{{$:/core/images/close-button}}
</$button>
<$edit-text tag="input" tiddler="$:/temp/password" placeholder="password" type="password" default="" col="4"/><$encryptTiddler passwordTiddler="$:/temp/password" filter={{$:/temp/encrypt/filter}}>
<$button message="tw-encrypt-tiddler">
Encrypt
</$button>
<$button message="tw-decrypt-tiddler">
Decrypt
</$button>
</$encryptTiddler>
</$reveal>
</div>
<div class="tc-block-dropdown-wrapper">
<$reveal state=<<qualify "$:/state/filterDropdown">> type="nomatch" text="" default="">
<div class="tc-block-dropdown tc-edit-type-dropdown">
<$list filter="[all[shadows+tiddlers]tag[$:/tags/Filter]!sort[]] -[[$:/core/Filters/SystemTags]] -[[$:/core/Filters/AllTags]]"><$link to={{!!filter}}><$transclude field="description"/></$link>
</$list>
</div>
</$reveal>
</div>
</$linkcatcher>
<$reveal state="$:/temp/encrypt/filter" type="nomatch" text="">
<$set name="resultCount" value="""<$count filter={{$:/temp/encrypt/filter}}/>""">
<div class="tc-search-results">
<<lingo Filter/Matches>>
<$list filter={{$:/temp/encrypt/filter}} template="$:/plugins/danielo/encryptTiddler/ui/listItemTemplate"/>
</div>
</$set>
</$reveal>
\define lingo-base() $:/language/Search/
<<lingo Filter/Hint>>
<$linkcatcher to="$:/temp/encrypt/filter">
<div class="tc-search tc-advanced-search">
<$edit-text tiddler="$:/temp/encrypt/filter" type="search" tag="input" default="" placeholder="filter tiddlers"/>
<$button popup=<<qualify "$:/state/filterDropdown">> class="tc-btn-invisible">
{{$:/core/images/down-arrow}}
</$button>
<$reveal state="$:/temp/encrypt/filter" type="nomatch" text="">
<$button class="tc-btn-invisible">
<$action-setfield $tiddler="$:/temp/encrypt/filter" $field="text" $value=""/>
{{$:/core/images/close-button}}
</$button>
<$transclude tiddler="$:/plugins/danielo/encryptTiddler/crypt-batch-button"/>
</$reveal>
</div>
<div class="tc-block-dropdown-wrapper">
<$reveal state=<<qualify "$:/state/filterDropdown">> type="nomatch" text="" default="">
<div class="tc-block-dropdown tc-edit-type-dropdown">
<$list filter="[all[shadows+tiddlers]tag[$:/tags/Filter]]"><$link to={{!!filter}}><$transclude field="description"/></$link>
</$list>
</div>
</$reveal>
</div>
</$linkcatcher>
<$reveal state="$:/temp/encrypt/filter" type="nomatch" text="">
<$set name="resultCount" value="""<$count filter={{$:/temp/encrypt/filter}}/>""">
<div class="tc-search-results">
<<lingo Filter/Matches>>
<$list filter={{$:/temp/encrypt/filter}} template="$:/core/ui/ListItemTemplate"/>
</div>
</$set>
</$reveal>
One of the new features of 2.1 version is the ability to encrypt several tiddlers at once. To do so go to tiddlywiki's control panel and under //Encrypt Tiddlers// tab select the tab "Batch Encryption". Each tiddler will be encrypted individually.
<$button>
<$action-setfield $tiddler="$:/state/tab-1749438307" $field="text" $value="$:/plugins/danielo/encryptTiddler/control-panel"/>
<$action-navigate $to="$:/ControlPanel"/>
Go to Control Panel "Batch Encryption" tab
</$button>
{{$:/plugins/danielo/encryptTiddler/Changelog}}
!! V2.1
* Added control panel.
* Added ability to batch encrypt and decrypt tiddlers.
* Added some documentation an language strings.
{{$:/plugins/danielo/encryptTiddler/Encrypt-Tiddler}}
Just drag and drop the following ling to your tiddlywiki:
[[$:/plugins/danielo/encryptTiddler]]
This is not an encrypted tiddler
!This is an encrypted Tiddler
This filter operator would randomly re-order the current list. It could have an operand which would specify how many (random) tiddlers to retain.
Ideally it would be nice if it was possible to re-initialize a random sequence:
* at least when the wiki is loaded (or reloaded)
* if possible with an an actionable mechanism, e.g. it would be possible to have a button which re-shuffles the list. The use case is: present the user with a button which randomly selects a tiddler among a list.
In the sidebar, click the "..." at the right of the standard search box (you might need to cancel the current search if any).
The following content lists all tiddlers tagged //ticket// with a checkbox before each, and checking/unchecking the box changes the value of the field "status" in the corresponding tiddler.
```
<$list filter="[tag[ticket]]">
<$checkbox field="status" checked="open" unchecked="closed" default="closed"> <$link to={{!!title}}><$view field="title"/></$link></$checkbox>
</$list>
```
Source: http://tiddlywiki.com/#CheckboxWidget
when click on a tag pill (view mode), add an item in the drop down list which opens a sub list with all tag pills which appear with the first tag, and show the then tiddlers which contain both tags.
+ "open all" entry?
more precisely, move specific tiddlers, for instance all open tiddlers or a list of tiddlers. possible with TW in the browser ? Node.js ?
* does not seem possible in ~TiddlyDesktop
* remark: "import" from the config panel imports all tiddlers (no choice) (and even changes the title)
See [[http://tiddlywiki.com/#Creating SubStories]]
A CSS stylesheet is a tiddler tagged ``$:/tags/Stylesheet``. It should be assigned type ``text/css`` (normally). Anything defined in this stylesheet is applied immediately (assuming the definition properly overrides the current theme).
To apply a particular CSS style to the tiddlers tagged with a tag MyTag, define a stylesheet (as above) which defines the class ``.tc-tagged-MyTag``.
//Remark:// in order for the CSS rule ``.tc-tagged-ColourBorders`` to be applied (the border part), it must override the rule ``tc-tiddler-frame`` which contains:
```
border: 1px solid #FFF;
```
And apparently this requires the overriding rule to redefine completely the ``border`` style: width, style and colour (i.e. it does not work if it redefines only the style and width, it seems).
Sources:
* http://tiddlywiki.com/#How%20to%20apply%20custom%20styles%20by%20tag
* http://tiddlywiki.com/#Using%20Stylesheets
Don't forget "leading zero" to make date stamps look always the same:
``<<now "YYYY-0MM-0DD-0hh0mm">>``
<<now "YYYY-0MM-0DD-0hh0mm">>
//could be e.g. ''2014-02-03-0014''//
whereas
``<<now "YYYY-MM-DD-hhmm">>``
<<now "YYYY-MM-DD-hhmm">>
//would be ''2014-2-3-14''.//
Display a "tag pill":
```
{{NameOfTag||$:/core/ui/TagTemplate}}
```
It behaves as a normal tag pill, i.e. when clicked shows a dropdown list of tiddlers labelled with the tag.
Example: {{question||$:/core/ui/TagTemplate}}
... is possible. Don't forget to save your changes (normally your browser will warn you if you try to close the window with unsaved changes).
!! Save a snapshot from a tiddler in a standalone HTML TW
Copy the following code in a tiddler; this will create a convenient button to generate a static HTML snapshot.
```
<$button message="tw-download-file" param="$:/core/templates/static.template.html" class="btn-big-green">Save snapshot {{$:/core/images/save-button}}</$button>
```
* Note: the resulting HTML file is "frozen": the links are broken and only the open tiddlers are visible.
!! With TW on Node.js
* Note: the output is located in ``<TW-folder>/output`` by default. See command line help for more options.
!!! Version 1: snapshot with individual tiddlers as distinct HTML pages
```
tiddlywiki <TW-folder> --rendertiddler $:/core/templates/static.template.html static.html text/plain --rendertiddler $:/core/templates/static.template.css static/static.css text/plain --rendertiddlers [!is[system]] $:/core/templates/static.tiddler.html static text/plain
```
This command will create a static file ``static.html`` and individual HTML pages for every tiddler, in which the links between tiddlers work. However all other TW interactions are impossible of course. This means in particular that the set of open tiddlers is frozen.
!!! Version 2: all tiddlers in a single HTML page (with anchor links)
```
tiddlywiki <TW-folder> --rendertiddler $:/core/templates/alltiddlers.template.html alltiddlers.html text/plain
```
!! Sources
* https://groups.google.com/forum/#!searchin/tiddlywiki/export$20story$20as$20html/tiddlywiki/Oz__Wbtf918/Cs_wXdTLmGYJ
* [[http://tiddlywiki.com/#Generating Static Sites with TiddlyWiki]]
tried several possibilities more or less based on https://groups.google.com/forum/#!searchin/tiddlywiki/filter$20rendertiddlers/tiddlywiki/f-ZkTxHbus8/gX1-XwGVvQkJ and the command line help message, but it didn't work.
!! static
* I don't understand everything but apparently the shadow tiddler [[$:/core/templates/alltiddlers.content]] is used when exporting a static snapshot (version all tiddlers with internal links, see [[Export a static HTML snapshot]]) from a Node.js folder. This shadow tiddler only contains a list of all the tiddlers to be exported:
```
{{{ [!is[system]sort[title]] ||$:/core/templates/static-tiddler}}}
```
This means that it is possible to override this tiddler and replace its content with the desired filter in order to export a subset of the tiddlers instead.
!! Problems
I don't understand the logic of the ``--rendertiddler[s]`` options. ``tiddlywiki --help rendertiddler[s]`` gives:
```
Render a set of tiddlers matching a filter to separate files of a specified ContentType (defaults to text/html) and extension (defaults to .html).
--rendertiddlers <filter> <template> <pathname> [<type>] [<extension>]
For example:
--rendertiddlers [!is[system]] $:/core/templates/static.tiddler.html ./static text/plain
By default, the pathname is resolved relative to the output subdirectory of the edition directory. The --output command can be used to direct output to a different directory.
Any files in the target directory are deleted. The target directory is recursively created if it is missing.
```
```
Render an individual tiddler as a specified ContentType, defaults to text/html and save it to the specified filename:
--rendertiddler <title> <filename> [<type>]
By default, the filename is resolved relative to the output subdirectory of the edition directory. The --output command can be used to direct output to a different directory.
Any missing directories in the path to the filename are automatically created.
```
It's not clear to me how the ``template`` works: I don't know what are the different templates, how they differ, in which case I should use one or the other? Additionally it's a bit confusing that when converting from Node.js folder to standalone HTML the command is ``rendertiddler`` (singular). Apparently it's because it uses some special tiddlers which "contain" all tiddlers. But only the "plural" version ``rendertiddlers`` takes a filter as argument. The only case which seems to work is to create an empty Node.js folder, and import tiddlers filtered from a standalone HTML TW like this:
```
tiddlywiki <target tw folder> --load <source tw standalone html> --rendertiddlers [!is[system]tag[<my tag>]] $:/core/templates/tid-tiddler new/tiddlers text/plain .tid
```
Remark: the spaces (and other special characters) in the tiddlers filenames are HTML encoded (e.g. ``%20``), but it doesn't seem to cause any issue.
!!! See also
* [[Working on an offline version of a client-server TW]]
!!! Sources
* https://groups.google.com/forum/#!searchin/Tiddlywiki/export$20$20tiddlers/tiddlywiki/CDKzukt5EQE/hDVeuYcHlxMJ
http://tb5.tiddlyspot.com/#External%20Image%20Path
This is the complex customizable version. See [[Simple list of tiddlers]] for the simple version.
```
<ul>
<$list filter="[tag[myTag]]">
<li><$link to={{!!title}}><$view field="title"/></$link></li>
</$list>
</ul>
```
The macro ``<<version>>`` gives the version of TW in use, here <<version>>
Normally the title of a tiddler //~MyTiddler// is changed to //Draft of '~MyTiddler'// when the tiddler is in edit mode.
To obtain the title of the current tiddler, whether the tiddler is in view or in edit (draft) mode:
```
<$list filter=[all[current]get[draft.of]] emptyMessage={{!!title}}/>
```
<$list filter=[all[current]get[draft.of]] emptyMessage={{!!title}}/>
using http://tiddlywiki.com/#FilterOperator%3A%20get
See http://tiddlywiki.com/#NowMacro
check http://tiddlywiki.com/#PermaLinks:PermaLinks (but no easy answer there)
An icon (as well as a coulour of course) can be associated with a tag in the tag manager (found in the sidebar, "more" tab, "Tags" sub-tab).
See also the tiddler [[customize]], with the icon in the title (see in particular how it is implemented with the fields)
Use images, attach files?
external images: http://tiddlywiki.com/#ExternalImages
formatting in wikitext: http://tiddlywiki.com/#Images in WikiText
Installed plugins can be found in the control panel (tab "plugins"). To install a plugin from a //source// TW to your //destination// TW, go to the //source// control panel, then drag the desired plugin from the list in the installed plugins tab to the destination TW (anywhere on the page).
To uninstall a plugin, go to the "plugins" tab in the control panel, click on the plugin link to open it, then open it in edit mode and delete it by clicking the bin icon.
This guide is intended for people who wish to learn the basics of [[TiddlyWiki|http://tiddlywiki.com]]. The reader I have in mind is someone who has discovered TW recently, thinks it might be the right tool for what they want to do, or simply finds the concept appealing, but maybe struggles to understand the (somewhat unusual) way things work in ~TiddlyWiki.
The general idea is to make TW more accessible: TW is a great tool which can certainly fit the needs of many users, but its non-standardness makes it a bit difficult to apprehend. More to the point, a new user might feel lost due to the current gap(s) in documentation: at the time of writing, the [[official documentation|http://tiddlywiki.com#Docs]] is a good entry point to get you started, but it is probably not enough to make you perfectly comfortable using TW; similarly the various resources and tutorials [[offered by the community|http://tiddlywiki.com/#Community]] are rich and diverse, but that also means more or less unstructured, not necessarily adapted to your level, and often too specific. This is the kind of gap that I will try to address in this guide, with the following principles:
* It is a rather detailed step by step explanations of the main features and their usage:
** structured in chapters and sections, so that the reader can jump to the part that they are interested in;
** organized in a traditional order, starting from most basic concepts, and (maybe!) later addressing more sophisticated aspects of TW.
* It is intended ''for beginners'', more specifically:
** the reader ''does not need any skills in programming'' and/or particular knowledge about how things work under the hood;
** nevertheless, ''it is assumed that the reader is comfortable with the basic usage of a browser, knows the basic concepts of a [[wiki|http://en.wikipedia.org/wiki/Wiki]]'' (typically has already used one), and more generally is curious enough to try something which is not exactly standard (otherwise I don't know what you're doing here!).
** On the contrary, ''the expert reader will probably not find here what they are looking for''.
//Remark: this guide is about ~TiddlyWiki 5.*, not to be confused with the previous version [[TiddlyWikiClassic|http://classic.tiddlywiki.com/]].//
Starting with 5.1.4 direct buttons are provided to create pre-configured tiddlers:
* At the global level (sidebar):
** new journal tiddler
* At the tiddler level (top right icons in any tiddler):
** new tiddlers tagged with this one
** new journal tiddler tagged with this one
If the buttons are not visible they can enable in the control panel -> appearance tab -> toolbars.
The journal tiddlers can be configured globally in the control panel -> info tab (date format in title and automatically added tags).
* a technical explanation about doing a specific complex filter https://groups.google.com/forum/#!topic/tiddlywiki/tJb41ZQL4Zs
* Explanations about defining and using macros: http://tiddlywiki.com/#Macros%20in%20WikiText
* Some predefined macros: http://tiddlywiki.com/#Macros
* possible from simple html?
* advantages with tiddlyspot? tiddlyweb?
see https://groups.google.com/forum/#!msg/tiddlywiki/SZ6E7Dh11D8/XgmG2efkcokJ
!! Resources (+ info/doc...)
<ul>
<$list filter="[tag[resource]]">
<li><$link to={{!!title}}><$view field="title"/></$link></li>
</$list>
</ul>
!! My notes about Node.js
<ul>
<$list filter="[tag[node.js]]">
<li><$link to={{!!title}}><$view field="title"/></$link></li>
</$list>
</ul>
!! My beginner's guide (barely started)
<ul>
<$list filter="[tag[guide]]">
<li><$link to={{!!title}}><$view field="title"/></$link></li>
</$list>
</ul>
!! Questions
!!! Answered
<ul>
<$list filter="[tag[question]tag[answered]]">
<li><$link to={{!!title}}><$view field="title"/></$link></li>
</$list>
</ul>
!!! To search
<ul>
<$list filter="[tag[question]tag[search]]">
<li><$link to={{!!title}}><$view field="title"/></$link></li>
</$list>
</ul>
!!! To ask
<ul>
<$list filter="[tag[question]tag[ask]]">
<li><$link to={{!!title}}><$view field="title"/></$link></li>
</$list>
</ul>
!!! Untagged questions
<ul>
<$list filter="[tag[question]!tag[answered]!tag[ask]!tag[search]]">
<li><$link to={{!!title}}><$view field="title"/></$link></li>
</$list>
</ul>
!! Misc (untagged or not in the previous categories)
<ul>
<$list filter="[!is[system]!is[tag]!tag[question]!tag[guide]!tag[node.js]!tag[resource]!tag[menu]]">
<li><$link to={{!!title}}><$view field="title"/></$link></li>
</$list>
</ul>
or "for all open tiddlers do..."
maybe check http://gwiz.tiddlyspot.com/#:Stacked%20Widgets , at least for the example of modifying tiddlers (?)
Here goes the content of my first sample tab.
This is the content of my second sample tab.
Print a two-levels list tag/tiddlers from the list of tags specified as a filed named //list// in the current tiddler:
```
<ul><$list filter ="[list[]]" variable="mytag"><li><<mytag>></li><ul><$list filter="[all[tiddlers]tag<mytag>]"><li>{{!!title}}</li></$list></ul></$list></ul>
```
!!! Example
<ul><$list filter ="[list[]]" variable="mytag">
<li><<mytag>></li>
<ul><$list filter="[all[tiddlers]tag<mytag>]">
<li>{{!!title}}</li>
</$list></ul>
</$list></ul>
Source: https://groups.google.com/forum/#!searchin/Tiddlywiki/ListWidget$20values$20to$20lower$20level$20filters/tiddlywiki/QPl42U8ohhU/7ENn5YIf7xEJ
To make a button that creates new tiddlers tagged "task", create a tiddler called "TaskTemplate" with that tag, and then make your button like this:
```
<$button message="tw-new-tiddler" param="TaskTemplate">New Task</$button>
```
* Source: [[http://www.tiddlywiki.com/static/WidgetMessage%253A%2520tw-new-tiddler.html]]
* See officlal doc: http://tiddlywiki.com/#WidgetMessage%3A%20tm-new-tiddler
!!! Example
<$button message="tm-new-tiddler" param="ExampleTemplate">New example</$button>
See http://tiddlywiki.com/#NowMacro
Example:
```
<<now "On est le DD/MM/YY, il est hhhmm">>
```
<<now "On est le DD/MM/YY, il est hhhmm">>
# [[TW Basics]]
#* [[Does TW fit my needs? What TW is and what it's not]]
#* [[Prerequisites and installation]]
#* [[Basic settings]]
#* [[TW as a simple wiki]]
#* [[Tags]]
#* [[Fields]]
#* [[Navigating]]
Following http://tiddlywiki.com/#Introduction%20to%20Filters.
//Important update: the notation ``{{{ ... }}}`` is more convenient than the ``<$list filter="..."/>`` for printing a simple list of links.//
!! Simple flat list
```
<$list filter="[[Playing with filters]] Menu"/>
```
!! filter by tag
```
<$list filter="[tag[node.js]]"/>
```
//Remark: here ``tag`` is the operator, ``css`` is the operand; the default filter operator is ``title``, as in the previous example.//
!! negation
```
<$list filter="[tag[node.js]!tag[question]!is[system]]"/>
```
!! filter operators and suffixes
example: the ``field`` operator takes as suffix the name of the field:
```
<$list filter="[tag[node.js]field:creator[Erwan]]"/>
```
//Remark: another shortcut is that if the filter operator ``foo[something]`` is unknown, then it is interpreted as ``field:foo[something]``//.
!! Indirect operand
// Remark: don't confuse with varialbe operands//
Curly branckets around the operand means that the operand is a text reference (see http://tiddlywiki.com/#TextReference). Example: select the tiddlers which have the same creator as the current tiddler:
```
<$list filter="[field:creator{!!creator}]"/>
```
!! Variable as operand
//Don't confuse with indirect operand.//
//(Copy from tw.com)// If a filter operator is written with angle brackets around the operand then it is taken to be the name of a variable containing the actual value. For example, this filter selects all tiddlers containing the title of the current tiddler:
```
<$list filter="[search<currentTiddler>]"/>
```
(Note that the currentTiddler variable is used to track the current tiddler).
!! Disjunction
separate the OR operands with a space:
```
<$list filter="[tag[css]] [field:creator[Erwan]]"/>
```
!! Conjunction
concatenate the operands and keep only the outer brackets:
```
<$list filter="[!tag[css]field:creator[Erwan]]"/>
```
!! Complex conditions
In a disjunction, the operands are processed sequentially, accumulating the tiddlers that they select. It is possible to add a condition which is applied to the result obtained so far. Example: tiddlers tagged either css or journaling, but retain only those which were created by Erwan an AND operation):
```
<$list filter="[tag[css]] [tag[filters]] +[field:creator[Erwan]]"/>
```
Now the same //removing// the tiddlers which were created by Erwan from the results:
```
<$list filter="[tag[css]] [tag[filters]] -[field:creator[Erwan]]"/>
```
//Note that in this case the same can be obtained with a negation in the third operand in the previous example.//
//(I'm not sure whether that would work with any kind of complex conditions though?)//
!! Applying something to the resulting list
The ``+`` operator can also be used to apply a particular treatment to the resulting list. Example:
```
<$list filter="[tag[css]] [tag[filters]] +[sort[modified]]"/>
```
From http://tiddlywiki.com/#Filters
and http://tiddlywiki.com/#FilterOperators
!! all
Select particular combinations of tiddlers by their type. The operand of the ''all'' operator is a list of names of tiddler sources joined with `+`.
//copy from tw.com//
|!Filter String |!Description |
|`[all[tiddlers]]` |Selects all 'real' tiddlers (both system and non-system), excluding shadow tiddlers |
|`[all[shadows]]` |Selects all ~ShadowTiddlers, including those that have been overridden with real tiddlers |
|`[all[shadows+tiddlers]]` |Selects all ~ShadowTiddlers and all 'real' tiddlers together |
|`[all[current]]` |Selects the current tiddler |
|`[all[missing]]` |Selects all ~MissingTiddlers |
|`[all[orphans]]` |Selects all ~OrphanTiddlers |
|`[all[]]` |Selects all the source tiddlers available to the filter |
!! field
see [[Playing with filters]].
!! has
``has[fieldname]`` selects tiddlers which have the field ``fieldname``
!! is
filters from the current list of tiddlers depending on their type.
//(copy from tw.com)//
* `[is[current]]` - returns any tiddler that matches the title of the current tiddler
* `[is[image]]` - tiddlers that contain an image (eg, GIF, JPEG, PNG etc.)
* `[is[missing]]` - ~MissingTiddlers that are referenced but undefined
* `[is[orphan]]` - ~OrphanTiddlers that are not referenced from any other tiddler
* `[is[shadow]]` - tiddlers that are ~ShadowTiddlers
* `[is[system]]` - tiddlers that are ~SystemTiddlers
* `[is[tiddler]]` - tiddlers that are not ~MissingTiddlers
* `[is[tag]]` - tiddlers that are being used as tags
//Note that the ''is'' filter operator strictly filters the current list by choosing whether or not to include each one in the output. It never adds tiddlers to the results that are not already listed. //
!! limit
quite self-explanatory: ``[sort[modified]!limit[20]]``
!! links
//(copy from tw.com)//
The links filter operator replaces the current list with a list of the targets of outgoing links from those tiddlers.
```
<$list filter="[all[current]links[]]"/>
```
<$list filter="[all[current]links[]]"/>
!! search
//(copy from tw.com)//
The ''search'' filter operator filters the current list to leave only those tiddlers that include the operand text in their title, body or tags. Preceding the operator with `!` returns all tiddlers that do not include the specified text. The search is case-insenstive.
Example: ``[search[alsatian]]``
!! sort
Example: ``one two three four +[sort[]]``
Related: ``nsort`` (numeric), ``sortcs`` (case sensitive)
!! tag
see [[Playing with filters]].
!! Other operators
!!! Useful
* get a tiddler by its position in the list (e.g. w.r.t the current tiddler): ``before``, ``after``; ``previous``, ``next`` (work with the ``list`` field); ``first``, ``last``
* ``backlinks`` returns tiddlers which link to the tiddlers in the list.
* select a part of the list: ``rest`` (also called ``butfirst``) ``butlast``
* ``each[fieldname]`` returns one item by fieldname; this can be used to print a list sorted by the possible values of a given field, see example: http://tiddlywiki.com/#FilterOperator%3A%20each
** ``eachday`` is similar for a date field. Example counting the number of tiddlers modified by day: http://tiddlywiki.com/#FilterOperator%3A%20eachday. See also http://tiddlywiki.com/#TimelineMacro.
* ``fields``, ``tags`` returns all the fields names or tags used in the list of tiddlers.
* ``list``: The list filter operator replaces the current list with the list contained in the ~TextReference specified in the operand. The default field for the text reference is ``list``. Example: ``[list[HelloThere!!mylist]]`` Returns the list of tiddlers in the ``mylist`` field of the tiddler ``HelloThere`` //(copy from tw.com)//
** ``listed``: returns the tiddlers which have a ``list`` (or custom field) field which contains any member of the current list.
* string matching: ``prefix``, ``suffix``, and the more general ``regexp`` (see http://tiddlywiki.com/#FilterOperator%3A%20regexp)
* ``reverse`` to reverse the order of the list
* ``sameday``: matching by date
* ``tagging`` returns all the tiddlers that are tagged by the tiddlers in the current list.
* ``untagged`` filters tiddlers with no tag.
!!! Misc
* string operations on the tiddlers titles //(why?)//: ``addprefix``, ``addsuffix``, ``removeprefix``, ``removesuffix``
* ``get`` //didn't understand???//
* ``indexes`` for data tiddlers
See [[http://tiddlywiki.com/#Preserving open tiddlers at startup]]
!! General, "rich" resources
* http://tiddlywiki.com/#Community
* Stephan Hradek's "TW5 Magick" http://tw5magick.tiddlyspot.com/
* Stephan Hradek's plugins and macros http://tiddlystuff.tiddlyspot.com/
* Alberto Molina's TiddlyWiki for Scholars http://tw5.scholars.tiddlyspot.com/
* A discussion about the features in TiddlyWiki for Scholars https://groups.google.com/forum/#!topic/tiddlywiki/sopRcUo2SLs
* Ton Gerner's playground (main entry point to his guides) http://tongerner.tiddlyspot.com/
* Ton Gerner's TW5 customization http://tw5custom.tiddlyspot.com/
* Ton Gerner's top menu bar and other toolbar/menu things: http://tw5toolbar.tiddlyspot.com/, http://tw5topleft.tiddlyspot.com/
* a question about top menu bar https://groups.google.com/forum/#!topic/tiddlywiki/5mOdAu1BAVM
* Ton Gerner's making TW5 read-only http://tw5readonly.tiddlyspot.com/
* David Gifford's "modest catalog of hacks" http://www.giffmex.org/tw5mall.htm
* Matabele's stacked widgets system http://gwiz.tiddlyspot.com/
* Scott Kingery's TW5 tribal knowledge https://dl.dropboxusercontent.com/u/118970/wiki/tw5tribalknowledge.html
* Danielo Rodriguez's "brain test", with several useful plugins: http://braintest.tiddlyspot.com, e.g. context search http://braintest.tiddlyspot.com/#Context, and footnotes http://braintest.tiddlyspot.com/#PopupFootnotes
* buggyj's "BJ Hacks" http://bjhacks.tiddlyspot.com
!! More specific
* ~TidMarks: bookmark management http://giffmex.org/experiments/tidmarks.html
* ~TiddlySpot: go online http://tiddlywiki.com/#Saving on TiddlySpot
* Discussion about including PDFs (and images/external files??) https://groups.google.com/forum/#!searchin/tiddlywiki/best$20way$20to$20include$20pdf/tiddlywiki/uzJK6mNQg6U/PU5fc6GVOFsJ
* connect a checkbox to two elements (Matabele's stacked widget) https://groups.google.com/forum/#!topic/tiddlywiki/xNAz5F0HAd0
* list/filters question with tags: https://groups.google.com/forum/#!msg/tiddlywiki/6jjQDh4OFS8/RxhKhfBzAg8J
* lists basic question https://groups.google.com/forum/#!topic/tiddlywiki/69qGXgehfRg
* timeline plugin http://emkayonline.github.io/tw5visjs/
!! High level, abstract discussion, possible future evolutions...
* A long and interesting discussion about using TW in education; especially collaborative aspects in TW, use cases and the like https://groups.google.com/forum/#!msg/tiddlywiki/n8W3j7tONCA/4M6_LoFHkQcJ
* Discussion about plugins wish list https://groups.google.com/forum/#!searchin/tiddlywiki/What$20is$20your$20TW5$20plugin$20wishlist$3F/tiddlywiki/sZn1OirCK2s/mGaR_pcFUz4J
* discussion about use cases https://groups.google.com/forum/#!topic/tiddlywiki/dYlDm5_QEWo
Beware: changes in the general parameters, e.g. control panel, title, tags colours, are not saved until a tiddler is modified
right panel-> tab more -> tags (includes "untagged")
right panel-> tab more -> all
To show the source content of a tiddler, for instance [[$:/core/ui/Buttons/new-journal-here]]:
```
<pre>
<$view tiddler="$:/core/ui/Buttons/new-journal-here"/>
</pre>
```
<pre>
<$view tiddler="$:/core/ui/Buttons/new-journal-here"/>
</pre>
Works also for the current tiddler, of course:
```
<pre>
<$view/>
</pre>
```
<pre>
<$view/>
</pre>
From Ton Gerner's "exploration of TW5" http://tw5exploration.tiddlyspot.com/#%24%3A%2F_macros%2Fcodefilter
In normal mode the right part of your screen contains the following elements, from top to bottom:
* The title and subtitle of the TiddlyWiki
* Three icons: ''TODO icons''
** the plus icon, to [[create a new tiddler]]
** the cog icon, to open the [[control/configuration panel]] ''TODO naming?''
** the download icon, to save your modifications.
* The [[Search box]], followed by either:
** a cross if it is active, to close/cancel the current search;
** three dots if it is inactive, to access the [[Advanced search box]]
* If the search box is active, the matches are shown below: a list of links to the tiddlers which contain the searched text
* If the search box is inactive, the tabs ''TODO''
The right panel can be masked by clicking the double chevron ''TODO'' at the top right of the window (this is useful when you want more space to edit a tiddler). It can be made visible again by clicking the double chevron ''TODO''.
Any tiddler you tag with $:/tags/SideBar will get their own tab in the sidebar. https://groups.google.com/forum/#!topic/tiddlywiki/9atPTUamaWc
The easiest way is to use the predefined macro ``list-links``:
```
<<list-links filter:"[tag[lists/filters]]">>
```
<<list-links filter:"[tag[lists/filters]]">>
Source: http://tiddlywiki.com/#ListMacro
https://groups.google.com/forum/#!msg/tiddlywiki/uHleRPBELeI/FPvgpfg_WpgJ
Creating a substory with nested tiddlers: http://tiddlywiki.com/#Creating%20SubStories
See http://tiddlywiki.com/#TableOfContentsMacro
Check these:
* http://tiddlywiki.com/#ListField
* http://tiddlywiki.com/#Tagging
In particular, see about how to order tiddlers which share the same tag together.
!! Resources
* Matabele's full system gTiD http://gtid.tiddlyspot.com/
!! Tips
* track dependencies http://blog.jeffreykishner.com/2014/01/16/tracking-dependencies-in-tiddlywiki.html
* organize by due dates http://blog.jeffreykishner.com/2014/01/17/a-tiddlywiki-filter-to-list-due-dates.html
* [[Manipulating dates with buttons]]
Well, this wiki is very old news actually. The only new thing about it is this tiddler //that I'm currently writing//, for the purpose of testing the TWCS new
@@color: red;
''news''
@@
feature.
Let's hope it works well, and let's hope many wiki authors will have more interesting news than that to publish!
* download here: https://github.com/Jermolene/TiddlyDesktop
* the introduction thread https://groups.google.com/forum/#!topic/TiddlyWiki/5k-dZqDpdg4
! Introduction
The TranscludeWidget dynamically imports content from another tiddler.
! Attributes
|!Attribute |!Description |
|tiddler |The title of the tiddler to transclude (defaults to the current tiddler) |
|field |The field name of the current tiddler (defaults to "text"; if present takes precedence over the index attribute) |
|index |The index of a property in a [[DataTiddler|DataTiddlers]] |
|mode |Override the default parsing mode for the transcluded text to "block" or "inline" |
The TranscludeWidget treats any contained content as a fallback if the target of the transclusion is not defined (ie a missing tiddler or a missing field).
! Parsing modes
TiddlyWiki parses text in two modes:
* ''inline'' mode recognises character formatting such as emphasis, links
* ''block'' mode recognises all the ''inline'' formatting, and adds block formatting such as tables, headings and lists
Usually, the mode is determined by whether the transclude widget itself has been parsed in block or inline mode. This can be overridden with the `mode` attribute.
For example, consider tiddler "A" with this content:
```
# Item one
#<$transclude tiddler="B"/>
# Item two
```
And a tiddler "B" with this content:
```
# Item one - a
# Item one - b
```
The result will be something like this:
# Item one
# # Item one - a # Item one - b
# Item two
This can be fixed by amending tiddler "A":
```
# Item one
#<$transclude tiddler="B" mode="block"/>
# Item two
```
from http://tiddlywiki.com/#TranscludeWidget:TranscludeWidget
* Of course, the official page: http://tiddlywiki.com
* David Gifford's tutorials: http://giffmex.org/TiddlyQuickly.html
* Some explanations about customization by Ton Gerner: http://tw5custom.tiddlyspot.com/
Is it possible to include the image of one of the icons in a tiddler, for example the cog?
It seems so! see the content of the system tiddler [[$:/core]].
* cancel {{$:/core/images/cancel-button}}
* cog {{$:/core/images/options-button}}
* {{$:/core/images/chevron-left}}
* {{$:/core/images/chevron-right}}
* {{$:/core/images/close-button}}
* {{$:/core/images/delete-button}}
* {{$:/core/images/done-button}}
* {{$:/core/images/down-arrow}}
* {{$:/core/images/edit-button}}
* {{$:/core/images/home-button}}
* {{$:/core/images/info-button}}
* {{$:/core/images/menu-button}}
* {{$:/core/images/new-button}}
* {{$:/core/images/options-button}}
* {{$:/core/images/right-arrow}}
* {{$:/core/images/save-button}}
see http://tw5custom.tiddlyspot.com/ , https://groups.google.com/forum/#!searchin/tiddlywiki/tw5$20$20icon$20image/tiddlywiki/2Ph1RGBrbIo/2nSNcUDyzx4J
* Use this ppa [[https://launchpad.net/~chris-lea/+archive/ubuntu/node.js]] to install ``Node.js`` globally:
```
sudo add-apt-repository ppa:ppa:chris-lea/node.js
sudo apt-get update
sudo apt-get install nodejs
```
* Install tiddlywiki with ``Node.js`` package manager :
```
sudo npm install -g tiddlywiki
```
!!! Sources
* [[http://tiddlywiki.com/#TiddlyWiki on Node.js]]
* [[https://launchpad.net/~chris-lea/+archive/ubuntu/node.js]]
Because a TW folder is a regular directory (containing the file ``tiddlywiki.info`` and the subdirectory ``tiddlers``), it is possible to nest a TW folder inside another one (that is, under its ``tiddlers`` directory). There is of course no limit to the number of nested levels. It is even possible to nest TW folders which are not located under the "top" TW folder, using the ``includeWikis`` parameter in ``tiddlywiki.info``(see http://tiddlywiki.com/#TiddlyWikiFolders).
This feature can be very useful to group tiddlers in different categories represented as independent TW folders, and keep all these categories under the same root TW folder. There are various advantages to this kind of solution:
* every sub-TW-folder stays independent, and different sub-TW-folders can be used in different ways. For example it is possible to have one folder backed up, synchronized and/or made publicly available on a server, while the others are only accessible locally.
* in the case of big folders, it makes it possible to keep every independent folder under a reasonable size (thus speeding up loading, search, etc.), without losing the ability to access the whole set of tiddlers if need be.
* it allows every sub-folder to have its own set of tags (keeping the number of tags reasonable), possibly to fill a particular kind of usage (e.g. bookmarking, task management, notes...) and be used in a specific way... And again being still able to consider the whole set of sub-folders.
!!! Limitations
* It is not possible to add a new tiddler under a particular subfolder while working on the top level folder. Any new tiddler will be saved in the top-level folder. Even if editing a tiddler in a subfolder is possible (the tiddler is saved in its original subfolder, as expected), this issue limits the use of the subfolders to read-only usage in order to avoid any confusion.
* The problem of naming conflicts is critical: if there are several tiddlers with the same name in different subfolders (or in the top-folder and a sub-folder, or any variant), only one will be taken into account. The same applies for tags, since there is each tag corresponds to a tiddler with the same name.
* Since every sub-folder is supposed to be self-contained, linking between tiddlers should only go from top to bottom (i.e. a top-level folder can link to all its children, but not the opposite). This is however a minor problem, since:
** this constraint is coherent with the idea of nesting TW folders, i.e. probably there is something wrong in the way tiddlers/folders are organized if there is a need for such links?
** if a link from child to parent exists, it just doesn't work in the sub-folder... no big deal.
!!! Sources
* Useful questions and explanations about how to use nested TW folders to organize/classify several related TWs : https://groups.google.com/forum/#!searchin/Tiddlywiki/tw5$20node.js/tiddlywiki/VDaGsk_NlsY/yb71pC8kgzQJ
! Benefits
!!! Nested TW folders
See [[TW on Node.js: nested TW folders]]
!!! Synchronization speed
If the TW instance is synchronized in one way or another (using e.g. Dropbox, Google Drive, ~OwnCloud, rsync...), the synchronization is much faster with TW folders because only the modified tiddlers (individual files) will be synchronized, as opposed to always transmitting the complete standalone HTML file.
!!! External manipulation of tiddlers, scripting
The way TW folders and individual tiddlers files work is very straightforward: regular directories containing regular text files. For the coder-but-not-at-all-web-developper guy that I happen to be, this opens a lot of possibilities:
* move/copy tiddlers manually
* The possibility to automatize some tasks using external scripts:
** backups, automatic export for publication
** using ``cron`` to do some particular tasks, like generating "reminder" tiddlers
** using scripts to do any tedious tasks, like modifying the name of a tiddler and all the links that point to it
** (possibly?) versioning operations with git
** ...
!!! Auto-save with any browser
Under Node.js, any modification is saved automatically to the file system: there is no need to manually download the file or for a browser-specific plugin like TiddlyFox.
! Drawbacks
Using TW on Node.js is not as easy and simple as the standalone HTML version: the latter is self-contained, immediately usable and command-line free, three reasons which make it accessible to anyone without any prior knowledge. On the contrary, the Node.js version loses these advantages to provide the user with more flexibility and control; this is why it is probably more adapted to tech-savvy users.
Tiddlers are simple text files named as the tiddler title, e.g.:
```
created: 20140802144532351
modified: 20140802144727994
tags: mytag
title: cool tiddler
type: text/vnd.tiddlywiki
a simple content
```
Note: This applies to "regular" Node.js tiddlers; see also [[http://tiddlywiki.com/#TiddlerFiles]]
* //Corollary 1//: when loading (importing) tiddlers from an HTML file, if there is a tiddler in the existing TW folder with the same name as one of the imported tiddlers, ''the former will be overwritten''.
* //Corollary 2//:The title and other settings specific to the TW instance are encoded as a set of tiddlers starting with ``$__`` (e.g. the main title is in ``test3/tiddlers/$__SiteTitle.tid``). As a consequence, when (all) the tiddlers from an HTML file are loaded/imported, these tiddlers for the loaded HTML instance overwrite the existing settings tiddlers. This is why the previous title (and some other settings) ''is replaced with the imported title''.
!!! Sources
* http://tiddlywiki.com/#TiddlerFiles
!! Main
* To create a new TW folder: ``tiddlywiki mynewwiki --init server``
** Remark: this command only creates a directory ``mynewwiki`` containing the file ``tiddlywiki.info`` (general settings).
* To start the server on an existing TW folder: ``tiddlywiki <tw folder> --server &``
** Note 1: the ``&`` is linux-specific (run in the background)
** Note 2: several TW folders can be open at the same time using different ports, e.g: ``tiddlywiki <tw folder> --server 8090``
* To actually open the TW folder, go to http://127.0.0.1:8080/ in your browser (this connects you to the server started as above)
!! Converting/importing between standalone HTML TW and TW folders
* Convert/import an existing standalone html TW to Node.js format:
** Note 1: the destination TW folder ``<tw folder>`` must exist, i.e. it must at least have been initialized with ``--init server``, but can also be already populated with tiddlers.
** Note 2: only one file can be "loaded" at a time.
```
tiddlywiki <tw folder> --load <standalone tw html>
```
* Convert/export from a Node.js TW folder to a standalone html TW:
** Note: this process is also called "building TW5", since it generates a full TW5 instance.
```
tiddlywiki <tw folder> --rendertiddler $:/core/save/all <standalone tw html> text/plain
```
This version saves "all" the tiddlers, including the plugins needed for the node.js server version. This might cause errors of the wiki is made available on the internet.
```
tiddlywiki <tw folder> --rendertiddler $:/plugins/tiddlywiki/tiddlyweb/save/offline <standalone tw html> text/plain
```
This (recommended) version will save only the content, not the plugins needed by the node.js server version (in the same way as in standard standalone html versions).
See also:
* [[TW on Node.js: tiddlers format and related limitations]]
* [[Export a static HTML snapshot]]
* [[Working on an offline version of a client-server TW]]
!!! Sources
* http://tiddlywiki.com/#InitCommand
* http://tiddlywiki.com/#ServerCommand
* http://tiddlywiki.com/#LoadCommand
* http://tiddlywiki.com/#TiddlyWikiFolders
* [[http://tiddlywiki.com/#How to build a TiddlyWiki5 from individual tiddlers]]
* https://groups.google.com/forum/#!msg/tiddlywiki/qxfH1fBqACA/AYhwI8qdPosJ
* https://groups.google.com/d/msg/tiddlywiki/CTWSvrjPGkM/RnX5_uN6aeUJ
This option can be switched on under the control panel (cog icon), tab "advanced", sub-tab "settings" (it is switched off by default). It allows the use of the browser back and forward buttons to navigate between previously seen tiddlers.
The option is also available on an online TW, but of course since the user has read-only access the settings cannot be saved.
From http://tiddlywiki.com/#TabsMacro
```
<<tabs "SampleTabOne SampleTabTwo SampleTabThree SampleTabFour" "SampleTabThree" "$:/state/tab1">>
<<tabs "[tag[sampletab]]" "MyTabSample2" "$:/state/tab2" "tc-vertical">>
```
<<tabs "SampleTabOne SampleTabTwo SampleTabThree SampleTabFour" "SampleTabThree" "$:/state/tab1">>
<<tabs "[tag[sampletab]]" "MyTabSample2" "$:/state/tab2" "tc-vertical">>
http://tb5.tiddlyspot.com/#Conditional%20ViewTemplate%20Section
Quoting Jeremy Ruston:
<<<
If you want to work on the same wiki content as both a standalone wiki and a client-server wiki, then the best approach is to use two different wikis, as you see with tw5.com and tw5.com-server in the TW5 repo.
The idea is to keep your content in a wiki that contains the correct plugins for standalone use, and then create a separate wiki for client-server use that includes it, using the "includeWikis" property of the tiddlywiki.info file. See:
http://tiddlywiki.com/#TiddlyWikiFolders
``tiddlywiki editions/tw5.com-server/ --rendertiddler $:/editions/server/download-offline offline.html text/plain``
<<<
Source: https://groups.google.com/forum/#!searchin/Tiddlywiki/tw5$20node.js/tiddlywiki/jgg5nND10zA/8TCa3Y38ShoJ
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
These filter operators can be added to your wiki by importing the tiddler $:/plugins/inmysocks/extrafilters
Some notes:
I don't know how this will work with characters that aren't part of the english alphabet, including accented letters. Hopefully I will be able to add good support for them at some point.
If a tiddler doesn't have the field tested it will be treated as 0.
If a tiddler does have the field, but it isn't a numeric value and you are using the numeric operators (`greaterthan` and `lessthan`) the field won`t be considered greater than or less than any number, so it won`t be included in any outputs.
The alphanumeric versions (`angreaterthan` and `anlessthan`) use the same ordering as the `sort` operator, so it is case insensitive and 10 is considered less than 2 for the alphanumeric versions.
The tiddlers tagged with `tag` sorted in the same way as the alphanumeric operators use:
<$list filter='[tag[tag]sort[]]'>
Tiddler name: <$link><<currentTiddler>></$link> - Value in the `number` field: {{!!number}}<br>
</$list>
!Purely numeric operators
!!`greaterthan`operator
!!!filter used: `[tag[tag]greaterthan[2]]`
Outputs tiddlers with numeric titles that are greater than 2:
<$list filter='[tag[tag]greaterthan[2]]'>
</$list>
!!!filter used: `[tag[tag]!greaterthan[2]]`
Outputs tiddlers with numeric titles than are not greater than 2 (so <=2)
<$list filter='[tag[tag]!greaterthan[2]]'>
</$list>
!!!filter used: `[tag[tag]greaterthan:number[2]]`
Outputs tiddlers that have a field called `number` that contains a numeric value greater than 2
<$list filter='[tag[tag]greaterthan:number[2]]'>
</$list>
!!`lessthan`operator
!!!filter used: `[tag[tag]lessthan[2]]`
Outputs tiddlers with numeric titles that are less than 2. Tiddlers always have titles so the empty field weirdness doesn't apply here.
<$list filter='[tag[tag]lessthan[2]]'>
</$list>
!!!filter used: `[tag[tag]!lessthan[2]]`
Outputs tiddlers with numeric titles that are not less than 2 (so >=2)
<$list filter='[tag[tag]!lessthan[2]]'>
</$list>
!!!filter used: `[tag[tag]lessthan:number[2]]`
Outputs tiddlers that have a field called `number` that contains a numeric value less than 2, AND tiddlers that don't have a field called `number`, or have an empty field called number.
<$list filter='[tag[tag]lessthan:number[2]]'>
</$list>
!Alphanumeric operators
!!`angreaterthan` operator
!!!filter used: `[tag[tag]angreaterthan[a]]`
Outputs tiddlers with titles that start with letters after `a` in the alphabet.
<$list filter='[tag[tag]angreaterthan[a]]'>
</$list>
!!!filter used `[tag[tag]angreaterthan[100]]`
Outputs tiddlers that would come after `100` when using the normal `sort` filter operator. So titles starting with the numbers 2 through 9 as well as any letter.
<$list filter='[tag[tag]angreaterthan[100]]'>
</$list>
; field configuration — output as attribute
: https://github.com/Jermolene/TiddlyWiki5/issues/1461
; modified
: [[$:/core/ui/ViewTemplate]]
; example config
: [[$:/config/fields/summary]]
; demo styles
: `<style>.tc-field-summary .tc-title{color:pink;}</style>` <style>.tc-field-summary .tc-title{color:pink;}</style>
; problems
: @@color:red;the story no longer appears to scroll.@@
; not implemented
: field value checking
; #1448 field editing popups
: https://github.com/Jermolene/TiddlyWiki5/issues/1448
; modified
: [[$:/core/ui/EditTemplate/fields]]
; try
: editing this tiddler and focusing the new field title input
; problems
: the popup closes as soon as it's opened
: when selected, a new field is immediately added rather than the value set to the input
<$tiddler tiddler=Idea><<summaries>></$tiddler>
{{||$:/CommunityExtractedPluginTemplate}}
Which of the current tags is itself tagged [[Developer]]?
`<<list-links filter:"[all[current]tags[]tag[Developer]]">>`
> <<list-links filter:"[all[current]tags[]tag[Developer]]">>
Which of the current tags has a field `url`?
`<<list-links filter:"[all[current]tags[]has[url]]">>`
> <<list-links filter:"[all[current]tags[]has[url]]">>
<$list filter="[all[current]tagging[]tagging[]sort[title]]" variable="item">
<$tiddler tiddler=<<item>>>
<h3><$link><$view field=title/></$link></h3>
</$tiddler>
<blockquote><b><<currentTiddler>>:</b>
<$list filter="[<item>tags[]] +[tag<currentTiddler>]">
<$link><$view field=title/></$link>
</$list>
</blockquote>
</$list>
From <$link to=<<currentTidler>>><$view field=title/></$link>...
<div style="background:#f6f6f6;padding:10px">
{{!!text}}
</div>
; based on...
: https://groups.google.com/d/msg/tiddlywiki/1eVLcslhmLM/23qcvi8I2Z4J
; test: an example journal (click edit)
: [[7th January 2015]] {{7th January 2015||$:/core/ui/Buttons/edit}}
; field visibility and available values stored in `value` fields
: [[$:/config/EditTemplateFields/Visibility/exercise]]
: [[$:/config/EditTemplateFields/Visibility/meditation]]
; the code — a conditional edit template
: <<source "$:/.tb/ui/EditTemplate/drop-fields">>
The following implements a [[Conditional ViewTemplate Section|http://tb5.tiddlyspot.com/#Conditional%20ViewTemplate%20Section]]:
; [[$:/.tb/ui/ViewTemplate/filter]]
: for all tiddlers that have a field `filter`
: outputs that field value in a code block above the tiddler body
@@color:#999;//see below for the code//@@
{{$:/.tb/template/fields-core}}
Rendered via...
<pre><$view tiddler="$:/.tb/template/fields-core"/></pre>
<<list-links "[list[$:/StoryList!!list]]">>
{{$:/.tb/template/fields-non-standard}}
Rendered via <<source "$:/.tb/template/fields-non-standard">>
{{||$:/.tb/template/fields-custom-current}}
Rendered via template <<source "$:/.tb/template/fields-custom-current">>
Depending on what you chose at the first select, the below example dynamcally retrieves the secondary options from the fields of the current tiddler. It uses the set widget to store the primary selection in a variable thus accessible to the get filter in the secondary select. A nested list then loops the options retrieved via the outer list filter.
```
<$select field='primary'>
<$list filter="1 2 3 4 5">
<option><<currentTiddler>></option>
</$list>
</$select>
<$set name="primary" value={{!!primary}}>
<$select field='secondary'>
<$list filter="[all[current]get<primary>]">
<$list filter=<<currentTiddler>>>
<option><<currentTiddler>></option>
</$list>
</$list>
</$select>
</$set>
''first:'' {{!!primary}}<br>
''second:'' {{!!secondary}}
```
<<<
<$select field='primary'>
<$list filter="1 2 3 4 5">
<option><<currentTiddler>></option>
</$list>
</$select>
<$set name="primary" value={{!!primary}}>
<$select field='secondary'>
<$list filter="[all[current]get<primary>]">
<$list filter=<<currentTiddler>>>
<option><<currentTiddler>></option>
</$list>
</$list>
</$select>
</$set>
''first:'' {{!!primary}}<br>
''second:'' {{!!secondary}}
<<<
The below example gets the secondary options from corresponding fields of the the system tiddler [[$:/.tb/dummy]].
```
<$select field='primary'>
<$list filter="1 2 3 4 5">
<option><<currentTiddler>></option>
</$list>
</$select>
<$set name="primary" value={{!!primary}}>
<$select field='secondary'>
<$list filter="[[$:/.tb/dummy]get<primary>]">
<$list filter=<<currentTiddler>>>
<option><<currentTiddler>></option>
</$list>
</$list>
</$select>
</$set>
''first:'' {{!!primary}}<br>
''second:'' {{!!secondary}}
```
<<<
<$select field='primary'>
<$list filter="1 2 3 4 5">
<option><<currentTiddler>></option>
</$list>
</$select>
<$set name="primary" value={{!!primary}}>
<$select field='secondary'>
<$list filter="[[$:/.tb/dummy]get<primary>]">
<$list filter=<<currentTiddler>>>
<option><<currentTiddler>></option>
</$list>
</$list>
</$select>
</$set>
''first:'' {{!!primary}}<br>
''second:'' {{!!secondary}}
<<<
\define secondary() $:/.tb/dummy/$(primary)$
The below example gets the secondary options from tiddlers whose name correspond to the selected primary option, e.g. [[$:/.tb/dummy/2]].
```
\define secondary() $:/dummy/$(primary)$
<$select field='primary'>
<$list filter="1 2 3 4 5">
<option><<currentTiddler>></option>
</$list>
</$select>
<$set name="primary" value={{!!primary}}>
<$select field="secondary">
<$list filter="[<secondary>get[text]]">
<$list filter=<<currentTiddler>>>
<option><<currentTiddler>></option>
</$list>
</$list>
</$select>
</$set>
''first:'' {{!!primary}}<br>
''second:'' {{!!secondary}}
```
<<<
<$select field='primary'>
<$list filter="1 2 3 4 5">
<option><<currentTiddler>></option>
</$list>
</$select>
<$set name="primary" value={{!!primary}}>
<$select field="secondary">
<$list filter="[<secondary>get[text]]">
<$list filter=<<currentTiddler>>>
<option><<currentTiddler>></option>
</$list>
</$list>
</$select>
</$set>
''first:'' {{!!primary}}<br>
''second:'' {{!!secondary}}
<<<
The ''draft.of'' field indicates that this tiddler is a a draft of a tiddler currently being edited.
In the below example, all available types are iterated and assigned to a listvariable called type from which radio buttons are rendered:
```
<$list filter="[each[type]get[type]]" variable="type">
<$radio field="type" value=<<type>>> ''<<type>>'' </$radio><br>
</$list>
```
<<<
<$list filter="[each[type]get[type]]" variable="type">
<$radio field="type" value=<<type>>> ''<<type>>'' </$radio><br>
</$list>
<<<
''Note:'' Hitting that radio button will actually change this tiddler's type. ;-)
<$list filter="[all[current]tagging[]]">
</$list>
; list
: {{!!list}}
; reverse
: {{!!reverse}}
\define starts-with() ^$(currentTiddler)$
The following example uses a ''starts-with'' macro concatenating a regular expression string into a variable then used in a filter to match field-values starting with the current tiddlers title...
```
\define starts-with() ^$(currentTiddler)$
<$set name=regexp value=<<starts-with>>>
<$list filter="[regexp:my-field<regexp>]" mode=block/>
</$set>
; proof
: <code>{{!!my-field}}</code>
```
<<<
<$set name=regexp value=<<starts-with>>>
<$list filter="[regexp:my-field<regexp>]" mode=block/>
</$set>
; proof
: <code>{{!!my-field}}</code>
<<<
The following wiki markup examples use filters to list implemented fields types and related information...
<<tabs "[[standard fields]] [[core fields]] [[custom fields]] [[fields of current tiddler]] [[custom fields of current tiddler]]" default:"standard" "$:/state/tabs-fields">>
{{||$:/core/ui/TiddlerFields}}
rendered via <<source "$:/core/ui/TiddlerFields">>
This wiki gives examples for various [[filters|Filters]] and their use in the [[list widget|ListWidget]]. A good starting point to understand what filters yield which results also is [[test-filters.js|https://github.com/Jermolene/TiddlyWiki5/blob/master/editions/test/tiddlers/tests/test-filters.js]].
<div class="overview-link">
[[Grouped By FilterOperator »|FilterOperator]]
</div>
<dl class="overview">
<<list-search
"[[Filters]tagging[]!sort[modified]]"
"search"
"$:/temp/list-search-list-examples"
"$:/.tb/template/list-examples"
placeholder:"Filter all examples..." >>
</dl>
\define sorted() $(filter)$sort[]]
In the below example, a selected filter is written to a field, then a variable constructs the desired filter by appending a default sort parameter...
<<source "$:/.tb/examples/from-field">>
''Renders as:''
{{||$:/.tb/examples/from-field}}
http://tiddlywiki.com/#FilterOperators
<div style="float:right;font-size:1.2em;">
[[« All Examples|Filter Examples]]
</div>
<div class="by-operator overview">
<<list-search
"[all[current]tagging[]sort[title]]"
"search"
"$:/temp/list-search-list-by-operator"
"$:/.tb/template/list-by-operator"
placeholder:"Filter by operator name..." >>
</div>
<div class="static pretty">
<iframe src="http://tiddlywiki.com/static/Filters" style="height:560px;" scrolling="yes;"/>
</div>
@@.align-top
@@.no-border
|<<list-search [all[current]tagging[]] search list-search-filters placeholder:"Filter examples...">> |<<list-search [[FilterOperator]tagging[]] search list-search-filter-operators placeholder:"Filter operators...">> |
@@
\define drop-values() $:/config/EditTemplateFields/Visibility/$(field)$
In the below example, the output of the macro `drop-values` is used as a variable to construct a reference to the following tiddler...
; [[$:/config/EditTemplateFields/Visibility/exercise]]
: sets the gobal visibility of the field `exercise` to hidden
: also defines `values` to be used for the select box in a `values` field
Subsequently, its field `values` is extracted using the [[get]] FilterOperator. Another nested list then uses the thus retrieved values to evaluate them as a filter expression...
```
\define drop-values() $:/config/EditTemplateFields/Visibility/$(field)$
<$set name=field value=exercise>
<$select field=<<field>>>
<$list filter="[<drop-values>get[values]]">
<$list filter=<<currentTiddler>>>
<option value=<<currentTiddler>>><$text text=<<currentTiddler>>/></option>
</$list>
</$list>
</$select>
</$set>
```
Renders as...
<<<
<$set name=field value=exercise>
<$select field=<<field>>>
<$list filter="[<drop-values>get[values]]">
<$list filter=<<currentTiddler>>>
<option value=<<currentTiddler>>><$text text=<<currentTiddler>>/></option>
</$list>
</$list>
</$select>
</$set>
<<<
''proof''
```
{{!!exercise}}
```
<<<
{{!!exercise}}
<<<
For the full example, see [[Conditional EditTemplate Fields]]...
''iterate standard `list` field of ExampleTiddler''
```
<$list filter="[list[ExampleTiddler]]">
<<currentTiddler>><br>
</$list>
```
<<<
<$list filter="[list[ExampleTiddler]]">
<<currentTiddler>><br>
</$list>
<<<
''proof''
```
{{ExampleTiddler!!list}}
```
<<<
{{ExampleTiddler!!list}}
<<<
''iterate list field called `reverse` of ExampleTiddler''
```
<$list filter="[list[ExampleTiddler!!reverse]]">
<<currentTiddler>><br>
</$list>
```
<<<
<$list filter="[list[ExampleTiddler!!reverse]]">
<<currentTiddler>><br>
</$list>
<<<
''proof''
```
{{ExampleTiddler!!reverse}}
```
<<<
{{ExampleTiddler!!reverse}}
<<<
Below, the outer list gathers all items, e.g. publications, tagging to any tiddler tagged [[Author]] sorted by title. The inner list then loops all [[Author]] associated with a publication.
Example <<source Author>>
`{{Author}}`
> {{Author}}
''lists all tiddlers where `foo` is listed in the standard `list` field''
```
<$list filter="[[foo]listed[]]">
<<currentTiddler>><br>
</$list>
```
<<<
<$list filter="[[foo]listed[]]">
<<currentTiddler>><br>
</$list>
<<<
''proof''
```
{{ExampleTiddler!!list}}
```
<<<
{{ExampleTiddler!!list}}
<<<
''lists all tiddlers where `bar` is listed in a field called `reverse`''
```
<$list filter="[[bar]reverse[]]">
<<currentTiddler>><br>
</$list>
```
<<<
<$list filter="[[bar]listed[reverse]]">
<<currentTiddler>><br>
</$list>
<<<
''proof''
```
{{ExampleTiddler!!reverse}}
```
<<<
{{ExampleTiddler!!reverse}}
<<<
<<static ListWidget 800px yes>>
```
<<list-links filter:"[is[shadow]]">>
```
> <<list-links filter:"[is[shadow]]">>
A solution to simplify renaming a tag and tagging tiddlers posted by [[Alberto Molina|https://groups.google.com/d/msg/tiddlywiki/OCntQ79DuwM/_vYCTYRXfaUJ]].
<table class="no-border">
<tr>
<td colspan=2>
''Step 1:'' First, enter __old__ tag to the left, e.g. GettingStarted<br><br>
</td>
</tr>
<tr>
<td>''Step 3:'' <$edit-text tiddler="$:/temp/RenameTags/search" tag="input" type="text" default="" placeholder="old tag to be removed"/></td>
<td>''Step 2:'' <$edit-text tiddler="$:/temp/RenameTags/replace" tag="input" type="text" default="" placeholder="enter, then apply new tag"/></td>
</tr>
<tr>
<td style="vertical-align:top;width:50%;">
<$list filter="[!has[draft.of]tag{$:/temp/RenameTags/search}tag{$:/temp/RenameTags/replace}sort[created]]">
<$checkbox tag={{$:/temp/RenameTags/search}}> ~~<$link to={{!!title}}><$view field="title"/></$link>~~</$checkbox><br>
</$list>
</td>
<td style="vertical-align:top;width:50%;">
<$list filter="[!has[draft.of]tag{$:/temp/RenameTags/search}!tag{$:/temp/RenameTags/replace}sort[created]]">
<$checkbox tag={{$:/temp/RenameTags/replace}}><$link to={{!!title}}><$view field="title"/></$link></$checkbox><br>
</$list>
</td>
</tr>
</table>
You can use this in your wiki simply by dragging [[this link|Search And Replace Tag]] over.
```
<$select field='foo'>
<$list filter="1 2 3 4 5">
<option><<currentTiddler>></option>
</$list>
</$select>
''foo:'' {{!!foo}}
```
<<<
<$select field='foo'>
<$list filter="1 2 3 4 5">
<option><<currentTiddler>></option>
</$list>
</$select>
''foo:'' {{!!foo}}
<<<
The following iterates over all indexes found in the data tiddler [[$:/data/core/widgets]] and outputs it into a select widget as demonstrated in [[Widgets]]...
```
<$select tiddler="$:/temp/widget-browser" default="action-navigate">
<$list filter='[[$:/data/core/widgets]indexes[]sort[title]]'>
<option value=<<currentTiddler>>>
<$text text=<<currentTiddler>>/>
</option>
</$list>
</$select>
[[$:/temp/widget-browser]] => {{$:/temp/widget-browser}}
```
<<<
<$select tiddler="$:/temp/widget-browser" default="action-navigate">
<$list filter='[[$:/data/core/widgets]indexes[]sort[title]]'>
<option value=<<currentTiddler>>>
<$text text=<<currentTiddler>>/>
</option>
</$list>
</$select>
[[$:/temp/widget-browser]] => {{$:/temp/widget-browser}}
<<<
{{$:/.tb/template/fields-standard}}
Rendered via...
<pre><$view tiddler="$:/.tb/template/fields-standard"/></pre>
''lists all tiddlers tagged FilterOperator''
```
<$list filter="[tag[FilterOperator]]"/>
```
<<<
<$list filter="[tag[FilterOperator]]"/>
<<<
''output at tiddler [[Examples]]:''
<pre><$view tiddler=Examples field=text format=text/></pre>
<<<
{{Examples}}
<<<
For more examples, see [[Filters]] or FilterOperator.
''output at tiddler [[TextReference]]:''
{{TextReference}}
''output at tiddler [[Variable]]:''
{{Variable}}
The above takes the value stored in the variable `<<currentTiddler>>` and uses it to specify the operand for the [[tag]] FilterOperator.
```
<$list filter="[tag{!!title}]"/>
```
<<<
<$list filter="[tag{!!title}]"/>
<<<
In the example below, all tiddlers listed in [[$:/config/Hide/TagButtons]] will be removed from the filter and thus excluded from the tags, e.g...
```
excluded: <code>{{$:/config/Hide/TagsButtons}}</code>
<<list-links filter:"[all[current]tags[]]-[list[$:/config/Hide/TagButtons!!text]]+[sort[title]]">>
```
<<<
excluded: <code>{{$:/config/Hide/TagButtons}}</code>
<<list-links filter:"[all[current]tags[]]-[list[$:/config/Hide/TagButtons!!text]]+[sort[title]]">>
<<<
If you add the following text at [[$:/core/ui/ViewTemplate/tags]], the tags listed in [[$:/config/Hide/TagButtons]] will be excluded for all tiddlers...
```
<div class="tc-tags-wrapper">
<$list filter="[all[current]tags[]]-[list[$:/config/Hide/TagButtons!!text]]+[sort[title]]"
template="$:/core/ui/TagTemplate"
storyview="pop"/>
</div>
```
```
<<list-links filter:"[has[type]each[type]sort[type]]">>
```
> <<list-links filter:"[has[type]each[type]sort[type]]">>
```
<$list filter="[tag<currentTiddler>]"/>
```
<<<
<$list filter="[tag<currentTiddler>]"/>
<<<
When current tag has a tag itself tagged [[Developer]], show developer information...
```
<$list filter="[all[current]tags[]tag[Developer]limit[1]]" variable=none>
<h2>Developer</h2>
<$list filter="[all[current]tags[]tag[Developer]]">
<dl>
<dt><$link><$view field=title/></$link></dt>
<dd>{{!!url}}</dd>
</dl>
</$list>
</$list>
```
<$list filter="[all[current]tags[]tag[Developer]limit[1]]" variable=none>
<h2>Developer</h2>
<$list filter="[all[current]tags[]tag[Developer]]">
<dl>
<dt><$link><$view field=title/></$link></dt>
<dd>{{!!url}}</dd>
</dl>
</$list>
</$list>
{{ConditionalViewTemplate}}
!! Live Example
''list when current tiddler has field `foo`''
```
<$list filter="[all[current]has[foo]]">
has foo
</$list>
```
<<<
<$list filter="[all[current]has[foo]]">
has foo
</$list>
<<<
''proof''
```
{{!!foo}}
```
<<<
{{!!foo}}
<<<
The below only renders something when the current tiddler is titled ''foo'', as set by the tiddler widget for demonstration purposes.
```
<$tiddler tiddler="foo">
<$list filter="[[foo]is[current]]">
This is shown.
</$list>
</$tiddler>
<$list filter="[[foo]is[current]]">
This is NOT shown!
</$list>
```
<<<
<$tiddler tiddler="foo">
<$list filter="[[foo]is[current]]">
This is shown.
</$list>
</$tiddler>
<$list filter="[[foo]is[current]]">
This is NOT shown!
</$list>
<<<
This can be used in a conditional template.
<<<
{{ConditionalViewTemplate}}
<<<
!! Example
''list when current tiddler is tagged [[Filters]]''
```
<$list filter="[all[current]tag[Filters]]">
yes, this one is tagged [[Filters]]
</$list>
```
<<<
<$list filter="[all[current]tag[Filters]]">
yes, this one is tagged [[Filters]]
</$list>
<<<
\define getValue(data,index) <$view tiddler="$(data)$" index="$(currentTiddler)$" format="text"/>
\define iframe(tiddler)
<$macrocall $name="static" tiddler={{$:/data/core/widgets##$tiddler$}} height="600px" scrolling="yes"/>
\end
Select a widget:
<$select tiddler="$:/temp/widget-browser" default="action-navigate">
<$list filter='[[$:/data/core/widgets]indexes[]sort[title]]'>
<option value=<<currentTiddler>> >
<$text text=<<currentTiddler>>/>
</option>
</$list>
</$select>
Documentation on ~TiddlyWiki.com...
<$macrocall $name="iframe" tiddler={{$:/temp/widget-browser}}/>
<br>
!!Components
;data
:[[$:/data/core/widgets]]
;state
:<<source [[$:/temp/widget-browser]]>>
;source
:<<source "Widget Browser">>
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
Trying to have the standard theme focus more on content...
* hiding buttons (from visitors)
* hiding the sidebar (perhaps not a good idea for visitors)
;styles
:[[$:/.tb/ui/styles/focus]]
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
<<list-search "[[FontAwesome]tagging[]sort[title]]" search "$:/temp/filter-fa" "$:/.tb/templates/fa-list-item">>
!!Installation
See [[Installation]].
!! Icons
All those icons, neatly listed...
{{All}}
; current version
: FontAwesome {{4.3||$:/core/ui/TagTemplate}}
```
<<fa thumbs-o-up 5>>
```
<<fa thumbs-o-up 5>> Let's get one thing straight, FontAwesome is awesome! Forget hours of searching for useful icons. Also see [[installation instructions|Installation]] and [[how to create and use a custom icon font|Icon Fonts]] like [[these|More Awesome]]. Inspired by: [[TheDiveO|http://thediveo.github.io/TW5FontAwesome]].
<$edit-text tiddler="$:/temp/filter-fa" type="search" tag="input" placeholder="filter"/>
<table class='home'>
<tr><th style="width:50%;">Icons</th><th>Tags</th></tr>
<tr><td>{{All}}</td><td>{{Tags}}</td></tr>
</table>
<style>
.home{
width:100%;
}
.home input{
display:none;
}
.home th{
text-align:left;
font-size:1.5em;
padding:0 0 10px 20px;
}
.home,
.home tr,
.home th,
.home td{
border:0;
vertical-align:top;
background:none;
}
</style>
<iframe width="560" height="315" src="//www.youtube.com/embed/Md5LNfZ356A" frameborder="0" allowfullscreen></iframe>
[[CSS-Tricks.com #113: Creating and Using a Custom Icon Font|http://css-tricks.com/video-screencasts/113-creating-and-using-a-custom-icon-font]]
Drag and drop into your wiki: [[$:/fonts/FontAwesome]]
!! Extensions
For custom extension classes to FontAwesome, tag your stylesheet [[$:/tags/FontAwesome]] and they will automatically be inserted at the end of [[$:/fonts/FontAwesome]].
!!! Example
[[text-only checklist]]
{{text-only checklist}}
!! Updating
# download latest from http://fortawesome.github.io/Font-Awesome
# unpack the archive contents into some temporary directory
# replace the old contents of [[$:/fonts/FontAwesome]] with
#* `font-awesome.min.css`
#* perhaps use [[$:/fonts/FontAwesomeEmpty]]
# remove all after base64 from the ``@font-face`` rule
# add the new definition
#* `src: local("FontAwesome"), url(data:application/font-woff;base64,``...``) format("woff");`
#* the three dots signal where to insert the base64-encoded font data later
# go to a base64 encoding web service
#* e.g. http://www.giftofspeed.com/base64-encoder
#* make sure the base64 result is on a ''single'' line
#* base64-encode the woff file
# paste the Base64-encoded result into the ``src`` definition from the ``@font-face`` rule in [[$:/fonts/FontAwesome]]
; [[fontello|http://fontello.com]]
: icon fonts generator
; [[WeLoveIconFonts|http://weloveiconfonts.com]]
: free & open source icon fonts hosting service
: for mockups, reduced test-cases or CodePen
; [[vector icons roundup|http://tagliala.github.io/vectoriconsroundup]]
: a side-by-side comparison between popular icon fonts made for bootstrap
: FontAwesome, Glyphicons, Elusive-Icons
; [[zurb|http://zurb.com/playground/foundation-icons]]
: foundation-icons
; [[FontSquirrel|http://www.fontsquirrel.com]]
: commercial free fonts
;fa-bookmark-o (webapp)
:http://fortawesome.github.io/Font-Awesome/icons/
;[[TheDiveO|http://thediveo.github.io/ThirdFlow/]]
:http://thediveo.github.io/TW5FontAwesome/output/fontawesome.html
;discussion
:https://groups.google.com/d/msg/tiddlywiki/tFMtkNRZgTw/Pjzw3L1ARdMJ
<$list filter="[all[current]tagging[]sort[title]]">
<h1><$link><$view field=title/></$link></h1>
<span class="fa fa-5x preview-fa-icon">{{!!awe}}
</span><span class="preview-fa">
<$view field="awe" format="text/plain"/>
</span>
</$list>
<div class="tb-taglist">
<<list-search "[tag[FontAwesome]tags[]sort[title]] -FontAwesome " search "$:/temp/filter-fa" "$:/.tb/templates/fa-list-item-tag">>
</div>
; requires
: [[$:/fonts/FontAwesome]]
: [[$:/fonts/FontAwesome/checklist]]
:: an extension to FontAwesome, holding the css for the checklist
@@.check
* a one
* and a two
* and a three
* and a four
@@
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
<i class="fa fa-user"></i> Ce wiki fait partie du projet [[LibreNote|http://librenote.aerobatic.io]] forgé par svink
<i class="fa fa-spinner"></i> Dernière mise à jour le {{Dernière modification}}
<div style="font-size:0.7em;text-align:left;margin-top:3em;margin-bottom:3em;">
<a href="mailto:svink@openmailbox.org" class="tc-btn-big-green" style="text-decoration:none; background-color:#FF8C19;" target="_blank"> <i class="fa fa-envelope"></i> Contact mail
</a>
<a href="https://bitbucket.org/librenotes/librenote/" class="tc-btn-big-green" style="text-decoration:none; background-color:#5E9FCA;" target="_blank">
<i class="fa fa-bitbucket"></i> Dépôt Bitbucket
</a>
{{$:/snippets/download-wiki-button}}
</div>
Dans cet exemple, nous allons ajouter un nouveau fichier `file2.txt` à notre projet.
On copie son fichier `file2.txt` dans le dossier `mon_projet`
Et c'est partie (j'utilise ici les alias pour vous montrer que tout cela peut être fait vraiment rapidement).
```c
$ git st
$ git add file2.txt
$ git ci -m "File2 - First commit"
```
On vérifie notre historique
```c
$ git hist
* d43f3ff 2014-10-25 | File2 - First commit [Votre_pseudo]
* b24f3ff 2014-10-25 | Add email adress [Votre_pseudo]
* cf466b4 2014-10-25 | First Commit [Votre_pseudo]
```
@@.info
<i class="fa fa-info-circle fa-3x pull-left"></i> En cas d'erreur, Il est possible de modifier le message du dernier commit avec `git commit --amend -m "Nouveau Message"`.
@@
!!Ajouter un dossier
@@.info
<i class="fa fa-info-circle fa-3x pull-left"></i> On ne peut pas commiter des dossiers vides avec Git. Si il n'y a pas de fichier dedans, Git ignorera le dossier.
@@
Pour ajouter un sous-dossier dans votre répertoire Git:
```c
$ git add nom_dossier
$ git add nom_dossier/nom_fichier
```
<$list filter="[!is[system]!has[draft.of]!sort[modified]limit[1]]">
<$link>
<$view field="modified" format="date" template="DD MMM YYYY à 0hh:0mm"/>
</$link>
</$list>
Dans cet exemple, nous allons partir de zéro pour envoyer un commit sur un serveur distant.
!!!1. Copier votre fichier
Copier votre fichier `file.txt` dans le répertoire `mon_projet`
!!!2. Indexer votre fichier
```c
$ git add file.txt
```
!!!3. Réaliser votre premier commit
```c
$ git commit -m "First Commit"
```
!!!4. Vérifier le statut du répertoire
```c
$ git status
On branch master
nothing to commit, working directory clean
```
!!!5. Poussez votre fichier vers le dépôt distant
```c
$ git push -u origin master
```
> ''Félicitation, vous avez effectué votre premier commit sur un dépôt distant.''
<i class="fa fa-thumb-tack" style="color:#E74C3C"></i>
Sources: http://git-scm.com/book/fr/v1 ; http://gitimmersion.fr/
<br><br>
@@.flotte
<a href="https://cloud.openmailbox.org/public.php?service=files&t=4wdHrl20hHnhDbl" target="_blank">[img width="96" [Logo Git|https://cloud.openmailbox.org/public.php?service=files&t=4wdHrl20hHnhDbl&download]]</a>
@@
[[Git|https://git-scm.com/]] est un logiciel de gestion de version décentralisé créé par [[Linus Torvalds|https://fr.wikipedia.org/wiki/Linus_Torvalds]]. Concrètement, c'est un système qui enregistre l'évolution d'un fichier ou d'un ensemble de fichiers au cours du temps de manière à ce qu'on puisse rappeler une version antérieure d'un fichier à tout moment.<br>
Toutes les opérations de Git sont effectuées en local, ce qui en fait sa force et sa rapidité. Les fichiers peuvent être par la suite envoyés (//poussés//) vers un dépôt distant.
Trois éléments sont indispensables à tout projet Git:
*''Le dossier de travail'' (@@color:green;working directory@@) est le lieu où sont effectuées les modifications.
*''La zone d'index'' (@@color:green;staging area@@) est un fichier qui stocke les données qui feront parties du prochain instantané.
*''Le dépôt local [dépôt Git]'' (@@color:green;local repo@@), le plus important, c'est là qu'est stockée la base de données du projet.
En plus, un ''dépôt distant'' (@@color:green;remote repo@@) peut être utilisé pour héberger et partager les fichiers sur Internet. Cela nécessite la création d'un compte sur un [[service d'hébergement en ligne|Travailler avec un dépôt distant]] (ou de disposer de son propre serveur). Vous ajoutez aussi un dépôt distant lorsque vous //clonez// un dépôt existant.
Ces trois éléments expliquent que les fichiers peuvent être sous 3 états distincts uniquement:
*''Modifié'': signifie que le fichier a été modifié, mais qu'il n'est pas encore stocké dans la base.
*''Indexé'': signifie que le fichier a été marqué pour être ajouté au prochain instantané de votre projet
*''Validé'': signifie que les données sont stockées dans votre base de données locale.
<<ibox "https://cloud.openmailbox.org/public.php?service=files&t=rorKScGHP8jiMqW&download" "Fonctionnement de Git (Source: https://thkoch2001.github.io/whygitisbetter/)">>
Tout ceci est quasi transparent pour l'utilisateur, retenez simplement les commandes et Git se charge du reste. L'utilisation standard de Git se passe comme suit :
#Vous __modifiez__ les fichiers dans votre répertoire de travail ;
#Vous __indexez__ les fichiers modifiés, ce qui ajoute des instantanés de ces fichiers dans la zone d'index ;
#Vous __validez__ ce qui a pour effet de basculer les instantanés des fichiers de l'index dans la base de données du dépôt Git.
!!Les commandes de base
Vous pouvez commencer utiliser Git en connaissant 7 ou 8 commandes de base.
|`git init` |Initialiser un répertoire Git |
|`git add` |Ajouter des fichiers |
|`git commit` |Réaliser un commit |
|`git push` |Envoyer les commits vers un dépôt distant |
|`git clone` |Cloner un dépôt distant |
|`git status` |Afficher le status des fichiers |
|`git log` |Afficher le log des commits |
!!Git pas à pas
Dans ce qui suit, vous allez apprendre à utiliser Git dans ses grandes lignes grâce à des exemples de mise en œuvre.
<<list-links "[tag[Menu]] -[[Git c'est quoi ?]]">>
<br>
!!À propos
{{A propos}}
<br>
-----
@@.no-border
|<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Licence Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a><br /> | |Sauf mention contraire, le contenu de ce wiki est mis à disposition selon les termes de la <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Licence CC BY-SA 4.0</a>|
@@
!!!1. Installer Git
```c
$ sudo pacman -S git
```
> A adapter en fonction de la distribution GNU/Linux que vous utilisez.
!!!2. Configurer Git
!!!!2.1. Active la couleur dans Git
```c
$ git config --global color.ui auto
```
Il ne faut le faire qu’une fois, et ça aide à la lisibilité des messages dans la console.
!!!!2.2 Configurer ses identifiants
```c
$ git config --global user.name [votre_pseudo]
$ git config --global user.email [votre_Email]
```
Vérifier que tout est pris en compte dans le fichier de configuration de Git `~/.gitconfig` et profitez en pour ajouter des alias qui sont des raccourcis vers les commandes de Git.
Le fichier ressemble à ça:
```
[color]
ui = auto
[user]
name = votre_pseudo
email = votre_Email
[alias]
co = checkout
ci = commit
st = status
br = branch
hist = log --pretty=format:'%h %ad | %s%d [%an]' --graph --date=short
```
@@.info
<i class="fa fa-info-circle fa-2x pull-left"></i> Vous pouvez utiliser la commande `git config --list` pour lister les réglages définis.
@@
<$image source=<<image>> width="100%" height="100%"/><$reveal type=match text="" default=<<caption>>><$transclude tiddler=<<image>> field=caption/></$reveal><$reveal type=nomatch text="" default=caption><<caption>></$reveal>
<div class="tc-table-of-contents">
<<toc-selective-expandable 'Menu'>>
</div>
<i class="fa fa-refresh"></i> 21/09/2015
*Nouvelle URL du site
*Changement titre et logo
*Changement URL dans [[A propos]]
*Mise à jour lien TN dans [[Travailler avec un dépôt distant]]
<i class="fa fa-refresh"></i> 13/09/2015
*Changement hébergement des images
<i class="fa fa-refresh"></i> 12/07/2015
*Mise à jour TW version 5.1.9
<i class="fa fa-refresh"></i> 31/05/2015
*Correction commande pacman dans [[Installer et configurer Git]]
<i class="fa fa-refresh"></i> 14/05/2015
*Nouvelle URL du site
*Mise à jour lien TN dans [[Travailler avec un dépôt distant]]
*Changement URL dépôt dans [[A propos]]
<i class="fa fa-refresh"></i> 02/05/2015
*Correction lien TN dans [[Travailler avec un dépôt distant]]
<i class="fa fa-refresh"></i> 26/04/2015
*Mise en ligne de ~GitNotes
<br>
Montrer les <$select field='num_recent'>
<$list filter="10 20 30 40">
<option><<currentTiddler>></option>
</$list>
</$select> tiddlers modifiés le plus récemment:
<$list filter='[!is[system]has[modified]!sort[modified]limit{!!num_recent}]-[[Mises à jour]]'>
<$link to=<<currentTiddler>>><$view field='title'/></$link> - Modified on: <$view field='modified'/><br>
</$list>
!!!1. Modifier votre fichier dans le répertoire de travail
!!!2. Vérifier le nouveau status
```c
$ git status
On branch master
Changes not staged for commit:
(use "git add file"... to update what will be committed)
(use "git checkout -- file"... to discard changes in working directory)
```
!!!3. Ajouter votre fichier à l'index
```c
$ git add file.txt
```
@@.info
<i class="fa fa-info-circle fa-2x pull-left"></i> On peut aussi utiliser `git add .` qui permet d'indexer tous les fichiers quand il y en a plusieurs.
@@
On vérifie:
```c
$ git status
On branch master
Changes to be committed:
(use "git reset HEAD file..." to unstage)
modified: file.txt
```
!!!4. Réaliser votre deuxième commit
```c
$ git commit -m "Add email adress"
```
@@.info
<i class="fa fa-info-circle fa-3x pull-left"></i> Les messages des commits doivent être clair avec "Fix", "Add", "Change", "Update"... et une description brêve de la modification.
@@
@@.info
<i class="fa fa-info-circle fa-3x pull-left"></i>Il est possible d'utiliser `git commit -am "Message"` qui combine `git add` et `git commit -m` mais seulement pour les fichiers déjà en suivi (n'ajoute pas les nouveaux fichiers).
@@
et on vérifie le status du répertoire
```c
$ git status
On branch master
nothing to commit, working directory clean
```
et on vérifie notre historique
```c
$ git log
commit 43628f779cb333dd30d78186499f93638107f70b
Author: [Votre_pseudo] [Votre_email]
Date: Wed Mar 9 10:27:54 2011 -0500
Add email adress
commit 911e8c91caeab8d30ad16d56746cbd6eef72dc4c
Author: [Votre_pseudo] [Votre_email]
Date: Wed Mar 9 10:27:54 2011 -0500
First Commit
```
<i class="fa fa-thumb-tack" style="color:#E74C3C"></i> Source: [[http://git-scm.com/book/fr/v1/Les-bases-de-Git-Etiquetage|http://git-scm.com/book/fr/v1/Les-bases-de-Git-%C3%89tiquetage]]
Git permet d'ajouter des étiquettes (tags en anglais) pour marquer certains états dans l'historique. Elles sont généralement utilisées pour marquer les versions publiables du projet.
Les tags sont traités comme des éléments à part entière, c'est à dire qu'il peuvent être ajoutés indépendamment même après un commit.
!!!Ajouter une étiquette légère
```c
$ git tag v1.0 code_SHA
```
Pour connaître le SHA, utilisez la commande `git hist`
```c
$ git hist
* b24f3ff 2014-10-25 | Using ARGV [Votre_pseudo]
* cf466b4 2014-10-25 | First Commit [Votre_pseudo]
```
La somme de contrôle SHA des commits correspond aux 7 chiffres et lettres au début de chaque ligne.
Pour ajouter le tag v1.0 au "First commit" il faut lancer:
```c
$ git tag v1.0 cf466b4
```
On peut visualiser tous les tags avec la commande
```c
$ git tag
```
!!!Partager les étiquettes
Il faut explicitement pousser les étiquettes après les avoir créées localement.
```c
$ git push origin v1.0
```
```c
$ git push origin v1.0
Counting objects: 50, done.
Compressing objects: 100% (38/38), done.
Writing objects: 100% (44/44), 4.56 ~KiB, done.
Total 44 (delta 18), reused 8 (delta 1)
To git@github.com:schacon/simplegit.git
* [new tag] v1.0 -> v1.0
```
Si vous avez plusieurs étiquettes, vous pouvez toutes les pousser en une fois vers le serveur distant:
```c
$ git push origin --tags
```
Il existe des sites web pour héberger des dépôts Git et qui facilitent ainsi la collaboration sur des projets entre plusieurs personnes.
Les dépôts Git le plus connus sont:
* <i class="fa fa-github"></i> [[GitHub|https://github.com/]]: un très bon dépôt gratuit, le plus connu.
*<i class="fa fa-bitbucket"></i> [[Bitbucket|https://bitbucket.org/]]: concurrent de ~GitHub. Propose de faire des dépôts privés gratuits.
@@.info
<i class="fa fa-info-circle fa-2x pull-left"></i> Il est aussi possible d'[[héberger son TiddlyWiki|http://librenote.aerobatic.io/tiddlynote/#H%C3%A9berger%20son%20TiddlyWiki]] ou un site web grâce au service de Pages.
@@
J'utilise dans les exemples qui vont suivre le service Bitbucket mais la procédure est la même pour ~GitHub.
!Cloner un dépôt existant
Vous pouvez créer un nouveau répertoire en ligne puis le cloner localement dans votre dossier de travail.
!!!1. Récupérer l'URL du dépôt sur votre page<br>
Cliquer sur clone, mettez le protocole HTTPS et copier l'adresse:<br> `https://bitbucket.org/username/mon_répertoire.git`
!!!2. Cloner le dépôt localement (dans un dossier où sera stocké votre projet).
```c
$ cd chemin/ou-stocker/votre-projet
$ git clone https://bitbucket.org/username/mon_répertoire.git
```
La commande `git clone` créée un nouveau répertoire nommé `mon_répertoire` dans le dossier courant.
retour:
```c
$ git clone https://bitbucket.org/username/mon_répertoire.git
Cloning into 'mon_répertoire'...
Password
warning: You appear to have cloned an empty repository.
```
Git sait désormais qu’il existe un dépôt distant et que c’est là où vous voulez envoyer vos modifications du dépôt local. Pour confirmer cela, on utilise la commande `git remote -v`:
```c
$ git remote -v
origin https://bitbucket.org/username/mon_répertoire.git (fetch)
origin https://bitbucket.org/username/mon_répertoire.git (push)
```
> ''Le dépôt local et le dépôt distant sont maintenant connectés, il ne reste plus qu'à mettre des fichiers dedans.''
@@.info
<i class="fa fa-info-circle fa-2x pull-left"></i> Pour obtenir la copie d’un projet la procédure est identique, il suffit de cloner le dépôt existant.
@@
!Connecter un dépôt local
La plupart des opérations sont effectuées localement. Pour communiquer avec l'extérieur, Git utilise ce qu'on appelle des //remotes// qui sont les dépôts distants.
!!!1. Créer le dossier de travail (avec le nom de votre projet)
```c
$ mkdir mon_projet
$ cd mon_projet
```
!!!2. Initialiser un dépôt Git dans ce dossier
```c
$ git init
```
!!!3. Connecter votre dépôt local à votre dépôt distant (Bitbucket)
```c
$ git remote add origin https://bitbucket.org/username/mon_répertoire.git
```
Git sait désormais qu’il existe un dépôt distant (__origin__) et que c’est là où vous voulez envoyer vos modifications du dépôt local.
On confirme cela avec :
```c
$ git remote -v
origin https://bitbucket.org/username/mon_répertoire.git (fetch)
origin https://bitbucket.org/username/mon_répertoire.git (push)
```
> ''Vous pouvez maintenant modifier, ajouter, faire les commits et envoyer vos fichiers sur le serveur distant.''
!Pousser ses fichiers vers un dépôt distant
Pour envoyer ses commits vers le dépôt distant il suffit d'utiliser la commande:
```c
$ git push -u origin master
```
<br>
@@.ast
<i class="fa fa-lightbulb-o fa-3x pull-left"></i> ''Une bonne pratique est de réaliser régulièrement des commits qui reflètent chaque changement et de pousser un ensemble de commits sur le serveur distant.''
@@
__''Toute ces opérations sont réalisées en local sur votre système.''__
!!!@@float:right;text-align:right;color:green; __Dossier de travail__@@
1. Créer le dossier de travail (avec le nom de votre projet)
```c
$ mkdir mon_projet
$ cd mon_projet
```
2. Initialiser un dépôt Git tout neuf dans ce dossier
```c
$ git init
```
Retour
```c
$ git init
Dépôt Git vide initialisé dans /home/user/mon_projet/.git/
```
@@.info
<i class="fa fa-info-circle fa-3x pull-left"></i> La commande `git init` transforme le répertoire courant en un dépôt Git local. Un dossier `.git` est créé dans ce répertoire qui stockera les différentes révisions et informations du projet.
@@
3. Copier un fichier (par exemple `file.txt`) dans le dossier `mon_projet`
!!!@@float:right;text-align:right;color:green; __Zone d'index__@@
4. Ajouter le fichier à l'index
```c
$ git add file.txt
```
!!!@@float:right;text-align:right;color:green; __Dépôt local__@@
5. Réaliser son premier commit
```c
$ git commit -m "First commit"
```
@@.info
<i class="fa fa-info-circle fa-3x pull-left"></i> L'option `-m` permet d'ajouter un message au commit. Il faut toujours décrire succinctement les changement apportés aux fichiers (moins de 50 caractères).<br>
@@
retour:
```c
$ git commit -m "First commit"
[master (root-commit) 71c7399] First commit
1 file changed, 0 insertions(+), 0 deletions(-)
create mode 100644 file.txt
```
6. Vérifier que tout est bon avec la commande
```c
$ git log
```
retour:
```c
$ git log
commit 71c739930fde4efd0746b452115329fdc8b2b38e
Author: [Votre_pseudo] [Votre_Email]
Date: Mon Feb 16 14:02:05 2015 +0100
First Commit
```
> ''Et voilà! Vous savez maintenant utiliser Git dans ses grandes lignes.''
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
! Summary
Actions are the basic unit of the GSD5 core plugin. The Action is used to represent a basic action or task to be performed.
! Detail
!! Field Variables
The following field variables are used by Actions.
| !Field | !Values | !Note |
|gsd_type |action |Required value. |
|gsd_complete |false | |
|~|true | |
|gsd_contact |<span style="font-style:italic">user-defined</span> |<span style="font-style:italic">Value is an existing tiddler title.</span> |
|gsd_project |<span style="font-style:italic">user-defined</span> |<span style="font-style:italic">Value is an existing tiddler title.</span> |
|gsd_realm |all | |
|~|<span style="font-style:italic">user-defined</span> |<span style="font-style:italic">Value is an existing tiddler title.</span> |
|gsd_status |next | |
|~|waiting | |
|~|future | |
!! UI Controls
Action tiddlers also display specific controls in the [[Blue-Box]]. UI Controls can be added to the Blue-Box using the following system tags.
* [[$:/tags/GSD5ActionCore|GSD5ActionCore]]
* [[$:/tags/GSD5ActionPlugin|GSD5ActionPlugin]]
! Best Practice
//--none--//
If using custom CSS, prefer relative sizing of elements over fixed/absolute.
This item can work inter-realm on tiddlers. To use this ability the item's Realm must be set to `all`.
Ordering of control rendering can be done through creating a ordered list using the tag as the title. However, this can be overwritten by other plugins. Do not depend on controls maintaining order.
! Summary
Contacts can be used as contact cards, a place to store phone, fax, email, and other various contact information. Additionally, the Contact tiddler shows any actions that have been assigned to that Contact.
! Detail
!! Field Variables
The following field variables are used by Contacts.
| !Field | !Values | !Note |
|gsd_type |contact |Required value. |
|gsd_realm |all | |
|~|<span style="font-style:italic">user-defined</span> |<span style="font-style:italic">Value is an existing tiddler title.</span> |
!! UI Controls
Action tiddlers also display specific controls in the [[Blue-Box]]. UI Controls can be added to the Blue-Box using the following system tags.
* [[$:/tags/GSD5ActionCore|GSD5ContactCore]]
* [[$:/tags/GSD5ActionPlugin|GSD5ContactPlugin]]
! Best Practice
* {{BestPractice InterRealm!!text}}
! Summary
Contexts are a means to group Actions by categories that extend beyond just Projects. Contexts make use of the TW5 tagging system. Existing Contexts additionally track all Actions that have been associated with it, allowing the user to create lists or easily track these Actions.
! Detail
!! Field Variables
The following field variables are used by Contexts.
| !Field | !Values | !Note |
|gsd_type |context |Required value. |
|gsd_realm |all | |
|~|<span style="font-style:italic">user-defined</span> |<span style="font-style:italic">Value is an existing tiddler title.</span> |
!! UI Controls
Action tiddlers also display specific controls in the [[Blue-Box]]. UI Controls can be added to the Blue-Box using the following system tags.
* [[$:/tags/GSD5ActionCore|GSD5ContextCore]]
* [[$:/tags/GSD5ActionPlugin|GSD5ContextPlugin]]
! Best Practice
* {{BestPractice InterRealm!!text}}
GTD® and Getting Things Done® are registered trademarks of the [[David Allen Company|http://www.davidco.com]]. GSD5 is not affiliated with or endorsed by the David Allen Company.
The GSD5 API will provide GSD5 plugin authors an easy way to integrate their plugins into the GSD5 framework without heavy editing of the shadow tiddlers (hopefully no editing).
Learning from TW5 plugin model and the use of system tags, the goals is to allow the author spend time crafting their plugin and not integrating it into the GSD5 framework.
! GSD5 System Basics
<div class="tc-table-of-contents">
<<toc-selective-expandable "GSD5Basics">>
</div>
! Overview
GSD5, or Getting-Stuff-Done 5, is a plugin for [[TiddlyWiki5|http://tiddlywiki.com]] that attempts to combine the workflow and philosophy of David Allen's __[[Getting Things Done|http://www.amazon.com/Getting-Things-Done-Stress-Free-Productivity/dp/0142000280/]]__ with the ~TiddlyWiki5 platform. GSD5 is heavily influenced by [[mGSD|http://mgsd.tiddlyspot.com/]] for ~TiddlyWiki classic.
[[Learn More|More About GSD5]]
! Obtaining
To get a copy of the GSD5 plugin:
>Download an entire TW5/GSD5 environment
>{{$:/gsd5-empty-download-button}}
or
>Drag-and-drop the following link to your existing TW5 environment.
>[[$:/plugins/gsd5/core]]
!! Releases
<$set name="currentRelease" filter="[tag[current release]tag[GSD5]]">
* <$link to=<<currentRelease>>><<currentRelease>></$link>
* [[See all releases|GSD5 Releases]]
</$set>
! Community
~TiddlyWiki has an active community and members will attempt to help you when they can. If you need more immediate assistance leave a message.
[[https://groups.google.com/forum/#!forum/tiddlywiki-gtd]]
[[https://groups.google.com/forum/#!forum/tiddlywiki]]
! GSD5 API
GSD5's API is developing and probably will fluctuate greatly while GSD5 is still beta.
// The GSD5 API may be incomplete and change often. //
[[GSD5 API]]
! Issues/Bugs
Any issues/bugs/enhancement requests can be filed at the project's code host, Github. Additionally, you can leave a reply on the project's Google Groups thread.
[[https://github.com/roma0104/gsd5/issues]]
Your involvement and input would be greatly appreciated.
Nightly builds are available at [[http://gsd5-nightly.tiddlyspot.com]].
<$set name="currentRelease" filter="[tag[current release]tag[GSD5]]">
<$macrocall $name="tabs" tabsList="[tag[release]!tag[prerelease]!sort[released]tag[GSD5]]" default=<<currentRelease>> state="$:/state/releasetab" class="tc-vertical" template="ReleaseTemplate" />
</$set>
! Overview
Ticklers are reminders that appear as TiddlyWiki5 alerts. This allows for Actions to have deadlines and allows for the ticklers to be present in your GSD5 tool as opposed to using an existing calendar tool like Google Calendar, Outlook, or the like.
Ticklers are not a calendar tool, just a reminder tool.
! Obtaining
>Drag-and-drop the following link to your existing GSD5 environment.
>[[$:/plugins/gsd5/ticklers]]
!! Releases
<$set name="currentRelease" filter="[tag[current release]tag[GSD5Ticklers]]">
* <$link to=<<currentRelease>>><$view tiddler=<<currentRelease>> field="caption"/></$link>
* [[See all releases|GSD5 Ticklers Releases]]
</$set>
! Community
~TiddlyWiki has an active community and members will attempt to help you when they can. If you need more immediate assistance leave a message.
[[https://groups.google.com/forum/#!forum/tiddlywiki-gtd]]
[[https://groups.google.com/forum/#!forum/tiddlywiki]]
! Issues/Bugs
Any issues/bugs/enhancement requests can be filed at the project's code host, Github. Additionally, you can leave a reply on the project's Google Groups thread.
[[https://github.com/roma0104/gsd5-ticklers/issues]]
Your involvement and input would be greatly appreciated.
<$set name="currentRelease" filter="[tag[current release]tag[GSD5Ticklers]]">
<$macrocall $name="tabs" tabsList="[tag[release]!tag[prerelease]!sort[released]tag[GSD5Ticklers]]" default=<<currentRelease>> state="$:/state/releasetab" class="tc-vertical" template="ReleaseTemplate" />
</$set>
The GSD5 List Macro unifies previous list macros under a single macro that creates a titled list of desired gsd_type with several desired options.
|>|>| !gsd5-list |
| !Field | !Values | !Note |
|title |<span style="font-style:italic">user-defined</span> | |
|gsd_type |action |<span style="font-style:italic">Default</span> |
|~|project | |
|~|contact | |
|~|reference | |
|~|context | |
|~|realm | |
|gsd_status |next |<span style="font-style:italic">Default; Action Only</span> |
|~|waiting |<span style="font-style:italic">Action Only</span> |
|~|future |<span style="font-style:italic">Action and Project</span> |
|~|active |<span style="font-style:italic">Project Only</span> |
|~|none |<span style="font-style:italic">Ignores value of gsd_status</span> |
|gsd_complete |false |<span style="font-style:italic">Default</span> |
|~|true |Ignores the value of gsd_status. |
|realmAware |false |<span style="font-style:italic">Default</span> |
|~|true | |
|sort |title |<span style="font-style:italic">Default</span> |
|~|<span style="font-style:italic">user-defined</span> | |
|order |ascending |<span style="font-style:italic">Default</span> |
|~|descending | |
|groupBy |none |<span style="font-style:italic">Default; no grouping</span> |
|~|<span style="font-style:italic">user-defined</span> |<span style="font-style:italic">Value is a tiddler field.</span> |
|customFilter |none |<span style="font-style:italic">Default; no custom filter applied.</span> |
|~|<span style="font-style:italic">user-defined</span> |<span style="font-style:italic">Filter operands appended to gsd_type filtering. No outside brackets.</span> |
|dateTemplate |DDth MMM YYYY |<span style="font-style:italic">Default</span> |
|~|<span style="font-style:italic">user-defined</span> |<span style="font-style:italic">String conforming to ~TiddlyWiki <a href="http://tiddlywiki.com/#DateFormat">date template syntax</a>.</span> |
!! Examples
Show Completed Projects
```
<<gsd5-list title:"Completed Projects" gsd_type:"project" gsd_complete:"true" realmAware:"true" sort:"title" order:"ascending" groupBy:"none" customFilter:"none">>
```
Show Waiting Actions By Contact
```
<<gsd5-list title:"Delegated Actions By Contact" gsd_type:"action" gsd_status:"waiting" gsd_complete:"false" realmAware:"true" sort:"title" order:"ascending" groupBy:"gsd_contact" customFilter:"none">>
```
! Summary
Adds controls to the BlueBox for Actions.
! Detail
The `$:/tags/GSD5ActionCore` tag is used to provide a end-user interface in [[Action]] tiddlers. A tiddler with this tag will have its contents rendered in the left column of the [[Blue-Box]].
! Best Practice
* Generally, plugin authors should avoid tagging their custom controls with this tag and use the [[$:/tags/GSD5ActionPlugin|GSD5ActionPlugin]] tag instead.
* {{BestPractice CustomCSS!!text}}
__''Also See:''__
* [[$:/tags/GSD5ActionPlugin|GSD5ActionPlugin]]
! Summary
Adds custom controls to the BlueBox for Actions.
! Detail
The `$:/tags/GSD5ActionPlugin` tag is used to provide a end-user interface in [[Action]] tiddlers. A tiddler with this tag will have its contents rendered in the right column of the [[Blue-Box]].
! Best Practice
* If creating custom controls prefer this tag over [[$:/tags/GSD5ActionCore|GSD5ActionCore]].
* {{BestPractice OrderedList!!text}}
* {{BestPractice CustomCSS!!text}}
---
__''Also See:''__
* [[$:/tags/GSD5ActionCore|GSD5ActionCore]]
! Summary
Adds button/link to the Collect tab.
! Detail
The `$:/tags/GSD5Collect` tag is used on tiddlers that provide custom collection buttons.
! Best Practice
//--none--//
! Summary
Adds controls to the BlueBox for Contacts.
! Detail
The `$:/tags/GSD5ContactCore` tag is used to provide a end-user interface in [[Contact]] tiddlers. A tiddler with this tag will have its contents rendered in the left column of the [[Blue-Box]].
! Best Practice
* Generally, plugin authors should avoid tagging their custom controls with this tag and use the [[$:/tags/GSD5ContactPlugin|GSD5ContactPlugin]] instead.
* {{BestPractice CustomCSS!!text}}
__''Also See:''__
* [[$:/tags/GSD5ContactPlugin|GSD5ContactPlugin]]
! Summary
Adds custom controls to the BlueBox for Contacts.
! Detail
The `$:/tags/GSD5ContactPlugin` tag is used to provide a end-user interface in [[Contact]] tiddlers. A tiddler with this tag will have its contents rendered in the right column of the [[Blue-Box]].
! Best Practice
* If creating custom controls prefer this tag over [[$:/tags/GSD5ContactCore|GSD5ContactCore]].
* {{BestPractice OrderedList!!text}}
* {{BestPractice CustomCSS!!text}}
---
__''Also See:''__
* [[$:/tags/GSD5ContactCore|GSD5ContactCore]]
! Summary
Adds controls to the BlueBox for Contexts.
! Detail
The `$:/tags/GSD5ContextCore` tag is used to provide a end-user interface in [[Context]] tiddlers. A tiddler with this tag will have its contents rendered in the left column of the [[Blue-Box]].
! Best Practice
* Generally, plugin authors should avoid tagging their custom controls with this tag and use the [[$:/tags/GSD5ContextPlugin|GSD5ContextPlugin]] instead.
* {{BestPractice CustomCSS!!text}}
__''Also See:''__
* [[$:/tags/GSD5ContextPlugin|GSD5ContextPlugin]]
! Summary
Adds custom controls to the BlueBox for Contexts.
! Detail
The `$:/tags/GSD5ContextPlugin` tag is used to provide a end-user interface in [[Context]] tiddlers. A tiddler with this tag will have its contents rendered in the right column of the [[Blue-Box]].
! Best Practice
* If creating custom controls prefer this tag over [[$:/tags/GSD5ContextCore|GSD5ContextCore]].
* {{BestPractice OrderedList!!text}}
* {{BestPractice CustomCSS!!text}}
---
__''Also See:''__
* [[$:/tags/GSD5ContextCore|GSD5ContextCore]]
! Summary
Adds settings to the GSD5 Control Panel.
! Detail
The `$:/tags/GSD5ControlPanel` tag is used on tiddlers that provide a end-user interface for tweaking a plugin's settings. Also referred to a control panel, the tagged tiddler will be rendered in TW5 Control Panel as a tab under the GSD5 tab.
Additionally, providing the field `caption` will allow for a user-friendly name on the tab.
! Best Practice
* {{BestPractice CustomCSS!!text}}
! Summary
Adds controls to the BlueBox for the primary [[Dashboard]].
! Detail
The `$:/tags/GSD5DashboardCore` tag is used to provide a end-user interface in the [[Dashboard]]. A tiddler with this tag will have its contents rendered in the left column of the [[Blue-Box]].
! Best Practice
* Generally, plugin authors should avoid tagging their custom controls with this tag and use the [[$:/tags/GSD5DashboardPlugin|GSD5DashboardPlugin]] instead.
* {{BestPractice CustomCSS!!text}}
__''Also See:''__
* [[$:/tags/GSD5DashboardPlugin|GSD5DashboardPlugin]]
! Summary
Adds custom controls to the BlueBox for the primary [[Dashboard]].
! Detail
The `$:/tags/GSD5DashboardPlugin` tag is used to provide a end-user interface in the [[Dashboard]]. A tiddler with this tag will have its contents rendered in the right column of the [[Blue-Box]].
! Best Practice
* If creating custom controls prefer this tag over [[$:/tags/GSD5DashboardCore|GSD5DashboardCore]].
* {{BestPractice OrderedList!!text}}
* {{BestPractice CustomCSS!!text}}
---
__''Also See:''__
* [[$:/tags/GSD5DashboardCore|GSD5DashboardCore]]
Most of the GSD5 framework operates using field/value combinations. The benefit of using fields over tags for the GSD5 mechanism is that tags can be used freely by the end user and GSD5 tags won't clutter the interface.
The notable exception of this standard is the [[Context]] mechanism. The Context mechanism uses tags because an [[Actions|Action]] can have multiple Contexts. Contexts can be assigned easily using existing ~TiddlyWiki mechanism, this reduced the amount of custom coding needed. Finally, contexts share similar one word blurbs that provide the user with instant classification notice that user-created tags should provide; the diffrences between context and user-created tags should not impede moste user's workflow.
It would meet the GSD5 canon to use fields when possible while authoring your GSD5 plugin. Using tags is certianly a valid option but be sure the user gains from their use and is not confused from a flood of irreleavant information from their use.
! GSD5 Field Variables List
The following field/value list is used by the GSD5 core.
| !Field | !Values | !Note |
|gsd_complete |false | |
|~|true | |
|gsd_contact |<span style="font-style:italic">user-defined</span> |<span style="font-style:italic">Value is an existing tiddler title.</span> |
|gsd_project |<span style="font-style:italic">user-defined</span> |<span style="font-style:italic">Value is an existing tiddler title.</span> |
|gsd_realm |all | |
|~|<span style="font-style:italic">user-defined</span> |<span style="font-style:italic">Value is an existing tiddler title.</span> |
|gsd_status |next |<span style="font-style:italic">Action Only</span> |
|~|waiting |<span style="font-style:italic">Action Only</span> |
|~|future |<span style="font-style:italic">Action and Project</span> |
|~|active |<span style="font-style:italic">Project Only</span> |
|gsd_type |action | |
|~|project | |
|~|contact | |
|~|reference | |
|~|context | |
|~|realm | |
!Best Practice
* Using the fields for custom plugins is encouraged. However, do realize that custom values assigned to standard fields might break the behaviour of GSD5 widgets or macros.
! Summary
Add lists to the primary [[Dashboard]].
! Detail
The tag `$:/tags/GSD5Lists` allows authors to add a new list view to be included in the possible selection of lists displayed in the Dashboard. Applying this tag to a list will not immediately display the list but include the list in the GSD5/core control panel. Once checked, the list will display on the Dashboard.
Lists are displayed in the order they appear in core control panel. To change the ordering, overwriting of the tiddler `$:/tags/GSD5Lists` will be necessary.
Providing the field `caption` provides a user-friendly caption the shortly summarizes the purpose of the list. This is displayed in the GSD5/core control panel.
The default GSD5 lists for the Dashboard use the [[GSD5 List Macro]].
! Best Practice
* {{BestPractice OrderedList!!text}}
GSD5 macros can assist in creating useful interfaces.
!Marcos
;[[gsd5-list]]
:A large macro that builds a list of items that are a recognized gsd_type value, groups them, and sorts according to user preference. Designed to be non-programmer friendly but still flexible and powerful.
;[[list-composer]]
:A macro that builds a filter based upon input values. Used to build the [[gsd5-list]] macro.
;[[view-composer]]
:A macro that creates a [[$view widget|http://tiddlywiki.com/#ViewWidget]] that displays data in appropriate formats depending on data requested. Used to build the [[gsd5-list]] macro.
! Summary
Adds controls to the BlueBox for Projects.
! Detail
The `$:/tags/GSD5ProjectCore` tag is used to provide a end-user interface in [[Project]] tiddlers. A tiddler with this tag will have its contents rendered in the left column of the [[Blue-Box]].
! Best Practice
* Generally, plugin authors should avoid tagging their custom controls with this tag and use the [[$:/tags/GSD5ProjectPlugin|GSD5ProjectPlugin]] tag in lieu.
* {{BestPractice CustomCSS!!text}}
__''Also See:''__
* [[$:/tags/GSD5ProjectPlugin|GSD5ProjectPlugin]]
! Summary
Adds custom controls to the BlueBox for Projects.
! Detail
The `$:/tags/GSD5ProjectPlugin` tag is used to provide a end-user interface in [[Project]] tiddlers. A tiddler with this tag will have its contents rendered in the right column of the [[Blue-Box]].
! Best Practice
* If creating custom controls prefer this tag over [[$:/tags/GSD5ProjectCore|GSD5ProjectCore]].
* {{BestPractice OrderedList!!text}}
* {{BestPractice CustomCSS!!text}}
---
__''Also See:''__
* [[$:/tags/GSD5ProjectCore|GSD5ProjectCore]]
! Summary
Adds controls to the BlueBox for References.
! Detail
The `$:/tags/GSD5ReferenceCore` tag is used to provide a end-user interface in [[Reference]] tiddlers. A tiddler with this tag will have its contents rendered in the left column of the [[Blue-Box]].
! Best Practice
* Generally, plugin authors should avoid tagging their custom controls with this tag and use the [[$:/tags/GSD5ReferencePlugin|GSD5ReferencePlugin]] instead.
* {{BestPractice CustomCSS!!text}}
__''Also See:''__
* [[$:/tags/GSD5ReferencePlugin|GSD5ReferencePlugin]]
! Summary
Adds custom controls to the BlueBox for References.
! Detail
The `$:/tags/GSD5ReferencePlugin` tag is used to provide a end-user interface in [[Reference]] tiddlers. A tiddler with this tag will have its contents rendered in the right column of the [[Blue-Box]].
! Best Practice
* If creating custom controls prefer this tag over [[$:/tags/GSD5ReferenceCore|GSD5ReferenceCore]].
* {{BestPractice OrderedList!!text}}
* {{BestPractice CustomCSS!!text}}
---
__''Also See:''__
* [[$:/tags/GSD5ReferenceCore|GSD5ReferenceCore]]
! Summary
Adds link to the Review tab.
! Detail
The `$:/tags/GSD5Review` tag is used on tiddlers that provide custom review views and creates a link on the Review tab.
! Best Practice
//--none--//
System tags provide another means of intergrating your plugin with ~TiddlyWiki5 and GSD5. System tags are used extensively throughout the ~TiddlyWiki5 environment and a similar model is used to give GSD5 a modular design.
! Added Features
* Ticklers are back!
* Directly go to an Action by clicking the link in the Tickler/Alert.
!! Limitations
GSD5 Ticklers is very bare-bones at the moment.
* The GSD5 Ticklers plugin only supports the English/Gregorian calendar at this time.
* The week starts on Sunday.
* No repeating occurrences.
* No snoozing.
* "One time firing" of alerts.
* Day granularity only
* Manual date entry requires <kbd>Enter</kbd> keystroke.
! Notes
Be sure to upgrade to GSD5 v0.6-beta before using plugin. While it is possible that lesser GSD5 versions will be compatible with Ticklers, I have not tested it.
!! Thanks
Thanks to all who have contributed with bugs, questions and suggestions!
Interaction with GSD5 is primarly through tiddlers that have a `gsd_type`. The different types define interactions and the user interface presented.
!GSD5 Tiddler Types
The following tiddler types is used by the GSD5 core.
| !Type | !Notes |
|[[Action]] |The most basic GSD5 tiddler; represents basic actions or tasks to be performed. |
|[[Project]] |Used to group Actions into a common theme or purpose. |
|[[Contact]] |Tiddler used as a contact card and task accountability. |
|[[Reference]] |Reference tiddlers are used to store information associated with Projects. |
|[[Context]] |Allows for grouping Actions that do not share a Project. |
|[[Realm]] |A grouping mechanic that allows all other types to be divided into usually board categories. |
!Best Practice
* Creating custom tiddler types is permitted. Note that core GSD5 functions will not be aware of custom tiddler types.
//If you experiencing an issue/bug please check the github page.//
[[https://github.com/roma0104/gsd5/issues]]
!! Goal
GSD5 will not attempt to do everything. Its goal is to be a bare-bones framework that uses plugin concepts from the ~TiddlyWiki5 development. Allowing plugins to provide enhancements will allow the end-user to tailor their GTD/GSD5 experience.
!! Features
; Realms
: Divide your Actions/Projects into appropriate, custom groups. //(eg Personal, Professional, Volunteer)//
; Projects
: A collection of Actions that have a similar purpose or goal. //An awesome TW5 plugin.//
; Actions (Tasks)
: Short, single step actions that accomplish a task. //Learn about TW5 filters.//
; References
: Place snippets of text, links, or anything else in a tiddler for future reference. //List of good text editors.//
; Contacts
: Have an action that needs some else's expertise? Assign them a waiting action and use the tiddler to keep contact information. //Get a glioblastoma removed by Surgeon Joe.//
; Dashboards for Management
: Take control by overlooking your actions and projects through a number of dashboards.
! GSD5 Plugin Extensions
Expand the capabilities of your GSD5 tool with plugins. Plugins for your plugin!
!! Official Plugins
The "official" plugins (written by myself) will be versioned in lock-step with GSD5 versions at least through GSD5's beta status. This will ensure that if you have matching versions the plugins should play nicely.
* [[GSD5 Ticklers]]
The change from [[version 0.5-beta|v0.5-beta]] to [[version 0.6-beta|v0.6-beta]] resulted in change on how dependent Actions are implemented. The change involves a name change from gsd_prereq to gsd_action; this is a result from implementing an on-the-fly tiddler creation feature. This change renders Actions that are dependent on other Actions non-working in version 0.5beta. This tool should make the transition automated as possible.
Click the `Convert Field` button below and your fields will be updated to the current schema for GSD5. Once your fields have been updated, delete this tiddler.
//Note:// This tool will only convert the `gsd_prereq` fields that currently in use.
''Tiddlers Needing Conversion''
---
<$list filter="[has[gsd_prereq]]">
<$view field="title"/>
<$button>
<$action-setfield $field="gsd_action" $value={{!!gsd_prereq}}/>
<$action-deletefield gsd_prereq/>
Convert Field
</$button><br/>
</$list>
! Summary
Projects group Actions that have a common purpose or goal.
! Detail
!! Field Variables
The following field variables are used by Projects.
| !Field | !Values | !Note |
|gsd_complete |false | |
|~|true | |
|gsd_contact |<span style="font-style:italic">user-defined</span> |<span style="font-style:italic">Value is an existing tiddler title.</span> |
|gsd_project |<span style="font-style:italic">user-defined</span> |<span style="font-style:italic">Value is an existing tiddler title.</span> |
|gsd_realm |all | |
|~|<span style="font-style:italic">user-defined</span> |<span style="font-style:italic">Value is an existing tiddler title.</span> |
|gsd_status |future | |
|~|active | |
!! UI Controls
Action tiddlers also display specific controls in the [[Blue-Box]]. UI Controls can be added to the Blue-Box using the following system tags.
* [[$:/tags/GSD5ProjectCore|GSD5ProjectCore]]
* [[$:/tags/GSD5ProjectPlugin|GSD5ProjectPlugin]]
! Best Practice
//--none--//
! Summary
Realms can be used to divide most other GSD5 tiddler types into board, non-intersecting categories.
! Detail
!! Field Variables
The following field variables are used by Realms.
| !Field | !Values | !Note |
|gsd_type |realm |Required value. |
!! UI Controls
There are no UI controls displayed on Realm tiddlers.
! Best Practice
* Realm divide most GSD5 tiddlers into non-intersecting or non-overlapping categories; this means items in one Realm normally cannot see items in another Realm.
* Use Realms to divide Actions/Projects into discrete categories that rarely have anything to do with the other. For example: Personal, Professional, Hobby.
* Looking for more list like behaviour, like task lists, shopping lists? Check out the [[Context]] mechanism. This feature is better suited for that task.
The change from [[version 0.3-beta|v0.3-beta]] to [[version 0.4-beta|v0.4-beta]] resulted in change on how Realms are implemented. The change involves the switch from system tags to the use of the gsd_type field. This change can render user-created Realms non-working in version 0.4beta. This tiddler should make the transition automated as possible with the given tools.
Click the `Convert Realm` button below and your realm tiddlers will be updated to the current schema for GSD5. Once your Realm have been updated, delete this tiddler.
''Tiddlers Needing Conversion''
---
<$list filter="[tag[$:/tags/realm]]">
<$view field="title"/>
<$button>
<$action-deletefield tags/>
<$action-setfield $field="gsd_type" $value="realm"/>
Convert Realm
</$button><br/>
</$list>
! Summary
References are used to store information that is related to a Project but is not actionable in and of itself.
! Detail
!! Field Variables
The following field variables are used by References.
| !Field | !Values | !Note |
|gsd_type |reference |Required value. |
|gsd_project |<span style="font-style:italic">user-defined</span> |<span style="font-style:italic">Value is an existing tiddler title.</span> |
|gsd_realm |all | |
|~|<span style="font-style:italic">user-defined</span> |<span style="font-style:italic">Value is an existing tiddler title.</span> |
!! UI Controls
Action tiddlers also display specific controls in the [[Blue-Box]]. UI Controls can be added to the Blue-Box using the following system tags.
* [[$:/tags/GSD5ActionCore|GSD5ReferenceCore]]
* [[$:/tags/GSD5ActionPlugin|GSD5ReferencePlugin]]
! Best Practice
//--none--//
<h2><$link to=<<currentTab>>><$view tiddler=<<currentTab>> field="title"/></$link></h2>
^^Released <$view tiddler=<<currentTab>> field="released" format="date" template="DDth MMM YYYY at 0hh:0mm">TBA</$view>^^
<$transclude tiddler=<<currentTab>> mode="block"/>
! Added Features
* GSD5 Control Panel
* Select actions/projects lists shown in the dashboard
* Display actions list items by project.
! Notes
The tickler functionality was dropped from GSD5/core. This step was taken to simplify the core but also in response to modern, ubiquitous calendar options that may serve the user better for creating and managing ticklers (e.g. Google Calendar, iCal, Outlook). Ticklers will be made as a plugin for GSD5.
{{issues}}
! Added Features
* A References list. Provide a means of viewing references without going through the project tiddler.
* The pseudo-realm 'all'. Allows all actions and project to be viewed at once regardless of assigned realm.
* Allow the user to toggle the display of the realm selector on the Dashboard.
! Corrected Bugs
* Newly created action/projects/contact/reference/realm trigger autosave.
* Projects and actions that are marked completed trigger autosave, after dependent actions/projects are properly resolved.
{{issues}}
! Corrected Bugs
* Corrected [[#16|https://github.com/roma0104/gsd5/issues/16]] issue where actions/projects displayed in another/all realm, displayed blank drop-lists or spawned child actions that were of another realm.
{{issues}}
! Added Features
* Assign Contacts to Realms. Contacts can be now associated with Realms allowing a user with a large number of Contacts to organise and traverse the list quickly. Contacts are hidden using the same hiding mechanic as Actions/Projects when the non-associated Realm is selected. For Contacts that transcend one Realm, assigning the Contact with no Realm will make that Contact available to all Realms.
* Convert actions to projects. Users can now convert actions that may need to be an project with a click of a button.
* Waiting Actions are now displayed on a Contacts tiddler. Selecting a Contact's tiddler displays all actions delegated to them. Shows actions depending on the selected Realm.
* Waiting/Future Actions are now displayed on a Contacts tiddler. Selecting a Contact's tiddler displays all actions delegated to them. Shows actions depending on the selected Realm.
* No Realm Action List. Actions without a Realm can be found using this Dashboard.
* No Realm Project List. Projects without a Realm can be found using this Dashboard.
! Notes
There is one API change that can break existing Realm definitions. We switched the Realm definitions to use the `gsd_type` model instead of the system tag `$:/tags/realm`. To correct this break we have provided a simple tool to fix your existing Realms. Simple import the following tiddler and follow the instruction upgrade you custom Realms.
[[Realm Conversion Tool]]
!! Updating to v0.4-beta
# Download a GSD5 v0.4-beta environment.
# Import existing user content into the new environment.
# Import the Realm Conversion Tool into the new environment.
# Follow the Instructions of the Realm Conversion Tool.
! Corrected Bugs
* Removing contacts from Project/Actions results in link to Contact's tiddler persisting. [[#31|https://github.com/roma0104/gsd5/issues/31]]
{{issues}}
! Added Features
* Collapsible ~BlueBox. The ~BlueBox found on GSD5 tiddlers can be minimized to reduce screen space when needed. A Tiddler View Toolbar button is provided to toggle states. [[Github Issue|https://github.com/roma0104/gsd5/issues/40]]
* Collapsible Lists. Lists created with the [[gsd5-list|GSD5 List Macro]] macro can be hidden by clicking the title of the list. [[Github Issue|https://github.com/roma0104/gsd5/issues/22]]
* GSD5 List Macro rewrite. A new macro is provided to build lists. Combines several smaller macros into a single macro. This should make it easier for non-programmers to create customized lists. There is no formal documentation for the macro at this time. [[Github Issue|https://github.com/roma0104/gsd5/issues/39]]
* Show/hide new GSD5 tiddlers. GSD5 tiddlers can be shown or hidden based upon user preferences. [[Github Issue|https://github.com/roma0104/gsd5/issues/37]]
* Action Contexts. Actions can be given contexts, allows users to further categorise Actions into related groups even though they may not be of the same Project. [[Github Issue|https://github.com/roma0104/gsd5/issues/15]]
* No-Next-Action List. List of Projects that do not have a Next Action associated with it. [[Github Issue|https://github.com/roma0104/gsd5/issues/13]]
* CSS classes on Buttons/Widgets. Buttons and Widgets previously without CSS classes now have GSD5 CSS classes. [[Github Issue|https://github.com/roma0104/gsd5/issues/32]]
! Notes
There is non-critical breakage of user configuration. The solution is to reassert user preferences.
! Added Features
* Correct names for tiddlers. Some tiddlers were going out with incorrect names. [[#57|https://github.com/roma0104/gsd5/issues/57]]
* Renamed the $action widget to better identify its purpose. [[#59|https://github.com/roma0104/gsd5/issues/59]]
* Created a Dashboard to find Contacts easier. [[#60|https://github.com/roma0104/gsd5/issues/60]]
* New GSD5 tiddlers can be created on-the-fly in certain contexts. [[#58|https://github.com/roma0104/gsd5/issues/58]]
* Show the gsd_type of the current GSD5 tiddler. [[#61|https://github.com/roma0104/gsd5/issues/61]]
* BlueBox toggle button improved. [[#52|https://github.com/roma0104/gsd5/issues/52]]
* Completed Actions are now shown in their Project's tiddler. [[#50|https://github.com/roma0104/gsd5/issues/50]]
* New Actions created in Projects respect user's show/hide preference. [[#42|https://github.com/roma0104/gsd5/issues/42]]
* Projects and Actions can be hidden or shown upon creation independently. [[#41|https://github.com/roma0104/gsd5/issues/41]]
* No Next Actions should no longer show Completed Projects. [[#56|https://github.com/roma0104/gsd5/issues/56]]
* Completed Actions display completed date in lists. [[#51|https://github.com/roma0104/gsd5/issues/51]]
* Completed lists are sorted by date. [[#51|https://github.com/roma0104/gsd5/issues/51]]
* Some UI icons have been lightened. [[#51|https://github.com/roma0104/gsd5/issues/51]]
! Corrected Bugs
* gsd5-list macro should show dates in correct order. [[#46|https://github.com/roma0104/gsd5/issues/46]]
! Notes
The change from v0.5-beta to v0.6-beta resulted in changes to how prerequisite Actions are tracked. The change involves the renaming of the `gsd_prereq` field to `gsd_action`. This change break tiddler dependency chains unless corrected with the provided tool.
[[Prerequisite Conversion Tool]]
!! Thanks
Special thanks to the following individuals for their contributions:
* [[@simonbaird|https://github.com/simonbaird]]
Thanks to all who have contributed with bugs, questions and suggestions!
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
In this demo -- both the tags and the text field of the target tiddler are manipulated with X-SetRefs widgets.
<$reveal state="!!state1" type="match" text="add">
<$button set="!!state1" setTo="mangle">
<$x-setrefs $tiddler="Test" !!text="This is a variable: ''{{!!field1}}''" !!field1="Hello" ++1="one" ++2="two" ++3="three"/>
Add</$button>
</$reveal>
<$reveal state="!!state1" type="match" text="mangle">
<$button set="!!state1" setTo="clear">
<$x-setrefs $tiddler="Test" !!field1="Hello again" --1="one" --2="two" --3="three" ++1="four"/>
Mangle</$button>
</$reveal>
<$reveal state="!!state1" type="match" text="clear">
<$button set="!!state1" setTo="add" >
<$x-setrefs $tiddler="Test" !!text="" --1="four"/>
Clear</$button>
</$reveal>
This demo uses widgets to cycle through a list of tags.
''Target List:'' <$view tiddler="$:/_lists" field="months"/>
<$list filter="[list{!!name}after{!!current}][list{!!name}first[]]+[first[]]" variable="getnexttag">
<$button>
<$x-setrefs $set="!!current" $setTo=<<getnexttag>> --1={{!!current}} ++1=<<getnexttag>>/>
Cycle Tags</$button>
</$list>
\define getTiddlers()
<$button class="btn-invisible">
<$x-setrefs $set="$:/StoryList!!list" $filter="[[Demo for Jon]] [tag[$(tag)$]]"/>
{{!!title||$:/_showtag}}</$button>
\end
In this demo -- I have used the X-SetRef widget in combination with a List widget to create an array of tag pills which will, when clicked, display all tiddlers tagged with that tag in the main story river.
<$list filter="[all[tiddlers]tags[]sort[title]]">
<$set name="tag" value=<<currentTiddler>>>
<<getTiddlers>>
</$set>
</$list>
In this demo -- the first click of the button will tag each of two tiddlers with the title of the other tiddler -- the second click clears the tags.
;Teacher: <$edit-text tiddler="temp" field="teacher"/>
;Task: <$edit-text tiddler="temp" field="task"/>
<$reveal type="match" state="!!state1" text="show">
<$button set="!!state1" setTo="hide">
<$action-mangletags $tiddler={{temp!!task}} $add={{temp!!teacher}}/>
<$action-mangletags $tiddler={{temp!!teacher}} $add={{temp!!task}}/>
Set</$button>
</$reveal>
<$reveal type="match" state="!!state1" text="hide">
<$button set="!!state1" setTo="show">
<$action-mangletags $tiddler={{temp!!task}} $remove={{temp!!teacher}} />
<$action-mangletags $tiddler={{temp!!teacher}} $remove={{temp!!task}} />
Reset</$button>
</$reveal>
This demo cycles through a list of tiddlers, switching tags.
<$list filter="[list[]after{!!current}][list[]first[]]+[first[]]" variable="getnexttiddler">
<$button set="!!current" setTo=<<getnexttiddler>> >
<$action-mangletags $tiddler={{!!current}} $remove="oldtag" $add="newtag"/>
Cycle Tiddlers</$button>
</$list>
<$list filter="[list[]last[]][list[]before{!!current}]+[last[]]" variable="getnexttiddler">
<$button set="!!current" setTo=<<getnexttiddler>> >
<$action-mangletags $tiddler={{!!current}} $remove="newtag" $add="oldtag"/>
And Back</$button>
</$list>
This is some test $(placeholder)$: [{{!!field-one}} {{!!field-two}}]
<$reveal type="match" state="!!temp" text="set">
<$button set="!!temp" setTo="reset">
<$x-setrefs $tiddler="WikitextTarget" !!field1="one" !!text="""Note: This exposes the Q&D nature of the widget -- to avoid separation of the title into separate tags (for the 'New Here' type functionality), rather use the MangleTags Widget""" DataTableTarget##entry1="first value" DataTableTarget##entry2="second value"/>
Set</$button></$reveal>
<$reveal type="match" state="!!temp" text="reset">
<$button set="!!temp" setTo="set">
<$x-setrefs $tiddler="WikitextTarget" !!field1="" !!tags="" !!text="" DataTableTarget!!text=""/>
Reset</$button></$reveal>
\define saveSnapshot()
<$button set="$:/_snapshots##$(snapshot)$" setTo={{$:/StoryList!!list}}>Save Snapshot</$button>
\end
\define showSnapshot()
<$button set="$:/StoryList!!list" setTo={{$:/_snapshots##$(snap)$}}>Show Snapshot</$button>
\end
;Show Snapshot
<span title="Select a Snapshot"><$select tiddler="$:/_snapshots" field="story-name" default='(none)'>
<$list filter="[[$:/_snapshots]indexes[]]" variable="currentIndex">
<option value=<<currentIndex>>><<currentIndex>></option>
</$list>
</$select></span>
<$set name="snap" value={{$:/_snapshots!!story-name}}>
<<showSnapshot>>
</$set>
;Save Snapshot
<span title="Enter a Name"><$edit-text tiddler="$:/_snapshots" field="story-name"/></span>
<$set name="snapshot" value={{$:/_snapshots!!story-name}}>
<<saveSnapshot >>
</$set>
;Tagged
<span title="Select a Tag"><$select tiddler="$:/_snapshots" field="target" default='(none)'>
<option value="null">(none)</option>
<$list filter="[all[tiddlers]tags[]sort[title]]">
<option value=<<currentTiddler>>><$view field="title"/></option>
</$list>
</$select></span>
<$makelist tiddler="$:/StoryList" filter="[tag{$:/_snapshots!!target}!has[draft.of]]">
<$button message="tw-make-list">Show Tagged</$button>
</$makelist>
{{$:/plugins/matabele/toc-button}}
<h1 class="menu">TOC</h1>
<h2 class="menu"><$button set="!!toggle" setTo="intro" tooltip="Introduction" class="tc-btn-invisible">Introduction{{$:/core/images/down-arrow}}</$button></h2>
<$reveal type="match" state="!!toggle" text="intro">
<li><<openSnapshot "Widgets for Buttons" "Introduction">></li>
<li><<openSnapshot "The Extended Widgets" "Extended Action Widgets">></li>
</$reveal>
<h2 class="menu"><$button set="!!toggle" setTo="widgets" tooltip="The Widgets" class="tc-btn-invisible">The Widgets{{$:/core/images/down-arrow}}</$button></h2>
<$reveal type="match" state="!!toggle" text="widgets">
<li><<openSnapshot "X-MakeTid Widget" "ActionMakeTidWidget">></li>
<li><<openSnapshot "X-SetRefs Widget" "ActionSetRefsWidget">></li>
<li><<openSnapshot "X-MangleTags Widget" "ActionMangleTagsWidget">></li>
</$reveal>
<h2 class="menu"><$button set="!!toggle" setTo="demos" tooltip="List Demos" class="tc-btn-invisible">Demos{{$:/core/images/down-arrow}}</$button></h2>
<$reveal type="match" state="!!toggle" text="demos">
<li><<openSnapshot "Demo for Mans" "Demo for Mans">></li>
<li><<openSnapshot "Another Demo" "Another Demo">></li>
<li><<openSnapshot "Demo for Jon" "Demo for Jon">></li>
<li><<openSnapshot "Cycle Tags Demo" "CycleTags Demo">></li>
<li><<openSnapshot "Demo for Richard" "Demo for Richard">></li>
</$reveal>
Find & Remove Filter: <span title="Select a Filter"><$select tiddler="$:/data" index="filter" default='(none)'>
<option value="null">(none)</option>
<option value="[prefix[$:/state/]]">prefix[$:/state/]</option>
<option value="[prefix[$:/temp/]]">prefix[$:/temp/]</option>
</$list>
</$select></span>
<table>
<tr><td> Tiddler Title </td> <td>
<$button tooltip="Modify All" class="tc-btn-invisible">
<$list filter={{$:/data##filter}}>
<$action-deletetiddler $tiddler=<<currentTiddler>>/>
</$list>
{{$:/core/images/close-all-button}}
</$button>
</td></tr>
<$list filter={{$:/data##filter}}>
<tr><td>{{!!title}}</td><td><$button tooltip="Modify Me" class="tc-btn-invisible"><$action-deletetiddler $tiddler=<<currentTiddler>>/>{{$:/core/images/close-button}}</$button></td></tr></$list>
</table>
Remove Tag: <span title="Select a Tag to Find"><$select tiddler="$:/temp/find" field="text" default='(none)'>
<option value="null">(none)</option>
<$list filter="[all[tiddlers]tags[]sort[title]]">
<option value=<<currentTiddler>>><$view field="title"/></option>
</$list>
</$select></span>
Replace With: <$edit-text tiddler="$:/temp/add" tag="input" type="text" placeholder="Add Me" />
<table>
<tr><th>Tiddler Title</th><th> <$button set=<<qualify "$:/state">> setTo="modify" tooltip="Modify All" class="tc-btn-invisible">
{{$:/core/images/close-all-button}}
</$button> </th></tr>
<$list filter="[tag{$:/temp/find}]">
<tr><td>{{!!title}}</td>
<td>
<$button tooltip="Modify Me" class="tc-btn-invisible">
<$click type="match" state=<<qualify "$:/state">> text="modify"/>
<$action-mangletags find={{$:/temp/find!!text}} add={{$:/temp/add!!text}}/>
{{$:/core/images/close-button}}
</$button>
</td>
</tr>
</$list>
</table>
Remove Tag: <span title="Select a Tag to Find"><$select tiddler="$:/data" index="remove" default='(none)'>
<option value="null">(none)</option>
<$list filter="[all[tiddlers]tags[]sort[title]]">
<option value=<<currentTiddler>>><$view field="title"/></option>
</$list>
</$select></span>
Replace With: <$edit-text tiddler="$:/data" index="add" tag="input" type="text" placeholder="Add Me" />
<table>
<tr><td> Tiddler Title </td> <td>
<$button tooltip="Modify All" class="tc-btn-invisible">
<$list filter="[tag{$:/data##remove}]">
<$action-mangletags tiddler=<<currentTiddler>> add={{$:/data##add}} remove={{$:/data##remove}}/>
</$list>
{{$:/core/images/close-all-button}}
</$button>
</td></tr>
<$list filter="[tag{$:/data##remove}]">
<tr><td>{{!!title}}</td><td><$button tooltip="Modify Me" class="tc-btn-invisible"><$action-mangletags tiddler=<<currentTiddler>> add={{$:/data##add}} remove={{$:/data##remove}}/>{{$:/core/images/close-button}}</$button></td></tr></$list>
</table>
<$button>
<$action-mangletags add="old"/>
Add old
</$button>
<$button>
<$action-mangletags remove="old" add="new"/>
Replace old with new
</$button>
<$button>
<$action-mangletags remove="new" add="old"/>
Replace new with old
</$button>
<$button>
<$action-mangletags remove="old"/>
<$action-mangletags remove="new"/>
Remove old and new
</$button>
A TextReference identifies a chunk of text from a tiddler that can be retrieved or modified depending on the context.
Text references are made up of several parts, most of which can be optional:
* `tiddlerTitle` - the text [[field|TiddlerFields]] of the specified tiddler
* `tiddlerTitle!!field` - a [[tiddler field|TiddlerFields]] (eg, `modified`, `modifier`, `type` etc)
* `!!field` - a [[field|TiddlerFields]] of the current tiddler
* `tiddlerTitle##propertyIndex` - extracts a named property from DataTiddlers
Text references can be used in several places:
* As [[indirect parameters|Filter Parameter]] within [[Filters]] (eg, `<$list filter="[tag{MyTag!!name}]"/>`)
* As IndirectAttributes of an element or widget (eg, `<$widget attrib={{Title!!description}}/>`)
* As the operand of a shortcut transclusion (eg, `{{MyTiddler!!title}}`)
* As the `state` attribute of the RevealWidget and the LinkCatcherWidget
!! Introduction
There is often a need for one button widget to initiate more than one function. For example, the user may wish to create a new tiddler and specify the value of various fields (especially the title and tags fields), or a user may wish to change the values of a number of fields in an existing tiddler with a single button.
I first explored the idea of stacked widgets for this functionality -- the most useful of these widgets were the SetField, MangleTags and MakeTid widgets. Much of the functionality of these widgets has now been included in the core with the introduction of the various action widgets. There are now two alternative mechanisms for implementing multifunction buttons:
* Stacking several widgets around a calling widget (usually a Button widget) -- the title of the target tiddler being passed through the stack via the parameter to the widget message.
* Stacking several action widgets within a Button widget, specifying the target for each action widget.
I have converted most of my legacy widgets into action widgets, where the button functionality seems better expressed. There remains a problem, however, when a user wishes to target a newly created tiddler with action widgets -- the title of the tiddler is unknown until the tiddler has been created. This precludes the use of action widgets which require the title of the target tiddler to be specified before creation of the new tiddler. I have provided a stackable version of the SetRefs widget to address this situation.
!! The X-SetRefs Widget
The functionality of the legacy SetField widget has now been largely superseded by the introduction of the ActionSetField widget.
With the functionality of the old SetField widget rendered redundant, I had to ask myself if there were any point in coding a replacement. After a little messing around, I came up with the X-SetRefs (~ActionSetTextReferences) widget -- a jack-of-all trades type widget, available both in the form of an action X-SetRefs widget and a stackable Tm-SetRefs widget. This addresses my preference for using the ~SetTextReference method, whilst providing multi-function capabilities all in one widget.
SetRefs widgets may be used in stacks for much the same purpose as ActionSetField widgets, but allow for a little more brevity in coding and a little more functionality. The widget provides for setting the values of any number of fields and data entries in the same or different target tiddlers all within a single widget call (although separating targets into separate calls may be less confusing!) The widget also allows for the manipulation of list fields ('tags' and 'list') or any other field to be used for this purpose. The widget also mimics the functionality of the Set widget (except values are applied to a TextReference rather than a variable) -- providinf for the sorting of a list after manipulation using standard filter expressions.
Note: Any explicit ~TextReferences override the default '~WikitextTarget' tiddler specified as the value to the '$tiddler' attribute.
Warning: Take care! Setting any data table value will overwrite the contents of the 'text' field of any ~WikiText target tiddler.
!! The X-MakeTid Widget
When creating a new tiddler, the title and tags of the new tiddler must often be set, several field may require values and the new tiddler may be created from a template. This may be beyond the capabilities of a single 'tm-new-tiddler' widget message, and creating tiddlers in the background is not possible with this method.
The X-MakeTid widget provides for the creation of a new tiddler in the background with or without the use of a template, whilst allowing for the setting of any number of tags and field values. In the case that the functionality of a single X-MakeTid widget is found wanting for the task, any number of TmSetRef widgets may be stacked around the X-MakeTid widget to extend the functionality of the button. This provides for indirect addressing of the attribute names ($set and $setTo), manipulation of list fields other than the tags field ($list) and more.
!! The X-MangleTags Widget
Setting the value of a tags field using X-SetRefs widgets may suffice in many circumstances, however, a user may wish instead to replace a tag, or may wish to control the order in which the items appear in the list. This is the function of the X-MangleTags widget -- which provides a true search and replace functionality, and provides for the sorting of the list after manipulation using standard filter expressions.
The use of the widget is not restricted to the 'tags' field and may, in addition, be used to target any custom field to function as a list (specified by the $list parameter.)
!! Proof of Concept
These widgets are designed as a proof of concept for the desired functionality -- they have been cobbled together from fragments of existing code. The existing functionality of the widgets appears sound and additional functionality may be added (especially as to the ordering of custom list fields in the ActionMagleTags widget.)
\define openSnapshot(text,snapshot)
<$button set="$:/StoryList!!list" setTo={{$:/_snapshots##$snapshot$}} tooltip="Open Snapshot" class="tc-btn-invisible">$text$</$button>
\end
!! Introduction
This site explores the creation and use of multifunction buttons. I have, in general, replaced my legacy stacked widgets (MakeTid, MangleTags and SetField) with action widgets, as I find the action widget mechanism more direct, more easily understood and easier to use than widgets based upon widget messaging.
My old site, along with the legacy widgets, may be found [[here | http://gwiz.tiddlyspot.com]]
I have also condensed the functionality of several widgets into only three widgets:
* the ActionMakeTid widget -- designed to create new tiddlers in the background and includes extensions to the functionality of my legacy MakeTid widget
* the ActionMangleTags widget -- designed to manipulate text strings in list fields (such as the 'tags' field) and includes extensions to the functionality of my legacy MangleTags widget
* the ActionSetRefs widget -- designed as a 'jack-of-all-trades' widget for the setting of TextReferences and includes numerous changes to my legacy SetField widget, as much of the original functionality has been superseded by the ActionSetField widget.
In this way, the same widget may be used for various different purposes and may be used (with care) for several purposes at once.
I include a widget messaging version of the SetRefs widget -- the purpose of this is to extend the functionality of the ActionMakeTid widget; should this be necessary. The messaging version is necessary as the name of a newly created tiddler is not known at the time of coding, and becomes known only upon creation of the new tiddler.
The title of the new tiddler is carried through the stack via the parameter to the 'tm-setrefs' widget message. I find this mechanism preferable to setting the 'currentTiddler' parameter to the title of the target (which has the unpleasant side effect of effecting all other TextReferences used within the button widget stack.)
The site has itself been built entirely in the form of a standalone ~TiddlyWiki, making use of these button widgets for creating the desired functionality.
*<<openSnapshot "The Extended Button Widgets" "Extended Action Widgets">>
!! The Widget Plugins
These button widgets are currently available in the plugin:
*<<openSnapshot "The ~ActionMakeTid Widget" "ActionMakeTidWidget">>
*<<openSnapshot "The ~ActionSetRefs Widget" "ActionSetRefsWidget">>
*<<openSnapshot "The ~ActionMangleTags Widget" "ActionMangleTagsWidget">>
Drag this plugin over to your TW5: [[$:/plugins/matabele/extended-button-widgets]]
---
// {{$:/core/ui/Buttons/save-wiki}} To return to this menu click the 'Home' button//
In this demo -- the values of the text field of two tiddlers are toggled between values using the $x-setrefs widget.
<$macrocall $name='wikitext-example-without-html'
src="""<$reveal type="nomatch" state="!!state1" text="show">
<$button set="!!state1" setTo="show">
<$x-setrefs $tiddler="target" !!text="2" other-target!!text="your-content" ++1="this is a new tag"/>
Set</$button>
</$reveal>
<$reveal type="match" state="!!state1" text="show">
<$button set="!!state1" setTo="hide" message="tm-setref">
<$x-setrefs $tiddler="target" !!text="other-content" other-target!!text="1" --1="this is a new tag"/>
Reset</$button>
</$reveal>"""/>
;example image
:[[lights.jpg]]
simple image button using ''caption'' field at the image
`<<ibox lights.jpg>>`
<<ibox lights.jpg>>
image button with custom caption
`<<ibox lights.jpg "amazing ligths">>`
<<ibox lights.jpg "amazing ligths">>
just the image — displays image name as modal title, no captions though
`<<ibox lights.jpg direct:yes>>`
<<ibox lights.jpg direct:yes>>
image button with [[custom style classes|$:/.tb/styles/pretty]]
`<<ibox lights.jpg btn-class:"ibox-btn tc-btn-invisible pretty">>`
<<ibox lights.jpg btn-class:"ibox-btn tc-btn-invisible pretty">>
This wiki shows how to display images in lightboxes in TiddlyWiki version <<version>> using the `<<ibox>>` macro.
* [[Examples]]
* [[Parameters]]
* [[Installation]]
* [[Modal Template]] — [[Lightbox]]
[[References]]
Drag and drop these two into your wiki...
<<source [[Lightbox]]>>
<<source [[$:/.tb/macros/ibox]]>>
<$image source=<<image>> width="100%" height="100%"/><$reveal type=match text="" default=<<caption>>><$transclude tiddler=<<image>> field=caption/></$reveal><$reveal type=nomatch text="" default=caption><<caption>></$reveal>
The default template used for the ibox modal.
<<source [[Lightbox]]>>
`<<ibox image [caption] [template] [btn-class]>>`
|!#|!Parameter|!Description|!Default|
|1|''image'' |the image tiddler| |
|2|''caption'' |a custom caption<br>» defaults to ''caption'' field at image| |
|3|''template'' |the template for the modal dialog|[[Lightbox]]|
|4|''btn-class'' |the css class for the image button|`ibox-btn`|
|5|''direct'' |when set to `direct:yes` use the image tiddler as the modal template||
;modal lightbox discussion
:https://groups.google.com/d/msg/tiddlywiki/eJoZu8G7fng/cWFHfYLNtcYJ
;modal image lightbox at twmall
:http://www.giffmex.org/tw5mall.htm
http://tb5.tiddlyspot.com
''an amazing selection of free vector icons, flat, line and pictograms, designed for ui''
<<i "http://www.awwwards.com/great-collection-of-free-vector-icons-and-pictograms-for-interfaces-and-responsive-web-design.html" "http://www.awwwards.com/awards/images/2014/01/free-icons-2014-05.jpg">>
<<ia "beautiful-flat-icons-by-elegantthemes.html" "elegantthemes/beautiful-flat/icons-390.jpg">>
<<ia "crystal-clear-icons-by-everaldo.html" "everaldo/crystal-clear/icons-390.jpg">>
<<ia "flag-icons-by-famfamfam.html" "famfamfam/flag/icons-390.jpg">>
<dl class="preview">
<<list-search
"[tag[font]sort[]]"
"search"
"$:/temp/list-search-fonts"
"$:/.tb/template/preview-item"
placeholder:"Filter font names..." >>
</dl>
; API
: https://github.com/fontello/fontello#developers-api
!! Listed Icon Fonts
<<summaries>>
<<i
"http://www.freepik.com"
"http://img.freepik.com/free-photo/vintage-hand-drawn-elements_23-2147501868.jpg"
>>
<<ia "flag-icons-by-gosquared.html" "gosquared/flag/icons-390.jpg">>
<<ia "colorful-long-shadow-icons-by-graphicloads.html" "graphicloads/colorful-long-shadow/icons-390.jpg">>
<<ia "100-flat-icons-by-graphicloads.html" "graphicloads/100-flat/icons-390.jpg">>
<<ia "100-flat-2-icons-by-graphicloads.html" "graphicloads/100-flat-2/icons-390.jpg">>
<<ia "battery-icons-by-graphicloads.html" "graphicloads/battery/icons-390.jpg">>
!! App
* browse 4000+ free vector icons
* custom & crisp icon font generator
* import your own vectors to make fonts
* generate CSS sprites with any size or color
* basic glyph editing
* icon packs
!! Icons
* 2000+ vector icons
* handcrafted on a grid
* various formats: SVG, font, etc.
* money back guarantee
* free updates
<dl class="preview">
<<list-search
"[tag[icons]sort[]]"
"search"
"$:/temp/list-search-icons"
"$:/.tb/template/preview-item"
placeholder:"Filter..." >>
</dl>
<<ia "ios7-icons-by-icons8.html" "icons8/ios7/icons-390.jpg">>
<<ia "windows-8-icons-by-icons8.html" "icons8/windows-8/icons-390.jpg">>
<<ia "woofunction-icons-by-wefunction.html" "wefunction/woofunction/icons-390.jpg">>
<<font modernpictograms>>
<<ia "oxygen-icons-by-oxygen-icons.org.2.html" "oxygen-icons.org/oxygen/icons-390.jpg">>
<<ia "snowish-icons-by-saki.html" "saki/snowish/icons-390.jpg">>
<$edit-text
tiddler="$:/temp/search-icons"
type="search"
tag="input"
default=""
placeholder="Search icons..."/>
<$list filter="[tag[font]sort[]]" template="$:/.tb/template/search-icons">
! @@color:#ccc; [[fonts|font]] — [[search]] — [[icons]] — [[sites]] — [[tools]]@@
<dl class="preview">
<<list-search
"[tag[icons]sort[]]"
"search"
"$:/temp/list-search-start"
"$:/.tb/template/start-item"
placeholder:"Filter..." >>
</dl>
<$list filter="[tag[CommunityAuthors]has[licence]]">
<$list filter="[tag[CommunityWikis]tag<currentTiddler>]">
<$view field="wiki-address"/>|<$view field="title"/><br/>
</$list>
</$list>
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
\define listDailyThings(day)
<$reveal type='nomatch' state='!!blank' text='$day$'>
<$button class='tc-btn-invisible' style='width:100%;height:100%'><$action-sendmessage $message='tm-notify' $param='Change Width/Font Size'/>
<$action-navigate $to=<<thisMakeDayTiddlerName>>/>
<$set name=someDay value=$day$>
<$set name=SelectedMonth value={{!!month}}>
<$set name=SelectedYear value={{!!year}}>
<$set name=DateString value=<<thisMakeDateString>>>
<div style='height:100%;width:100%;position:relative;text-align:left;vertical-align:top;z-index=0'>
''$day$''<br>
<$list filter='[has<DateString>]-[[$:/temp/MakeCalendarEntry]]'>
<$view field='title'/> x <$view field=<<DateString>>/><br>
</$list>
</div>
</$set>
</$set>
</$set>
</$set>
</$button>
</$reveal>
\end
\define thisMakeDateString()
$(SelectedYear)$_$(SelectedMonth)$_$(someDay)$
\end
<table class='calendar-table'>
<tr>
<th>Sunday</th>
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thursday</th>
<th>Friday</th>
<th>Saturday</th>
</tr>
<tr>
<td><<listDailyThings>></td>
<td><<listDailyThings>></td>
<td><<listDailyThings>></td>
<td><<listDailyThings 1>></td>
<td><<listDailyThings 2>></td>
<td><<listDailyThings 3>></td>
<td><<listDailyThings 4>></td>
</tr>
<tr>
<td><<listDailyThings 5>></td>
<td><<listDailyThings 6>></td>
<td><<listDailyThings 7>></td>
<td><<listDailyThings 8>></td>
<td><<listDailyThings 9>></td>
<td><<listDailyThings 10>></td>
<td><<listDailyThings 11>></td>
</tr>
<tr>
<td><<listDailyThings 12>></td>
<td><<listDailyThings 13>></td>
<td><<listDailyThings 14>></td>
<td><<listDailyThings 15>></td>
<td><<listDailyThings 16>></td>
<td><<listDailyThings 17>></td>
<td><<listDailyThings 18>></td>
</tr>
<tr>
<td><<listDailyThings 19>></td>
<td><<listDailyThings 20>></td>
<td><<listDailyThings 21>></td>
<td><<listDailyThings 22>></td>
<td><<listDailyThings 23>></td>
<td><<listDailyThings 24>></td>
<td><<listDailyThings 25>></td>
</tr>
<tr>
<td><<listDailyThings 26>></td>
<td><<listDailyThings 27>></td>
<td><<listDailyThings 28>></td>
<td><<listDailyThings 29>></td>
<td><<listDailyThings 30>></td>
<td><<listDailyThings 31>></td>
<td><<listDailyThings>></td>
</tr>
</table>
\define listDailyThings(day)
<$set name=someDay value=$day$>
<$set name=SelectedMonth value={{!!month}}>
<$set name=SelectedYear value={{!!year}}>
<$set name=DateString value=<<thisMakeDateString>>>
''$day$''<br>
<$list filter='[has<DateString>]-[[$:/temp/MakeCalendarEntry]]'>
<$view field='title'/> x <$view field=<<DateString>>/><br>
</$list>
</$set>
</$set>
</$set>
</$set>
\end
\define thisMakeDateString()
$(SelectedYear)$_$(SelectedMonth)$_$(someDay)$
\end
This tiddler has two fields: month and year
The month field contains september (note that it is lowercase, this is important) and the year field contains 2014
These fields are what determines the month and year of the entries in the calendar, so if you make other months/years you need to change those fields appropriately. To make a calendar for another month clone this tiddler and edit it in the following ways:
*Give it a new title
*change the parameter passed to the listDailyThings macros in the table below to reflect the days of the week each date falls on
*Change the month and year fields
This demo uses the following tiddlers:
*[[2014 September]] - this tiddler
*[[2014 January]] - another month tiddler for testing
*[[Calendar Totals]] - a tiddler that will show the total number of days each activity has happened, can be broken down by year or month. If something was done multiple times in a single day some math will be required to count. This will require more than just the calc macro from tb5, so I will worry about this later.
*[[Make Calendar Entry]] - the tool to add entries to the calendar
*[[Running]], [[Yoga]], [[Biking]] - the activities that can be added to the calendar. You can ignore these and make your own using the [[Make Calendar Entry]] tiddler.
*[[Calendar Table Style]] - the css stylesheet for how the calendar is displayed. You can ignore this and make your own without breaking anything, just edit this tiddler where it says `<table class='calendar-table'>` to replace `calendar-table` with your class.
For the examples I used having the number of times doesn't make a lot of sense, but it is there in case it is wanted. I may add some configuration so that you can hide it if you don't want it.
<table class='calendar-table'>
<tr>
<th>Sunday</th>
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thursday</th>
<th>Friday</th>
<th>Saturday</th>
</tr>
<tr>
<td><<listDailyThings>></td>
<td><<listDailyThings 1>></td>
<td><<listDailyThings 2>></td>
<td><<listDailyThings 3>></td>
<td><<listDailyThings 4>></td>
<td><<listDailyThings 5>></td>
<td><<listDailyThings 6>></td>
</tr>
<tr>
<td><<listDailyThings 7>></td>
<td><<listDailyThings 8>></td>
<td><<listDailyThings 9>></td>
<td><<listDailyThings 10>></td>
<td><<listDailyThings 11>></td>
<td><<listDailyThings 12>></td>
<td><<listDailyThings 13>></td>
</tr>
<tr>
<td><<listDailyThings 14>></td>
<td><<listDailyThings 15>></td>
<td><<listDailyThings 16>></td>
<td><<listDailyThings 17>></td>
<td><<listDailyThings 18>></td>
<td><<listDailyThings 19>></td>
<td><<listDailyThings 20>></td>
</tr>
<tr>
<td><<listDailyThings 21>></td>
<td><<listDailyThings 22>></td>
<td><<listDailyThings 23>></td>
<td><<listDailyThings 24>></td>
<td><<listDailyThings 25>></td>
<td><<listDailyThings 26>></td>
<td><<listDailyThings 27>></td>
</tr>
<tr>
<td><<listDailyThings 28>></td>
<td><<listDailyThings>></td>
<td><<listDailyThings>></td>
<td><<listDailyThings>></td>
<td><<listDailyThings>></td>
<td><<listDailyThings>></td>
<td><<listDailyThings>></td>
</tr>
</table>
<$macrocall $name="youtube-embed" video={{$:/.rich/data/videos##73}} start="00:00:02" end="00:00:10"/>
test long description
<$set name=videoID value={{$:/.rich/data/videos##73}}>
<$macrocall $name="youtube-embed" video=<<videoID>> start="00:00:10" end="00:00:20"/>
</$set>
test long description
I maintain this list of community plugins and try to keep it up to date but with the number of potential sources, sites moving and time constraints it isn't always possible for me to update everything in a reasonable amount of time.
So, if you would like your plugins listed here it would be very helpful if you would come to this site and use the [[Plugin twCard]] tiddler to create and update the information for your plugins. Since you can't save content on this site I am hoping that you will make/update the info using the appropriate tab and then copy the new/updated tiddler to your plugin site. Then either [[contact me|http://ooktech.com/jed/externalbrain/#Who%20is%20this%20inmysocks%20guy%3F]] or put news on the community site and I will hopefully see it and copy the new or updated tiddler here.
For the moment it is probably best to keep a single listing of the plugin information instead of having the information on each site to prevent duplicate cards appearing on different sites and naming conflicts. We may be able to come up with a solution that doesn't require a list like this at some point, but I don't think we can do that yet.
Also, if you fill out the card than you can include a long description and the other fields (or suggest useful fields for me to add) and then we may be able to put a more complete description on the community search. Only the first 8 fields are currently used (plugin_tiddler and above), but that may change.
Please make or update your plugins! It will help a lot.
!!Who is this inmysocks guy?
People generally call me Jed. I have a site [[over here|http://ooktech.com/jed/externalbrain/]] that acts as the center of my online presence. If you want more go look at that site.
!!And why this wiki?
I started making this offline so I could remember how to do things using tiddlywiki, then I moved it online so I didn't have to worry about syncing it between computers. Then somehow other people thought it was useful. Or possibly lied to me and said it was useful.
Either way, here it is.
!!And?
I have no idea if people actually find this useful, or if people look at this page. So, feedback is appreciated. Click on the word bubble icon in the upper right to give feedback.
!!Also....
I do like to eat, I am trying to start a small tech company and this is something I do in my spare time. If you would like to help out with the 'making sure jed eats' thing you can [[donate on my other site|http://ooktech.com/jed/externalbrain/#Donate]].
Does it ever seem like I may have too many projects?
The text of teh tiddler should be `<div style='height:xxxpx'></div>` with xxx set to the height we need to offset the top by.
It would probably have more use in the non-tasklist type things.
not a huge deal, but it should be there
It would set fields called:
day_due
month_due
year_due
But other people seem to really like the idea.
This may just be a select widget that can select any of the tags currently in use by a visible task. Use the same sort of thing as in the bookmarks.
https://groups.google.com/forum/#!topic/tiddlywiki/lVRs1qfXEsc
Also put together a demo site
It is simple, but this one is a text entry field, it will be different than the others.
It will require list widgets and templates.
For most parts, states and such, just add the list name to the tiddler name, so `$:/state/TaskList/<<ListName>>/` as a prefix. But for actually building the lists I am less sure. It would probably have to be a tag because using a field would either restrict the list names to valid field names or only allow each item to be on a single list. I want to avoid both of these things.
This would have to have the same restriction on changing tiddlers that are listened to for changes or else it could cause infinite loops.
Conditions to use:
a certain date
a certain amount of time since the trigger was added
a field is set to a specific value
others?
This happens all the time. No one really minds passing around the books, but being able to figure out where a book is when someone else wants to borrow it would be nice.
All of the show/hide states have the prefix `$:/state/TaskList/ShowCategory/`, so if we just use a list inside a button that sets all of the returned tiddlers to show or hide than that would work.
The problem with this is that if you have multiple lists it will affect every list. I could avoid this by giving lists names so the states would be prefixed with `$:/state/TaskList/<<ListName>>/ShowCategory/`.
It would be every n days, or n weeks or months or whatever.
This would use the same thing as setting an event as done after its date passes, but instead of adding the finished tag to the event/task, it increments the date field by the required amount.
This may require the action-increment widget and the trigger actions plugin. Also it would require the trigger actions plugin to be able to work given a state based trigger instead of on change.
Just some indentation would work.
Because I am moving and I want to actually be able to keep track of my stuff
This lets you search for all tiddlers with a specific tag and selectivly replace that tag with another one. Or if the 'Replace With' field is empty just remove the tag from the tiddler(s).
Filter:
<$edit-text tiddler='$:/temp/AddTags' field='filter' class='tc-edit-texteditor'/>
Tag to add: <$edit-text tiddler='$:/temp/AddTags' field='add_tag' class='tc-edit-texteditor'/>
<table>
<tr><th>Tiddler Name</th><th></th></tr>
<$list filter={{$:/temp/AddTags!!filter}}>
<$fieldmangler tiddler=<<currentTiddler>>>
<tr><td><$link to=<<currentTiddler>>><$view field='title'/></$link></td><td><$button>Add Tag<$action-sendmessage $message='tm-add-tag' $param={{$:/temp/AddTags!!add_tag}}/></$button></td></tr>
</$fieldmangler>
</$list>
</table>
I should probably finish them anyway
I could also change it so that the categories list the year, day and month instead of the categories like they do now. Or at least have that option.
This will have to be more than 'sort[year]sort[month]sort[day]'. We could make a variable that is $(year)$$(month)$$(day)$ and nsort using that. This would require us to have an extra field for due date and created date. We could use the output of now for created date, just use `<<now YYYY0MM0DD>>`. We would have to build this for the due date. It wouldn't be terribly hard to do.
\define thisMakeText()
{{!!segment_description}}
$(thisVideoIframe)$
$(thisLongDescription)$
\end
\define thisMakeSegmentName()
$(selectedVideo)$ - $(startTime)$ to $(endTime)$
\end
\define getProperTags() [[$(properTag)$]] [[$(selectedVideo)$]]
\define properTag() [[Video Segment]]
\define thisMakeVideoIframe()
<$set name=videoID value={{$:/.rich/data/videos##$(selectedVideo)$}}>
<$macrocall $name="youtube-embed" video=<<videoID>> start="$(startTime)$" end="$(endTime)$"/>
</$set>
\end
<$set name=selectedVideo value={{!!selected_video}}>
<<selectedVideo>>
<!-- inputs for adding a video segment -->
Video Segment (Start and End times should be in hh:mm:ss form):<br>
Start:
<$edit-text tiddler='$:/temp/videosegment' field=start size='10'/>
End:
<$edit-text tiddler='$:/temp/videosegment' field=end size='10'/> (<$button>Set Video Time<$action-setfield embed_start={{$:/temp/videosegment!!start}} embed_end={{$:/temp/videosegment!!end}}/></$button>, <$button>Reset Video Time<$action-setfield embed_start='00:00:00' embed_end='99:99:99'/></$button>)
Short Description:<br><$edit-text tiddler='$:/temp/videosegment' field='segment_description' class='tc-edit-texteditor' placeholder='Short description for Video Segment' class='tc-edit-texteditor'/><br>
Long Description:<br><$edit-text tiddler='$:/temp/videosegmentlongdescription' field='text' class='tc-edit-texteditor' placeholder='Long description for Video Segment' class='tc-edit-texteditor'/><br>
<!-- Segment tag editor -->
Tags (it will always be tagged with the name of the video by default):<br>
<$reveal type=match state='$:/state/videosegmenttag!!add_or_create_tag' text='create'>
New Tag: <$edit-text tiddler='$:/state/videosegmenttag' field='tag_temp' placeholder='New Tag'/><$fieldmangler tiddler='$:/state/videosegmenttag'>
<$button>Create Tag
<$action-setfield $tiddler={{$:/state/videosegmenttag!!tag_temp}} $field='video_tag' $value='true'/>
<$action-setfield $tiddler='$:/state/videosegmenttag' $field='tag_temp' $value=''/>
</$button>
</$fieldmangler><$button set='$:/state/videosegmenttag!!add_or_create_tag' setTo='nocreate'>Done</$button><br>
</$reveal>
<$reveal type='nomatch' state='$:/state/videosegmenttag!!add_or_create_tag' text='create'>
Tag to add:
<$select tiddler='$:/state/videosegmenttag' field='selected_tag'>
<$list filter='[video_tag[true]]'>
<option value=<<currentTiddler>>><$view field='title'/></option>
</$list>
</$select>
<$fieldmangler tiddler='$:/temp/videosegment'>
<$button>
<$action-sendmessage $message='tm-add-tag' $param={{$:/state/videosegmenttag!!selected_tag}}/>Add Tag
</$button><$button set='$:/state/videosegmenttag!!add_or_create_tag' setTo='create'>New Tag</$button>
</$fieldmangler>
<br>
</$reveal>
List of current tags:<br>
<$fieldmangler tiddler='$:/temp/videosegment'>
<$list filter='[[$:/temp/videosegment]tags[]]'><$view field='title'/> <$button>Remove Tag<$action-sendmessage $message='tm-remove-tag' $param=<<currentTiddler>>/></$button><br> </$list>
</$fieldmangler>
<!-- Button to create tiddler for the video segment -->
<$set name=startTime value={{$:/temp/videosegment!!start}}>
<$set name=endTime value={{$:/temp/videosegment!!end}}>
<$set name=properTag value="""Video Segment""">
<$set name=thisLongDescription value={{$:/temp/videosegmentlongdescription!!text}}>
<$set name=thisVideoIframe value=<<thisMakeVideoIframe>>>
<$fieldmangler tiddler=<<thisMakeSegmentName>>>
<$button>Add Video Segment
<$action-setfield $tiddler='$:/temp/videosegment' title=<<thisMakeSegmentName>>/>
<$action-sendmessage $message='tm-add-tag' $param=<<properTag>>/>
<$action-sendmessage $message='tm-add-tag' $param=<<selectedVideo>>/>
<$action-setfield $tiddler=<<thisMakeSegmentName>> $field='text' $value=<<thisMakeText>>/>
<$action-setfield $tiddler='$:/temp/videosegment' start='' end='' link='' segment_description=''/>
<$action-setfield $tiddler='$:/temp/videosegmentlongdescription' text='' tags=<<properTag>>/>
</$button>
</$fieldmangler>
</$set>
</$set>
</$set>
</$set>
<!-- List of video segments -->
<$list filter='[tag<selectedVideo>tag[Video Segment]sort[title]]'>
<$button class='tc-btn-invisible'>__{{!!start}} to {{!!end}} - {{!!segment_description}}__<$action-setfield $tiddler='YouTube Video Annotations' embed_start={{!!start}} embed_end={{!!end}}/></$button> <$link to=<<currentTiddler>>>(Open Tiddler)</$link><br>
</$list>
\define thisMakeTiddlerName(TimeStamp)
$(selectedVideo)$ - $(timeStamp)$
\end
\define getProperTag() [[$(properTag)$]]
\define thisThing(YoutubeID TimeStampName SelectedVideo TimeStamp)
<$button>Add Timestamp
<$action-setfield $tiddler='$:/temp/videotimestamp' title=<<thisMakeTiddlerName $TimeStamp$>>/>
<$action-setfield $tiddler='$:/temp/videotimestamp' timestamp='' link='' description='' tags=<<getProperTag>>/>
<$action-sendmessage $message='tm-add-tag' $param={{!!selected_video}}/>
<$action-setfield $tiddler=<<thisMakeTiddlerName $TimeStamp$>> vidname={{!!selected_video}} youtubeid={{$:/.rich/data/videos##$SelectedVideo$}} timestamp={{$:/temp/videotimestamp!!timestamp}}/>
</$button>
\end
\define getYouTubeID(selectedVideo) {{$:/.rich/data/videos##$selectedVideo$}}
\define getYouTubeID2() <$macrocall $name=getYouTubeID selectedVideo={{!!selected_video}}/>
<$set name=selectedVideo value={{!!selected_video}}>
<!-- Timestamp Time -->
Timestamp:
<$edit-text tiddler='$:/temp/videotimestamp' field=timestamp size='10' placeholder='Timestamp'/>
<!-- Add timestamp button -->
<$set name=timeStamp value={{$:/temp/videotimestamp!!timestamp}}>
<$set name=timeStampName value=<<thisMakeTiddlerName>>>
<$set name=properTag value="""Video Timestamp""">
<$fieldmangler tiddler=<<timeStampName>>>
<$macrocall $name=thisThing TimeStampName=<<timeStampName>> SelectedVideo={{!!selected_video}} TimeStamp={{$:/temp/videotimestamp!!timestamp}}/>
</$fieldmangler>
</$set>
</$set>
</$set>
<!-- Timestamp description -->
Description:<br><$edit-text tiddler='$:/temp/videotimestamp' field='description' class='tc-edit-texteditor' placeholder='Description for Timestamp' class='tc-edit-texteditor'/><br>
<!-- Timestamp tag editor -->
Tags (it will always be tagged with the name of the video by default):<br>
<$reveal type=match state='$:/state/videotag!!add_or_create_tag' text='create'>
New Tag: <$edit-text tiddler='$:/state/videotag' field='tag_temp' placeholder='New Tag'/><$fieldmangler tiddler='$:/state/videotag'>
<$button>Create Tag
<$action-setfield $tiddler={{$:/state/videotag!!tag_temp}} $field='video_tag' $value='true'/>
<$action-setfield $tiddler='$:/state/videotag' $field='tag_temp' $value=''/>
</$button>
</$fieldmangler><$button set='$:/state/videotag!!add_or_create_tag' setTo='nocreate'>Done</$button><br>
</$reveal>
<$reveal type='nomatch' state='$:/state/videotag!!add_or_create_tag' text='create'>
Tag to add:
<$select tiddler='$:/state/videotag' field='selected_tag'>
<$list filter='[video_tag[true]]'>
<option value=<<currentTiddler>>><$view field='title'/></option>
</$list>
</$select>
<$fieldmangler tiddler='$:/temp/videotimestamp'>
<$button>
<$action-sendmessage $message='tm-add-tag' $param={{$:/state/videotag!!selected_tag}}/>Add Tag
</$button><$button set='$:/state/videotag!!add_or_create_tag' setTo='create'>New Tag</$button>
</$fieldmangler>
<br>
</$reveal>
List of current tags:<br>
<$fieldmangler tiddler='$:/temp/videotimestamp'>
<$list filter='[[$:/temp/videotimestamp]tags[]]'><$view field='title'/> <$button>Remove Tag<$action-sendmessage $message='tm-remove-tag' $param=<<currentTiddler>>/></$button><br> </$list>
</$fieldmangler>
<br>
<!-- list existing timestamps -->
<$list filter='[tag<selectedVideo>!tag[Video Segment]sort[title]]'>
<$button class='tc-btn-invisible'>__{{!!title}} - {{!!description}}__<$action-setfield $tiddler='YouTube Video Annotations' embed_start={{!!timestamp}} embed_end=99:99:99/></$button> <$macrocall $name=youtube-link video={{!!youtubeid}} time={{!!timestamp}} text='(External Link)'/> <$link to=<<currentTiddler>>>(Open Tiddler)</$link><br>
</$list>
A single Image can be added to a tiddlers title as an icon. An example is she red checkmark in the title of this tiddler.
To do this you create a field called `icon`, and in that field you list the name of an image tiddler, the image from that tiddler will then be used an the icon. Note that you just put in the tiddlers name without any `{{` and `}}` or other markup.
For images in the core, and possibly other SVG images, you can also create a field called `color` which will give you a color picker that sets the color of the svg icon.
If you want to use an icon from [[font awesome|Using Font Awesome]] you can, but you need to make a tiddler and put the code for the icon in its text field, and then list that tiddler in the icon field of your original tiddler. For font awesome icons you need to set the icons color in the tiddler displaying the icon, you can't use the color field the way you can with the core icons.
These images will not be displayed on the table of contents or tabs created using the tabs macro, in order to do that you have to use [[the caption field|The Caption Field]] of a tiddler.
The css class for this icon is `tc-tiddler-title-icon`.
To add an image you have two main options:
*Importing using the import button on the side menu (it is at the top of this wiki, by default it is on the right side)
*Importing by dragging and dropping a file onto the wiki window
!!Importing using the button
Click on the button, which will open up a dialogue that allows you to navigate to the location of the image you want to import on your computer and select the image and click OK. Then an import tiddler will open listing the name of the picture, click the import button and the picture is now part of your wiki. The the tiddler name is the full image file name, you can open it up by clicking on the name in the tiddler that appears after you import it. If you wish to change the name of the picture in your wiki you can edit the name in the same way as any other tiddler.
!!Importing by dragging and dropping
Find the image you want using a file manager and click on the images name or icon, then still holding down the mouse button drag the icon to the window where you have your wiki open and when your mouse is over some part of your wiki release the mouse button. The import tiddler should appear and you can click import to import the image. The the tiddler name is the full image file name, you can open it up by clicking on the name in the tiddler that appears after you import it. If you wish to change the name of the picture in your wiki you can edit the name in the same way as any other tiddler.
!Using the KaTeX plugin.
!!List of known things that KaTeX can't do:
* `\textbf{}`
* `\begin{}` - nothing that uses this works yet
* There are probably more, but those are the things that have come up for me so far.
This means that you can't have multi-line equations using KaTeX, so you should use the [[SVG image method|Making Latex Equations SVG Images]] or MathJax to do them. I like the SVG images better since you don't need to be online to view them.
TiddlyWiki can do native LaTeX equations using the KaTeX plugin, and doesn't require a connection to the internet. Just surround equations with ``$$`` to get the LaTeX output.
```
$$p(z) =\sum_{m=0}^{\infty} \frac{e^{-A}A^m}{m!} \frac{1}{\sqrt{2\pi \sigma^2_m}}e^{-\frac{|z|^2}{2\sigma^2_m}}$$
```
gives
$$p(z) =\sum_{m=0}^{\infty} \frac{e^{-A}A^m}{m!} \frac{1}{\sqrt{2\pi \sigma^2_m}}e^{-\frac{|z|^2}{2\sigma^2_m}}$$
<<bottomOfTiddler {{!!title}}>>
Add a tag
```
<$fieldmangler><$button message="tm-add-tag" param="bob">Add tag</$button></$fieldmangler>
```
<$fieldmangler><$button message="tm-add-tag" param="bob">Add tag</$button></$fieldmangler>
For a more useful example of how this could be used see [[Search and Replace Tags]].
<<bottomOfTiddler {{!!title}}>>
.tc-tiddler-frame .tc-tiddler-body {
font-family: {{$:/state/Site Accessability Options!!fontfamily}};
font-weight: {{$:/state/Site Accessability Options!!fontweight}};
font-size: {{$:/state/Site Accessability Options!!fontsize}};
line-height: {{$:/state/Site Accessability Options!!lineheight}};
word-spacing: {{$:/state/Site Accessability Options!!wordspacing}};
letter-spacing: {{$:/state/Site Accessability Options!!letterspacing}};
text-decoration: {{$:/state/Site Accessability Options!!textdecoration}};
}
<$set name=WidthOption value={{$:/settings/apperance/TiddlerWidthSettings!!width_option}}>
<$set name=StoryRiverWidth filter='[[$:/settings/apperance/TiddlerWidthSettings/story_river]get<WidthOption>]'>
<$set name=SidebarScrollableLeft filter='[[$:/settings/apperance/TiddlerWidthSettings/sidebar_scrollable]get<WidthOption>]'>
<$set name=TiddlerFrameWidth filter='[[$:/settings/apperance/TiddlerWidthSettings/tiddler_frame]get<WidthOption>]'>
.tc-story-river {
width: <<StoryRiverWidth>>;
left: 0px;
top: 0px;
padding: 42px;
}
.tc-sidebar-scrollable {
position: fixed;
top: 0px;
left: <<SidebarScrollableLeft>>;
bottom: 0px;
right: 0px;
overflow: auto;
margin: 0px 0px 0px -42px;
padding: 71px 0px 28px 42px;
}
.tc-tiddler-frame {
padding: 28px 42px 42px;
width: <<TiddlerFrameWidth>>;
border-radius: 2px;
}
</$set>
</$set>
</$set>
Each plugin should have an information tiddler with a standard form that can be displayed on a listing/directory site using a standard template.
It would probably be best to have something like a miniplugin tiddler, that is a tiddler with a standardized set of fields. The text would be a description of the plugin, not necessarily documentation. Each tiddler, or possibly just each widget, will have a field named after them, and the content of the field will be a tiddler devoted to that tiddler or widget.
Of if possible, just a single json data tiddler to it can be dragged and dropped from the source site to the listing site.
For the plugin:
*Current version
*Date of most recent update
*Link to github/source
*A link to the plugin documentation (developers site?)
The tiddlers explaining the individual parts of the plugin, with a standard set of fields.
For each widget/tiddler
*Link to the widget specific documentation (hopefully indepth)
*A link to examples showing how the widget is used
|Name |<$view field='caption'/> |
|Type |<$view field='name_plate_type'/> |
|Description |<$view field='description'/> |
|URL |<a href={{!!url}} target='_blank'><$view field='url'/></a> |
See [[TiddlerSlider Macro]] for a macro that does this.
This sets a tiddler to open inside the current tiddler. You can close it by clicking on the x that appears.
You can put whatever code you want inside of this, but the tiddler will be displayed under the `</$navigator>` part, so it won't open the link inside whatever you put here. If you want to have each tiddler open directly under the link than you need one of these chunks of code per link.
Here is the code:
```
<$navigator story="MySubStoryList" history="MySubHistoryList">
Click a link to get started:
[[Engineering]]
[[Noise Models]]
<$list filter="[list[MySubStoryList]]" history="MySubHistoryList">
<div>
! <$button message="tm-close-tiddler" class="tc-btn-invisible">{{$:/core/images/close-button}}</$button> <$view field="title"/>
<$transclude/>
</div>
</$list>
</$navigator>
```
<$navigator story="MySubStoryList" history="MySubHistoryList">
Click a link to get started:
[[Engineering]]
[[Noise Models]]
<$list filter="[list[MySubStoryList]]" history="MySubHistoryList">
<div>
! <$button message="tm-close-tiddler" class="tc-btn-invisible">{{$:/core/images/close-button}}</$button> <$view field="title"/>
<$transclude/>
</div>
</$list>
</$navigator>
<<bottomOfTiddler {{!!title}}>>
<$view field='title'/> - <$view field='modified'/><br>
Currently there isn't much you can do other than embed audio in a wiki as discussed in [[Embedding Audio]].
<<bottomOfTiddler>>
The code here shows how to make a list of everything tagged 'Engineering'.
Change where it says 'Engineering' to whatever tag you want a list for. Lists like this are at the bottom of every tiddler in this wiki, so go look at [[Engineering]] if you want to see what this does. Or at the bottom of almost any tiddler here.
```
---
Entries tagged [[Engineering]]
<$list filter="[tag[Engineering]]">
</$list>
```
<<bottomOfTiddler {{!!title}}>>
Also related to the recurring events implementation.
For the documentation make sure you include examples of how to use each widget, not just the documentation that they have at tiddlywiki.com
Widgets that are part of the core plugin:<br>
*[[Documentation:BrowseWidget]]
*[[Documentation:ButtonWidget]]
*[[Documentation:CheckboxWidget]]
*[[Documentation:CountWidget]]
*[[Documentation:DropzoneWidget]]
*[[Documentation:EditBitmapWidget]]
*[[Documentation:EditTextWidget]]
*[[Documentation:EditWidget]]
*[[Documentation:EncryptWidget]]
*[[Documentation:FieldManglerWidget]]
*[[Documentation:FieldsWidget]]
*[[Documentation:ImageWidget]]
*[[Documentation:ImportVariablesWidget]]
*[[Documentation:KeyboardWidget]]
*[[Documentation:LinkCatcherWidget]]
*[[Documentation:LinkWidget]]
*[[Documentation:ListWidget]]
*[[Documentation:MacroCallWidget]]
*[[Documentation:NavigatorWidget]]
*[[Documentation:PasswordWidget]]
*[[Documentation:RadioWidget]]
*[[Documentation:RevealWidget]]
*[[Documentation:ScrollableWidget]]
*[[Documentation:SelectWidget]]
*[[Documentation:SetVariableWidget]]
*[[Documentation:SetWidget]]
*[[Documentation:TextWidget]]
*[[Documentation:TiddlerWidget]]
*[[Documentation:TranscludeWidget]]
*[[Documentation:ViewWidget]]
Other widgets added to this wiki:<br>
*[[Documentation:HoverWidget]]
*~~[[Documentation:MakeTidWidget]]~~ - This functionality has been added elsewhere
<<bottomOfTiddler {{!!title}}>>
<$list filter='[tag[Awesome Thing]sort[title]]'>
<$link><$view field='title'/></$link> - <$transclude field='description'/> (<a href={{!!url}} target='_blank'>Go to site</a>)<br>
</$list>
This is a tiddler for the calendar demo
<$list filter='[is[current]]'>
<hr>
</$list>
To make block quotes you use
```
<<<
quoted text goes here
<<< person/thing quoted
```
which displays as
<<<
quoted text goes here
<<< person/thing quoted
you can leave out the person/thing quoted part if you don't want the citation.
You can also do quotes similar to how lists are done
```
>first line
>second line
>>second level quote
```
which displays as
>first line
>second line
>>second level quote
you can also mix this with the [[Static Ordered and Unordered Lists]]
<<bottomOfTiddler {{!!title}}>>
<$list filter="[all[current]tag[Book]]" template='BookDisplayTemplate'>
</$list>
<table>
<tr>
<th>Title</th>
<th><$reveal type=match text=true state='Library Tracker Settings!!show_author'>Author</$reveal></th>
<th><$reveal type=match text=true state='Library Tracker Settings!!show_location'>Location</$reveal></th>
<th><$reveal type=match text=true state='Library Tracker Settings!!show_series'>Series</$reveal></th>
<th><$reveal type=match text=true state='Library Tracker Settings!!show_genre'>Genre</$reveal></th>
</tr>
<tr>
<td>{{!!title}}</td>
<td><$reveal type=match text=true state='Library Tracker Settings!!show_author'>{{!!author}}</$reveal></td>
<td><$reveal type=match text=true state='Library Tracker Settings!!show_location'>{{!!location}}</$reveal></td>
<td><$reveal type=match text=true state='Library Tracker Settings!!show_series'>{{!!series}}</$reveal></td>
<td><$reveal type=match text=true state='Library Tracker Settings!!show_genre'>{{!!genre}}</$reveal></td>
</tr>
</table>
[[$:/plugins/inmysocks/Bookmarks]]
\define thisRemoveTag()
Select Tag: <$select tiddler='Bookmarks Settings' field='edit_tag_list'>
<$list filter='[[$:/data/Bookmarks/BookmarkTags]indexes[]]'>
<option value=<<currentTiddler>>><$view field='title'/></option>
</$list>
</$select>
<$button set='$:/data/Bookmarks/BookmarkTags##$(TagToRemove)$'>Remove Tag</$button>
\end
This is going to contain tools to remove tags from the potential bookmark tag list. This should be exactly what is used in the library tracker, but it isn't working here. I am confused.
<$set name=TagToRemove value={{Bookmarks Settings!!edit_tag_list}}>
<<thisRemoveTag>>
</$set>
This macro lists all tiddlers that are tagged with the current tiddler along with the text in the `blurb` field of the listed tiddlers. It also makes a `new topic` button that creates and opens a new tiddler tagged with the current tiddler. This is useful for creating tiddlers that will be displayed as children of the current tiddler in the table of contents.
To use this macro import it by clicking this link and dragging it to your wiki [[BottomOfTiddlerMacro]]. If you update the macro in [[BottomOfTiddlerMacro]] than it will be updated on all of the tiddler where you use it.
This is the current code for the macro:
```
\define getState()
$:/state/bottom/$(properTag)$
\end
\define getProperTag() [[$(properTag)$]]
\define bottomOfTiddler()
---
<$tiddler tiddler=<<currentTiddler>>>
<$set name="properTag" value={{!!title}}>
<$button>New Topic
<$action-sendmessage $message="tm-new-tiddler" title="New" text="<<bottomOfTiddler>>" blurb=" " tags=<<getProperTag>>/>
</$button>
<$reveal state=<<getState>> type='match' text='show'>
<$button>
<$action-setfield $tiddler=<<getState>> $field='text' $value='hide'/>
Hide</$button> entries tagged <$list filter="[all[current]]"/>
<$list filter="[all[current]tagging[]!has[draft.of]]">
<$link to={{!!title}}><$view field="title"/></$link> - <$view field="blurb"/>
</$list>
</$reveal>
<$reveal state=<<getState>> type='nomatch' text='show'>
<$button>
<$action-setfield $tiddler=<<getState>> $field='text' $value='show'/>
Show</$button> entries tagged <$list filter="[all[current]]"/>
</$reveal>
</$set>
</$tiddler>
\end
```
<<bottomOfTiddler {{!!title}}>>
\define getState()
$:/state/bottom/$(properTag)$
\end
\define getProperTag() [[$(properTag)$]]
\define bottomOfTiddler()
---
<$tiddler tiddler=<<currentTiddler>>>
<$set name="properTag" value={{!!title}}>
<$button>New Topic
<$action-sendmessage $message="tm-new-tiddler" title="New" text="<<bottomOfTiddler>>" blurb=" " tags=<<getProperTag>>/>
</$button>
<$reveal state=<<getState>> type='match' text='show'>
<$button>
<$action-setfield $tiddler=<<getState>> $field='text' $value='hide'/>
Hide</$button> entries tagged <$list filter="[all[current]]"/>
<$list filter="[all[current]tagging[]!has[draft.of]]">
<$link to={{!!title}}><$view field="title"/></$link> - <$view field="blurb"/>
</$list>
</$reveal>
<$reveal state=<<getState>> type='nomatch' text='show'>
<$button>
<$action-setfield $tiddler=<<getState>> $field='text' $value='show'/>
Show</$button> entries tagged <$list filter="[all[current]]"/>
</$reveal>
</$set>
</$tiddler>
\end
<$edit-text tiddler='$:/state/diceexample' field='num_dice' size=2/> d <$edit-text tiddler='$:/state/diceexample' field='dice_size' size=2/> x <$edit-text tiddler='$:/state/diceexample' field='multiplier' size=2/> + <$edit-text tiddler='$:/state/diceexample' field='bonus' size=2/> = {{$:/state/diceexample!!output2}}
<$prodfield2 filter='[[$:/state/diceexample]]' prodfield='die_roll' prodfield2='multiplier' storefield='output'/>
<$sumfield2 filter='[[$:/state/diceexample]]' sumfield='output' sumfield2='bonus' storefield='output2'/>
<$button>Roll the Dice
<$action-randval $tiddler='$:/state/diceexample' $field='die_roll' $lower=1 $upper={{$:/state/diceexample!!dice_size}} $step=1 $numrolls={{$:/state/diceexample!!num_dice}}/>
</$button>
Here is a list of builtin css classes, arranged roughly by category:
<$list filter='[tag[Builtin CSS Classes]]'>
<h1><$view field='caption'/></h1>
<$transclude mode=block/>
</$list>
These are used for general layout of the main TiddlyWiki view.
|!Name |!Description |
|tc-body |? |
|tc-more-sidebar |? |
|tc-page-controls |? |
|tc-sidebar-header |? |
|tc-sidebar-lists |? |
|tc-sidebar-scrollable |? |
|tc-site-title |? |
|tc-story-river |? |
|tc-subtitle |? |
|tc-system-title-prefix |? |
|tc-plugin-reload-warning |? |
|tc-title |? |
|tc-titlebar |? |
|tc-topbar |? |
|tc-topbar-left |? |
|tc-topbar-right |? |
|tc-advanced-search |? |
|tc-alert |? |
|tc-alert-highlight |? |
|tc-alert-subtitle |? |
|tc-alert-toolbar |? |
|tc-alerts |? |
|tc-dropzone |? |
|tc-control-panel |? |
These are other classes that don't seem to fit elsewhere, or I don't know what they are.
|!Name |!Description |
|tc-binary-warning |? |
|tc-bordered-image |? |
|tc-chooser |? |
|tc-chooser-item |? |
|tc-csv-table |? |
|tc-dirty |? |
|tc-dirty-indicator |? |
|tc-dragover |? |
|tc-error |? |
|tc-file-input-wrapper |? |
|tc-float-right |? |
|tc-improvement-banner |? |
|tc-message-box |? |
|tc-missing-tiddler-label |? |
|tc-muted |? |
|tc-notification |? |
|tc-scrollable-demo |Used for the demo for the scrollable widget on tiddlywiki.com |
|tc-search |? |
|tc-search-results |? |
|tc-selected |? |
|tc-small-icon |? |
|tc-static-alert |? |
|tc-static-alert-inner |? |
|tc-storyview-zoomin-tiddler |? |
|tc-swatch |? |
|tc-swatches-horiz |? |
|tc-untagged-label |? |
|tc-untagged-separator |? |
|tc-vertical |? |
These all have something to do with the table of contents
|!Name |!Description |
|tc-tabbed-table-of-contents |? |
|tc-tabbed-table-of-contents-content |? |
|tc-table-of-contents |? |
|toc-item |? |
|toc-item-selective |? |
Buttons are one of the main interface tools for tiddlywiki. Almost everything you interact with on this page is either a button (or can be made with a button) or a text field.
<<bottomOfTiddler>>
This is now all in the [[Calendar Plugin]]. Future work will be on that.
----
The things listed under this are part of a calendar demo I am working on. The calendar will keep track of which days you do a list of activities.
Tiddlers currently used:
<$list filter='[tag[Calendar Demo]]'>
</$list>
[[$:/plugins/inmysocks/TW5Utils/calendar-widget.js]]
[[Calendar widget example]] - it doesn't do what I want it to do.
Each date is a button, I need to make it open up a tiddler that shows information about that day. Hopefully a list of things for that day and a place to put notes or something. This will probably be a conditional view template.
Plan:
*Add date stuff using the javascript date objects. We should be able to make the calendar generate automatically using it.
*With the startup actions plugin I made I can have the wiki make a modal (or notification) appear to remind you of events.
*I can make a list that shows up in the sidebar or somewhere like that listing upcoming events and how long until they arrive.
*Once 5.1.8 is released than I will work on the gallery and use that to let you page through the months of the calendar.
*I will add configuration to it
*I will add the option to list the totals for each month on each months tiddler
*For the counts add a toggle that switches between showing every month/activity and only showing things that aren't zero
*Find some way to auto-generate the calendar months. This may be a more involved process than I want to deal with so it may not happen. They are pretty easy to make as it is so I am not too worried about it.
*I should integrate the task list into this somehow.
<<bottomOfTiddler>>
Plugin tiddler: [[$:/plugins/inmysocks/Calendar]]
Github: https://github.com/inmysocks/TW5-Calendar
To change the calendar behaviour by creating your own macro there are instructions on [[macros for the calendar widget|Macros for the Calendar Widget]].
<<tiddlerSlider [[Calendar Plugin Roadmap]]>>
<$transclude tiddler='$:/plugins/inmysocks/Calendar/readme' mode=block/>
The `calendar-month` widget probably won't have any significant changes since all it does is build the month, most significant progress will be in the macros included.
*With the startup actions plugin I made I can have the wiki make a modal (or notification) appear to remind you of events.
*I can make a list that shows up in the sidebar or somewhere like that listing upcoming events and how long until they arrive.
*Once 5.1.8 is released than I will work on the gallery and use that to let you page through the months of the calendar. - maybe, the list iterators may not happen in 5.1.8
*I will add configuration to it - this may mainly come from css classes and using different macros
*I will add the option to list the totals for each month on each months tiddler - this would come from a macro
*For the counts add a toggle that switches between showing every month/activity and only showing things that aren't zero - same
*I should integrate the task list into this somehow. - Once again macro.
*I should add more macros that can be distributed as part of the plugin.
If you have specific features you would like to see [[leave a message|User Feedback]].
.calendar-table {
border: 1px solid black;
overflow: hidden;
vertical-align: top;
width: 100%;
}
.calendar-table td, th {
width: 14%;
vertical-align: top;
}
.calendar-table td {
height: 100px;
}
\define thisMakeCurrentMonth()
_$(CurrentMonth)$_
\end
Count the number of times an activity has been done in:
<$select tiddler='$:/state/CalendarTotals' field='type'>
<option>All Time</option>
<option>By Year</option>
<option>By Year and Month</option>
</$select>
<!--
Year: <$select tiddler='$:/state/CalendarTotals' field='year'>
<$list filter='[tag[Calendar Month]get[year]]'>
<option><$view field='title'/></option>
</$list>
</$select>
-->
<$reveal type='match' state='$:/state/CalendarTotals!!type' text='All Time'>
<$list filter='[tag[Calendar Activity]]' variable=CurrentActivity>
<$view tiddler=<<CurrentActivity>> field='title'/> -
<$count filter='[title<CurrentActivity>fields[]]-[[title]]-[[created]]-[[modified]]-[[text]]-[[tags]]-[[dummy]]'/><br>
</$list>
</$reveal>
<$reveal type='match' state='$:/state/CalendarTotals!!type' text='By Year'>
<$list filter='[tag[Calendar Month]each[year]get[year]nsort[title]]' variable=CurrentYear>
<h2><<CurrentYear>></h2><br>
<$list filter='[tag[Calendar Activity]]' variable=CurrentActivity>
<$view tiddler=<<CurrentActivity>> field='title'/> -
<$count filter='[title<CurrentActivity>fields[]]-[[title]]-[[created]]-[[modified]]-[[text]]-[[tags]]-[[dummy]]+[removeprefix<CurrentYear>]'/><br>
</$list>
</$list>
</$reveal>
<$reveal type='match' state='$:/state/CalendarTotals!!type' text='By Year and Month'>
<$list filter='[tag[Calendar Month]each[year]get[year]nsort[title]]' variable=CurrentYear>
<h2><<CurrentYear>></h2>
<$list filter='[list[]]' variable=CurrentMonth>
<$list filter='[tag[Calendar Month]year<CurrentYear>month<CurrentMonth>]'>
<h3><<CurrentMonth>></h3>
<$list filter='[tag[Calendar Activity]]' variable=CurrentActivity>
<$set name=MonthPrefix value=<<thisMakeCurrentMonth>>>
<$view tiddler=<<CurrentActivity>> field='title'/> -
<$count filter='[title<CurrentActivity>fields[]]-[[title]]-[[created]]-[[modified]]-[[text]]-[[tags]]-[[dummy]]+[removeprefix<CurrentYear>]+[removeprefix<MonthPrefix>]'/><br>
</$set>
</$list>
</$list>
</$list>
</$list>
</$reveal>
<$calendar-month year=2000 month=2/>
A word that is in CamelCase shows up as a link.
A word is in CamelCase if it starts with a capital letter followed by a lower case letter, and has at least one other capital letter in the word.
```
CamelCase is
CAmelcase isn't
CamelcasE is
```
displays as:
CamelCase is
CAmelcase isn't
CamelcasE is
<<bottomOfTiddler {{!!title}}>>
This plugin is in my plugin library, you can add the library to your wiki by importing [[$:/pluginlibrary/inmysocks/StablePluginLibrary]] and then install the plugin using the `get more plugins` button in the $:/ControlPanel you can also import this plugin directly by importing the plugin tiddler [[$:/plugins/inmysocks/CategoryLists]]
github: https://github.com/inmysocks/TW5-CategoryLists
{{$:/plugins/inmysocks/CategoryLists/readme}}
<!--
At the moment this is presented as a task list, but it can be used for other things. I am currently using it as an [[issue tracker and change log|Change Log]] for the work I do with TiddlyWiki.
__Description:__
A task list split into categories. You can see an example [[here|Change Log]]. Clicking on a section title collapses that section, clicking on the {{$:/core/images/info-button}} icon gives information about the task, the checkbox marks the task as finished, the {{$:/core/images/edit-button}} lets you edit a task and the {{$:/core/images/cancel-button}} removes the task from the list.
__Features:__
*multiple independent lists are possibly by changing the `TaskTag` and `FinishedTag` parameters
*collapsible categories
*collapse all/expand all
*searchable by title
*searchable by category
*searchable by tag
*task creation interface
*remove old tasks (this just removes the tags that label it for the list, it doesn't delete the tiddler)
*start dates*
*due dates*
*task creation date*
@@font-size:12px; *At the moment these values aren't used by the list, but I am planning on integrating the task list with my [[calendar plugin|Calendar Plugin]] so that tasks entered on the list can be made to appear on the calendar. @@
__Planned features:__
*add sorting options
*making non-tasklist type lists
*integration with the [[calendar plugin|Calendar Plugin]]
*searchable by due, start and creation dates
*(possibly) allow an infinite number of nested categories, this may not be practical
__Usage:__
```
<<CategoryList TaskTag:"Task" FinishedTag:"Done" ShowAddTask:"True" ShowSearch:"True">>
```
__Parameters:__
|!Name |!Description |
|~TaskTag |The tag used to indicate that a tiddler should be on the list (Default: Task) |
|~FinishedTag |The tag added to finished tasks (Default: Done) |
|~ShowAddTask |If this is set to anything other than `True` the `New Task` button doesn't appear. (Default: True) |
|~ShowSearch |If this is set to anything other than `True` than the search interface is hidden. (Default: True) |
__Notes:__
If you only want to have a single task list using the tags `Task` and `Done` than simply using `<<CategoryList>>` will work. If you want to have another list that is independent of the first list you can just put `<<CategoryList TaskTag:"School Task">>`. You can have as many lists as you want by changing the `TaskTag`, and if you want the `FinishedTag`.
-->
it should be simple. Just make sure you use the tc-popup-keep class for all of them.
\define thisDisplayChangeLogEntry()
{{$:/data/Change Log##$(ThisEntry)$}} - <$view tiddler=<<ThisEntry>> field='title'><br>
\end
This is my new changelog using my category lists plugin, you can get the plugin from my plugin library. Unfinished Tasks are things I am planning on doing, including updates to plugins and bugfixes. Finished Tasks are things that I have done. Clicking on a section title collapses that section, clicking on the {{$:/core/images/info-button}} icon gives information about the task, the checkbox marks the task as finished, the {{$:/core/images/edit-button}} lets you edit a task and the {{$:/core/images/cancel-button}} removes the task from the list.
<<CategoryList Tag:"Planned Update" FinishedTag:"Change Log">>
---
<$reveal type='nomatch' state='$:/state/ChangeLog/showoldlog' text='show'>
<$button set='$:/state/ChangeLog/showoldlog' setTo='show'>Show Old Change Log</$button>
</$reveal>
<$reveal type='match' state='$:/state/ChangeLog/showoldlog' text='show'>
<$button set='$:/state/ChangeLog/showoldlog' setTo='hide'>Show Old Change Log</$button>
This was started on 10-03-2015, so anything older than that isn't listed.
Change:
<$edit-text tiddler='$:/temp/Change Log' field='change' class='tc-edit-texteditor'/>
<$button>Add Entry
<$action-setfield $tiddler='$:/data/Change Log' $index={{$:/temp/Change Log!!change}} $value=<<now "0DDth MMM YYYY">>/>
<$action-setfield $tiddler='$:/temp/Change Log' change=''/>
</$button>
<$list filter='[[$:/data/Change Log]indexes[]]' variable=ThisEntry>
<<thisDisplayChangeLogEntry>><br>
</$list>
</$reveal>
This may be more than is needed, but we shall see.
Actually doing this will take a long time. Probably far longer than I am willing to spend.
<$button popup="$:/state/changetiddlerwidthpopup" style='padding:1px' tooltip='Change Tiddler Width'>Tiddler Width</$button>
<$reveal type="popup" state="$:/state/changetiddlerwidthpopup">
<div class="tc-drop-down">
{{TiddlerWidthSettings}}
</div>
</$reveal>
The button uses these tiddlers (this was updated 03-03-2015):
*[[TiddlerWidthSettings]] - the tiddler that pops up when you click the button
*[[ChangeSizeButton]] - the button itself, you have to add the tag `$:/tags/TopLeftBar` to always show the button in the top left corner.
*[[Alternative Story Style CSS]] - hold the css classes that override the default classes. This should work for other themes. I think.
*[[$:/settings/apperance/TiddlerWidthSettings]]
*[[$:/settings/apperance/TiddlerWidthSettings/sidebar_scrollable]]
*[[$:/settings/apperance/TiddlerWidthSettings/story_river]]
*[[$:/settings/apperance/TiddlerWidthSettings/tiddler_frame]]
If you import those tiddlers into your wiki than you will have a working button.
<<bottomOfTiddler>>
<$button popup="$:/state/changetiddlerwidthpopup">Change Tiddler Width/Font Size</$button>
<$reveal type="popup" state="$:/state/changetiddlerwidthpopup">
<div class="tc-drop-down">
{{TiddlerWidthSettings}}
</div>
</$reveal>
This is the stuff used to change the icons for the expandable table of contents.
This modification is only for the `toc-selective-expandable` version, the same thing can be done with the other types, but this is the only one I have modified.
These tiddlers will add a tab to the control panel called `Table of Contents Settings`, if you use the Contents tiddler listed below than you can toggle between the normal table of contents icons and the icons using font awesome by changing what the drop down menu labeled `Table of contents icons`.
The other two dropdown menus in the settings tab select the close and open images used for the table of contents. After selecting an icon the menu itself won't display the icon, but it will be displayed next to the menu. I don't know why the menu doesn't show the icon, if you know please tell me.
''Note:'' You have to save and reload your wiki after installing the font awesome fonts or they won't show up.
Tiddlers used:
*[[$:/settings/TableOfContentsSettings]] - the settings tab in the control panel
*[[Other TOC Macros]] - the alternate macros
*[[Contents]] - the table of contents tiddler
*FontAwesomeMacro
This also uses the font awesome plugin from http://fontawesome.tiddlyspot.com/ and won't work if you don't have that also.
If you have trouble either ask in [[the google group|https://groups.google.com/forum/#!forum/tiddlywiki]] or using this sites [[User Feedback]] form.
When TiddlyWiki starts up in the browser it looks for a tiddler called [[$:/favicon.ico]] and dynamically uses it as the favicon for the page. If you modify the image then the favicon changes instantly to reflect it.
So if you want to change it just delete the current [[$:/favicon.ico]] and name the desired tiddler [[$:/favicon.ico]]. You may need to reload the tiddlywiki.
<<bottomOfTiddler {{!!title}}>>
Themes are complete packages that contain style information for a TiddlyWiki. They can do everything from changing the colours of text to completely changing the layout of the wiki (the mobile theme in this wiki is one example. It is also shown [[here|http://ooktech.com/jed/ExampleWikis/NewBrainTest/]]).
To change the theme of your wiki go to the $:/ControlPanel and click on the `Apperance` tab, then under that click on the `Theme` tab. There will be a list of themes currently available for your wiki. Clicking on one will change to that theme. Changing the theme can be easily undone by changing back to the previous one, so feel free to try out new themes, you won't break anything.
You can get new themes using the plugin library. To access the plugin library go to $:/ControlPanel and click on the `Plugins` tab and click on the button that says `Get More Plugins`.
I'm afraid this happened a few days ago to me too so I carefully removed and reloaded each tiddler, on http://fastnewdev.tiddlyspot.com, and got it to function properly... but it seems to have "reverted". I have no idea why and it must be a bug - @Jed, do you think you could take a look at it?
Here is a simple checkbox example:
Code:
```
<$checkbox field=some_field checked='foo' unchecked='bar'>Some Text</$checkbox>
{{!!some_field}}
```
Result:
<$checkbox field=some_field checked='foo' unchecked='bar'>Some Text</$checkbox>
{{!!some_field}}
<<bottomOfTiddler>>
[[$:/plugins/inmysocks/Citations]]
Documentation coming at some point. I hope. If I did things correctly not much should be needed. See [[Dashboard]] for how to import the plugin.
<<bottomOfTiddler {{!!title}}>>
\define thisTheOtherStuff()
<$reveal type="nomatch" state="$:/reveal/$(currentTitle)$" text="show">
<$button set="$:/reveal/$(currentTitle)$" setTo='show'>Show Note Section</$button> - Note Name: <$text text="""$(thisNoteName)$"""/>
</$reveal>
<$reveal type="match" state="$:/reveal/$(currentTitle)$" text="show">
<$button set="$:/reveal/$(currentTitle)$" setTo='hide'>Hide Note Section</$button> <<addQuestionButton>><br>Note Name: <$text text="""$(thisNoteName)$"""/>
<$edit-text tiddler=<<currentTiddler>> class='tc-edit-texteditor' placeholder='Class Notes'/>
</$reveal>
\end
\define thisQuestionTiddler()
$:/questions/$(className)$: $(qualifyId)$
\end
\define addQuestionButton()
<$button>Add Question for this Note
<$action-setfield $field=qualify_id $value=<<now "DDth mmm hh:mm:0ss">>/>
<$action-setfield $tiddler=<<thisQuestionTiddler>> question=true class="""$(className)$""" date="""$(currentDate)$""" for_note="""$(thisNoteName)$"""/>
</$button>
\end
<$set name=qualifyId value={{!!qualify_id}}>
<$set name=currentTitle value={{!!title}}>
<$set name=thisNoteName filter='[is[current]]+[removeprefix[$:/notes/]]'>
<<thisTheOtherStuff>>
</$set>
</$set>
</$set>
<br>
\define thisTheOtherStuff()
<$reveal type="nomatch" state="$:/reveal/$(currentTitle)$" text="show">
<$button set="$:/reveal/$(currentTitle)$" setTo='show'>Show Note Section</$button> - Note Name: <$text text="""$(thisNoteName)$"""/>
</$reveal>
<$reveal type="match" state="$:/reveal/$(currentTitle)$" text="show">
<$button set="$:/reveal/$(currentTitle)$" setTo='hide'>Hide Note Section</$button> <<addQuestionButton>><br>Note Name: <$text text="""$(thisNoteName)$"""/>
<$edit-text tiddler=<<currentTiddler>> class='tc-edit-texteditor' placeholder='Class Notes'/>
</$reveal>
\end
\define thisQuestionTiddler()
$:/questions/$(className)$: $(qualifyId2)$
\end
\define addQuestionButton()
<$button>Add Question for this Note
<$action-setfield $tiddler=<<thisQuestionTiddler>> question=true class="""$(className)$""" date="""$(currentDate)$""" for_note="""$(thisNoteName)$"""/>
</$button>
\end
<$set name=qualifyId2 value={{!!question_count}}/>
<$set name=currentTitle value={{!!title}}>
<$set name=thisNoteName filter='[is[current]]+[removeprefix[$:/notes/]]'>
<<thisTheOtherStuff>>
</$set>
</$set>
<br>
\define thisTheOtherStuff()
<$reveal type="nomatch" state="$:/reveal/$(currentTitle)$" text="show">
<$button set="$:/reveal/$(currentTitle)$" setTo='show'>Show Question</$button> - For Note: <$text text={{!!for_note}}/>
</$reveal>
<$reveal type="match" state="$:/reveal/$(currentTitle)$" text="show">
<$button set="$:/reveal/$(currentTitle)$" setTo='hide'>Hide Question</$button><br>For Note: <$text text={{!!for_note}}/>
<$edit-text tiddler=<<currentTiddler>> class='tc-edit-texteditor' placeholder='Questions'/>
</$reveal>
\end
<$set name=currentTitle value={{!!title}}>
<<thisTheOtherStuff>>
</$set>
<br>
\define thisTheOtherStuff()
<$reveal type="nomatch" state="$:/reveal/$(currentTitle)$" text="show">
<$button set="$:/reveal/$(currentTitle)$" setTo='show'>Show Question</$button> - For Note: <$text text={{!!for_note}}/>
</$reveal>
<$reveal type="match" state="$:/reveal/$(currentTitle)$" text="show">
<$button set="$:/reveal/$(currentTitle)$" setTo='hide'>Hide Question</$button><br>For Note: <$text text={{!!for_note}}/>
<$edit-text tiddler=<<currentTiddler>> class='tc-edit-texteditor' placeholder='Questions'/>
</$reveal>
\end
<$set name=currentTitle value={{!!title}}>
<<thisTheOtherStuff>>
</$set>
<br>
I may not actually be able to do much.
The whole wiki could use work
I don't have anything specific here
<$navigator story='$:/StoryList' history='$:/HistoryList'>
<$button>Clear Plugin Library Data
<$list filter='[prefix[$:/temp/ServerConnection/]][prefix[$:/temp/RemoteAssetInfo/]]'>
<$action-sendmessage $message='tm-delete-tiddler' $param=<<currentTiddler>>/>
</$list>
</$button>
</$navigator>
<$set name=videoID value={{$:/.rich/data/videos##Col. Chris Hadfield - A Space Oddity}}>
<$macrocall $name="youtube-embed" video=<<videoID>> start="00:00:00" end="00:00:25"/>
</$set>
{{!!segment_description}}
<$set name=videoID value={{$:/.rich/data/videos##Col. Chris Hadfield - A Space Oddity}}>
<$macrocall $name="youtube-embed" video=<<videoID>> start="00:02:31" end="00:02:37"/>
</$set>
Because why not?
{{!!segment_description}}
<$set name=videoID value={{$:/.rich/data/videos##Col. Chris Hadfield - A Space Oddity}}>
<$macrocall $name="youtube-embed" video=<<videoID>> start="00:04:04" end="00:04:10"/>
</$set>
Because why not?
{{!!segment_description}}
<$set name=videoID value={{$:/.rich/data/videos##Col. Chris Hadfield - A Space Oddity}}>
<$macrocall $name="youtube-embed" video=<<videoID>> start="00:05:12" end="00:05:19"/>
</$set>
Because why not?
It may not be good to have here. Who knows.
This is a list of the tiddlers tagged as news for the [[community search|http://erwanm.github.io/tw-community-search/]].
<$list filter='[tag[Community News]]'>
<$link><<currentTiddler>></$link> - <$view field='created' format=date/>
</$list>
\define buildFirstString()
{{$(tiddlerName)$!!this_field}}
\end
\define getTransclusion()
http://$(firstString)$.com
\end
''I will add more to this if I find more cases that break or don't act as expected.''
Some explaination of how things work from Jeremy in this thread: https://groups.google.com/forum/#!topic/tiddlywiki/QXaD2i6tWeo
* Invoking a macro with double angle brackets causes the result of the macro (after parameter and variable substitutions) to be wikified (as expected)
* Using a macro as a widget/element attribute (eg `<div class=<<myMacro>>>`) doesn't wikify the result of the macro; the plain result of the macro is assigned to the attribute. ''This one is the reason why the problem in the `Using parameters passed to macros to create strings` part happens. The `<$set name=firstString value=<<buildFirstString>>>` line doesn't wikify the output of `<<buildFirstString>>`. There may be a simpler fix than I have used here.''
* Invoking a macro with double angle brackets doesn't allow parameters to be specified as transclusions or macro invocations; you can only use plain strings. ''This one is why the first example doesn't work.''
* Macros can also be invoked with the `<$macrocall>` widget, which does allow attributes to be specified as transclusions or macro invocations. ''This could fix the first one, I am less certain of the second. I am not sure if it would be simpler using $macrocall or not.''
I will try to write out some examples of what works and what doesn't later.
!Using parameters passed to macros to create strings
I will add this section eventually, but the idea is that `<<someMacro {{!!field_containing_string}}>>` where `someMacro` is
```
\define someMacro(string)
http://$string$.com
\end
```
will not work.
Until I expand this section the tiddler [[Concatenating text to make dynamic URLs]] shows what does work.
!Simplest example using two levels of variables
This is the simplest example I could make of what breaks, because of this there are other ways around this, but situations can come up where this would become a problem.
One example that breaks, note that there are two 'levels', that is a string is built by setting a variable and using that variable in a macro, then the resulting string is set as a variable which is in turn used in another macro to build a second string. This doesn't work.:
```
\define buildFirstString()
{{$(tiddlerName)$!!this_field}}
\end
\define getTransclusion()
http://$(firstString)$.com
\end
<$select field='this_field'>
<option>sluggy</option>
<option>tiddlywiki</option>
</$select>
<$set name=tiddlerName value={{!!tiddler_name}}>
<$set name=firstString value=<<buildFirstString>>>
<<getTransclusion>><br>
<$button><$action-setfield $field=demonstration1 $value=<<getTransclusion>>/>Set the field</$button>
</$set>
</$set>
And the field contains:
<$view field=demonstration1/>
```
Gives:
<$select field='this_field'>
<option>sluggy</option>
<option>tiddlywiki</option>
</$select>
<$set name=tiddlerName value={{!!tiddler_name}}>
<$set name=firstString value=<<buildFirstString>>>
<<getTransclusion>><br>
<$button><$action-setfield $field=demonstration1 $value=<<getTransclusion>>/>Set the field</$button>
</$set>
</$set>
And the field contains:
<$view field=demonstration1/>
Which isn't what we want.
Fortunately there is an easy way around this by using the set widget and filters, so
```
\define getTransclusion()
$(firstString)$.com
\end
\define thisFilter()
[[$(tiddlerName)$]get[this_field]]
\end
<$set name=tidName value={{!!tiddler_name}}>
<$set name=firstString filter='[<tidName>get[this_field]]'>
<<getTransclusion>><br>
<$button><$action-setfield $field=demonstration2 $value=<<getTransclusion>>/>Set the field</$button>
</$set>
</$set>
And the field contains:
<$view field=demonstration2/>
```
Gives:
<$select field='this_field'>
<option>sluggy</option>
<option>tiddlywiki</option>
</$select>
<$set name=tidName value={{!!tiddler_name}}>
<$set name=firstString filter='[<tidName>get[this_field]]'>
<<getTransclusion>><br>
<$button><$action-setfield $field=demonstration2 $value=<<getTransclusion>>/>Set the field</$button>
</$set>
</$set>
And the field contains:
<$view field=demonstration2/>
<<bottomOfTiddler>>
\define getAddress()
http://www.principiadiscordia.com/book/$(page)$.php
\end
\define getAddress2()
http://www.sluggy.com/comics/archives/$(dailyWeekly)$/$(year)$$(month)$$(day)$
\end
\define makeOption()
<$set name=optionValue value={{Test Data Tiddler##$(currentThing)$}}>
<option value=<<optionValue>>><$view field='title'/></option>
</$set>
\end
You can use a macro and set widgets to create URLs based on form input, or other inputs.
!A simple example and the code
Select the page using the dropdown menu and then click on the link to be brought to that page:
<$select field='test_field'>
<$list filter="1 2 3 4 5 6 7 8 9 10 45 81">
<option><<currentTiddler>></option>
</$list>
</$select>
<$set name=page value={{!!test_field}}>
<a href=<<getAddress>> target="_blank">go to page {{!!test_field}}</a>
</$set>
Code:
```
\define getAddress()
http://www.principiadiscordia.com/book/$(page)$.php
\end
<$select field='test_field'>
<$list filter="1 2 3 4 5 6 7 8 9 10 45 81">
<option><<currentTiddler>></option>
</$list>
</$select>
<$set name=page value={{!!test_field}}>
<a href=<<getAddress>> target="_blank">go to page {{!!test_field}}</a>
</$set>
```
!More complex URLs can be built using this same method
<$select field='year'>
<option value='14'>2014</option>
<option value='13'>2013</option>
<option value='12'>2012</option>
<option value='11'>2011</option>
<option value='10'>2010</option>
<option value='09'>2009</option>
<option value='08'>2008</option>
</$select>
<$select field='month'>
<option value='01'>January</option>
<option value='02'>February</option>
<option value='03'>March</option>
<option value='04'>April</option>
<option value='05'>May</option>
<option value='06'>June</option>
<option value='07'>July</option>
<option value='08'>August</option>
<option value='09'>September</option>
<option value='10'>October</option>
<option value='11'>November</option>
<option value='12'>December</option>
</$select>
<$select field='day'>
<option value='01'>1</option>
<option value='02'>2</option>
<option value='03'>3</option>
<option value='04'>4</option>
<option value='05'>5</option>
<option value='06'>6</option>
<option value='07'>7</option>
<option value='08'>8</option>
<option value='09'>9</option>
<option value='10'>10</option>
</$select>
<$select field='day_week'>
<option value='daily'>Daily</option>
<option value='weekly'>Weekly</option>
</$select>
<$set name=dailyWeekly value={{!!day_week}}>
<$set name=year value={{!!year}}>
<$set name=month value={{!!month}}>
<$set name=day value={{!!day}}>
<a href=<<getAddress2>> target="_blank">go to the comic for {{!!day}}/{{!!month}}/20{{!!year}}</a>
</$set>
</$set>
</$set>
</$set>
Code:
```
\define getAddress2()
http://www.sluggy.com/comics/archives/$(dailyWeekly)$/$(year)$$(month)$$(day)$
\end
<$select field='year'>
<option value='14'>2014</option>
<option value='13'>2013</option>
<option value='12'>2012</option>
<option value='11'>2011</option>
<option value='10'>2010</option>
<option value='9'>2009</option>
<option value='8'>2008</option>
</$select>
<$select field='month'>
<option value='01'>January</option>
<option value='02'>February</option>
<option value='03'>March</option>
<option value='04'>April</option>
<option value='05'>May</option>
<option value='06'>June</option>
<option value='07'>July</option>
<option value='08'>August</option>
<option value='09'>September</option>
<option value='10'>October</option>
<option value='11'>November</option>
<option value='12'>December</option>
</$select>
<$select field='day'>
<option value='01'>1</option>
<option value='02'>2</option>
<option value='03'>3</option>
<option value='04'>4</option>
<option value='05'>5</option>
<option value='06'>6</option>
<option value='07'>7</option>
<option value='08'>8</option>
<option value='09'>9</option>
<option value='10'>10</option>
</$select>
<$select field='day_week'>
<option value='daily'>Daily</option>
<option value='weekly'>Weekly</option>
</$select>
<$set name=dailyWeekly value={{!!day_week}}>
<$set name=year value={{!!year}}>
<$set name=month value={{!!month}}>
<$set name=day value={{!!day}}>
<a href=<<getAddress2>> target="_blank">go to comic for {{!!day}}/{{!!month}}/20{{!!year}}</a>
</$set>
</$set>
</$set>
</$set>
```
!Using data tiddlers:
The data tiddler: [[Test Data Tiddler]]
<$select field='test_field'>
<$list filter='[[Test Data Tiddler]indexes[]]'>
<$set name=currentThing value=<<currentTiddler>>>
<<makeOption>>
</$set>
</$list>
</$select>
<$set name=page value={{!!test_field}}>
<a href=<<getAddress>> target="_blank">go to page {{!!test_field}}</a>
</$set>
```
\define getAddress()
http://www.principiadiscordia.com/book/$(page)$.php
\end
\define makeOption()
<$set name=optionValue value={{Test Data Tiddler##$(currentThing)$}}>
<option value=<<optionValue>>><$view field='title'/></option>
</$set>
\end
<$select field='test_field'>
<$list filter='[[Test Data Tiddler]indexes[]]'>
<$set name=currentThing value=<<currentTiddler>>>
<<makeOption>>
</$set>
</$list>
</$select>
<$set name=page value={{!!test_field}}>
<a href=<<getAddress>> target="_blank">go to page {{!!test_field}}</a>
</$set>
```
<<bottomOfTiddler>>
<p>
<$tiddler tiddler={{!!title}}>
<$set name="tiddlerName" value={{!!title}}>
<<contactSlider>>
</$set>
</$tiddler>
</p>
|Name |<$view field='caption'/> |
|Type |<$view field='name_plate_type'/> |
|Description |<$view field='description'/> |
|URL |<a href={{!!url}} target='_blank'><$view field='url'/></a> |
[[$:/plugins/inmysocks/Contacts]]
Documentation coming at some point. I hope. If I did things correctly not much should be needed. See [[Dashboard]] for how to import the plugin.
<<bottomOfTiddler {{!!title}}>>
This macro is used display the contacts in the [[Contacts]] tiddler.
Editing the code between the line `<$tiddler tiddler=<<currentTiddler>>>` and the line `</$tiddler>` changes what is shown when the button for that contact is pressed in the [[Contacts]] tiddler.
This uses the [[EditField 1 & 2 Macros]], [[ContactAddress Macro]] and the [[ContactAbout Macro]], all of which are in ContactsMacros
The macro code is:
```
\define contactSlider()
<$reveal type="nomatch" state="$:/state/$(tiddlerName)$" text="show">
<$button set="$:/state/$(tiddlerName)$" setTo="show">$(tiddlerName)$</$button>
<$view field="blurb"/>
</$reveal>
<$reveal type="match" state="$:/state/$(tiddlerName)$" text="show">
<$button set="$:/state/$(tiddlerName)$" setTo="hide">$(tiddlerName)$</$button>
<$tiddler tiddler=<<currentTiddler>>>
<$link to=<<currentTiddler>>>Open Contact</$link>
|!Personal Email Address |<<editField1 personal_email_address>> |<<editField2 personal_email_address>> |
|!Work Email Address |<<editField1 work_email_address>> |<<editField2 work_email_address>> |
|!Other Email Address |<<editField1 other_email_address>> |<<editField2 other_email_address>> |
|!Home Phone Number |<<editField1 home_phone_number>> |<<editField2 home_phone_number>> |
|!Cell Phone Number |<<editField1 cell_phone_number>> |<<editField2 cell_phone_number>> |
|!Work Phone Number |<<editField1 work_phone_number>> |<<editField2 work_phone_number>> |
|!Blurb |<<editField1 blurb>> |<<editField2 blurb>> |
<<contactAddress>>
<<contactAbout>>
</$tiddler>
</$reveal>
\end
```
<<bottomOfTiddler {{!!title}}>>
<$reveal type='nomatch' state='$:/settings/toc' text='folder'>
<div class='tc-table-of-contents'>
<<toc-selective-expandable 'Contents' 'sort[list]'>>
</div>
</$reveal>
<$reveal type='match' state='$:/settings/toc' text='folder'>
<div class='tc-table-of-contents'>
<<my-toc-selective-expandable 'Contents' 'sort[list]'>>
</div>
</$reveal>
Replace whatever is inside the curly braces with your desired changes. See [[list of some relevant CSS properties]] for things you can change.
!Common changes (copy and paste, replace the parts you want to change):
Font size (replace 20px with whatever size you want): `font-size:20px;`
Font color (change blue to whatever color you want): `color:blue;`
Font family (You would never want anything other than comic sans, so you can't change anything here): `font-family:Comic Sans MS;`
Background color: `background-color:pink;`
!Things you can change:
''Full tiddler (can change background color)''
```
.tc-tiddler-frame {
background-color:brown;
}
```
''Text in tiddler body''
```
.tc-tiddler-frame .tc-tiddler-body {
font-size: 15px;
line-height: 22px;
color: blue;
}
```
''Normal tiddler title:''
```
.tc-title {
color:green;
font-size:30px;
font-family:Comic Sans MS;
}
```
''The title while editing a tiddler''
```
input.tc-titlebar.tc-edit-texteditor {
color:blue;
}
```
''The main text editing area of tiddlers in edit mode:''
```
.tc-tiddler-edit-frame textarea {
font-size:10px;
}
```
<$button class='tc-btn-invisible' to='Copyleft Info' tooltip='Copyleft Info'>
[img height=20px [Copyleft.svg]]
</$button>
I have written a bit about what I see as the problems with licensing content for TiddlyWiki caused by it being a single page application in [[Thoughts about TiddlyWiki and Licensing]], read that for more information.
For the purposes of this site I am going to mostly ignore the problems caused by single page applications and licensing and claim that plugins and wiki content are distinct entities as far as licenses are concerned. I know that not everyone shares this view.
With that said here is how I am going to claim is the copyright/license status of things on this site:
*The HTML code that isn't in one of the other categories here falls under [[the normal tiddlywiki license on github|https://github.com/Jermolene/TiddlyWiki5/blob/master/licenses/copyright.md]].
*The core plugin (the $:/core tiddler itself) also falls under the normal TiddlyWiki license.
*Any official TiddlyWiki plugins also use the normal TiddlyWiki license.
*Any plugins that aren't by me on this site have whatever license their original creators gave them.
*Non-plugin tiddlers that aren't created by me (there aren't many on this site) are copyright their respective creators.
*Any plugins I created can be used however you wish, if you must attach a license for some reason use whichever of the permissive licenses best suits your needs as long as it allows modification and distribution. Note that if you use TiddlyWiki the source code is necessarily available to anyone who uses the wiki your create, this is a consequence of how TiddlyWiki works and is unavoidable.
*As much as it is possible to legally do so without violating the above, the content that I have created on this wiki, with content defined as any non-shadow tiddlers (modified or otherwise), is under a Creative Commons Attribution-ShareAlike 4.0 International License. ~~Until I get answers to the questions raised in [[Thoughts about TiddlyWiki and Licensing]] I am going to assume that this works and is legal.~~ (From discussions on the TiddlyWiki forum it was explained to me that this is indeed legal, and not even really in question.)
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a><br /><span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">Wiki Reference Wiki</span> by <span xmlns:cc="http://creativecommons.org/ns#" property="cc:attributionName">inmysocks</span> is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>.
Something like listing years horizontally, and inside each year list months vertically. That is a bad example but something like that.
Something that could be used to generate what is discussed in [[this thread|https://groups.google.com/forum/#!topic/tiddlywiki/yb19RzU7j4E]] that can dynamically build the list without a set number of years or sample sites.
<<bottomOfTiddler>>
Since only books should exist so far it could just make the item_type field and set it to book for every existing item.
Plugin: [[$:/plugins/inmysocks/CategoryLists]]
It is also in my [[stable plugin library|$:/pluginlibrary/inmysocks/StablePluginLibrary]].
It is used to keep track of the [[Change Log]] if you want an example of it in use.
When you want a small bit of static text to pop up when you hover over something like an in line footnote. This is restricted to only text, if you want more see [[Make something pop up when you put the mouse over it]] for a more flexible version.
In this example `Note` is the superscript word that is shown (you can change it to whatever text you want) and `Hi, I am a footnote with further information.` is what pops up. This can only be text and can't reference anything else.
This code
```
And we have a footnote<<hoverFootnote "Note" "Hi, I am a footnote with further information.">>
```
displays as:
And we have a footnote<<hoverFootnote "Note" "Hi, I am a footnote with further information.">>
!!Another way:
If you want the footnotes to show up at the bottom of the page as well you use these two bits of code.
First, where you want the footnote to appear in the text you use
```
Some text that needs a footnote<<hoverRef "label">>
```
And then at the bottom of the page you put
```
<<footnotes "label" "This is just like the plain old bottom definition.">>
```
The two bits of code display as:
Some text that needs a footnote<<hoverRef "label">>
<br>
blah blah blah(the rest of the page)
<br>
<<footnotes "label" "This is just like the plain old bottom definition.">>
<<bottomOfTiddler {{!!title}}>>
[[$:/plugins/inmysocks/CreateEditTiddlers]]
Documentation coming at some point. I hope. If I did things correctly not much should be needed. See [[Dashboard]] for how to import the plugin.
<<bottomOfTiddler {{!!title}}>>
!The quick solution
is to import this by clicking on the link below and dragging it to your wiki:
[[Contents]]
Then anything you tag `Contents` will show up in the first level of the table of contents, like `Things to import to make everything work`, `What to do` and `Wiki Examples` are in this wiki. Then anything tagged with the name of a tiddler in the table of contents will be included under that tiddler, like how `CamelCase` is listed under `Wiki Examples` in this wiki.
So any tiddler tagged `Wiki Examples` shows up under Wiki Examples, and any tiddler tagged `Wiki Formatting - text, tables, etc.` shows up in the table of contents under Wiki Formatting - text, tables, etc. and so on.
!To build one of your own
!!__TOC types I created__
*The mobile menu type table of contents (These requires the tiddler [[$:/macros/inmysocks/MobileMenu]])
''Basic mobile toc:''
```
<div class="tc-table-of-contents">
<<MobileMenu RootTag:"Contents" MenuType:TOC>>
</div>
```
<$reveal state='$:/state/mobilemenutocexample' type='match' text='show'>
<$button set='$:/state/mobilemenutocexample' setTo='noshow'>Hide Mobile Menu TOC</$button>
<div class="tc-table-of-contents">
<<MobileMenu RootTag:"Contents" MenuType:TOC>>
</div>
</$reveal>
<$reveal state='$:/state/mobilemenutocexample' type='nomatch' text='show'>
<$button set='$:/state/mobilemenutocexample' setTo='show'>Show Mobile Menu TOC</$button>
</$reveal>
''Selectively expandable mobile toc:''
```
<div class="tc-table-of-contents">
<<MobileMenu RootTag:"Contents" MenuType:"TOC-Selective">>
</div>
```
<$reveal state='$:/state/mobilemenuselectivetocexample' type='match' text='show'>
<$button set='$:/state/mobilemenuselectivetocexample' setTo='noshow'>Hide Mobile Menu Selective TOC</$button>
<div class="tc-table-of-contents">
<<MobileMenu RootTag:"Contents" MenuType:"TOC-Selective">>
</div>
</$reveal>
<$reveal state='$:/state/mobilemenuselectivetocexample' type='nomatch' text='show'>
<$button set='$:/state/mobilemenuselectivetocexample' setTo='show'>Show Mobile Menu Selective TOC</$button>
</$reveal>
!!__Part of the core__
Create a tiddler called `Contents` or `Table of Contents` or `bob`, then put one of the table of contents macros into the tiddler and (optionally) tag the tiddler `$:/tags/SideBar`. If you tag the tiddler with `$:/tags/SideBar` than it will appear in the sidebar like the table of contents on this wiki. Otherwise it will just be in the tiddler you created.
There are a few pre-made table of contents macros available. Here is the code to put into your tiddler along with examples of what each one looks like (click the button in each entry to see the example). Replace `Contents` in the following bits of code with the name of your table of contents tiddler to make it work:
*Expandable - click on the {{$:/core/images/right-arrow}} to expand a section
**<div>
```
<div class="tc-table-of-contents">
<<toc-expandable "Contents">>
</div>
```
</div>
**<div>
<$reveal state='$:/state/expandabletoc' type='match' text='show'>
<$button set='$:/state/expandabletoc' setTo='noshow'>Exapndable TOC</$button>
<div class="tc-table-of-contents">
<<toc-expandable "Contents">>
</div>
</$reveal>
<$reveal state='$:/state/expandabletoc' type='nomatch' text='show'>
<$button set='$:/state/expandabletoc' setTo='show'>Exapndable TOC</$button>
</$reveal>
</div>
*Selective Expandable - click on the {{$:/core/images/right-arrow}} to expand a section, but {{$:/core/images/right-arrow}} only appears when a section isn't empty.
**<div>
```
<div class="tc-table-of-contents">
<<toc-selective-expandable "Contents">>
</div>
```
</div>
**<div>
<$reveal state='$:/state/selectexpandabletoc' type='match' text='show'>
<$button set='$:/state/selectexpandabletoc' setTo='noshow'>Selective Exapndable TOC</$button>
<div class="tc-table-of-contents">
<<toc-selective-expandable "Contents">>
</div>
</$reveal>
<$reveal state='$:/state/selectexpandabletoc' type='nomatch' text='show'>
<$button set='$:/state/selectexpandabletoc' setTo='show'>Selective Exapndable TOC</$button>
</$reveal>
</div>
*Simple - just a listing of contents with indents to show the hierarchy
**<div>
```
<div class="tc-table-of-contents">
<<toc "Contents">>
</div>
```
</div>
**<div>
<$reveal state='$:/state/simpletoc' type='match' text='show'>
<$button set='$:/state/simpletoc' setTo='noshow'>Simple TOC</$button>
<div class="tc-table-of-contents">
<<toc "Contents">>
</div>
</$reveal>
<$reveal state='$:/state/simpletoc' type='nomatch' text='show'>
<$button set='$:/state/simpletoc' setTo='show'>Simple TOC</$button>
</$reveal>
</div>
*Sorted Expandable - same as expandable, but sorted by title
**<div>
```
<div class="tc-table-of-contents">
<<toc-expandable "Contents" "sort[title]">>
</div>
```
</div>
**<div>
<$reveal state='$:/state/sortedexpandabletoc' type='match' text='show'>
<$button set='$:/state/sortedexpandabletoc' setTo='noshow'>Expandable TOC - Sorted</$button>
<div class="tc-table-of-contents">
<<toc-expandable "Contents" "sort[title]">>
</div>
</$reveal>
<$reveal state='$:/state/sortedexpandabletoc' type='nomatch' text='show'>
<$button set='$:/state/sortedexpandabletoc' setTo='show'>Expandable TOC - Sorted</$button>
</$reveal>
</div>
*Tabbed - internal navigation - A tabbed table of contents that opens links in the same tiddler (like on the [[Dashboard]])
**<div>
```
<<toc-tabbed-internal-nav tag:"Contents" selectedTiddler:"$:/temp/toc/selectedTiddler" unselectedText:"Select a topic in the table of contents. Click the arrow to expand a topic.">>
```
</div>
**<div>
<$reveal state='$:/state/tabbedinternal' type='match' text='show'>
<$button set='$:/state/tabbedinternal' setTo='noshow'>Tabbed TOC - Internal Navigation</$button>
<<toc-tabbed-internal-nav tag:"Contents" selectedTiddler:"$:/temp/toc/selectedTiddler" unselectedText:"Select a topic in the table of contents. Click the arrow to expand a topic.">>
</$reveal>
<$reveal state='$:/state/tabbedinternal' type='nomatch' text='show'>
<$button set='$:/state/tabbedinternal' setTo='show'>Tabbed TOC - Internal Navigation</$button>
</$reveal>
</div>
*Tabbed - external navigation - A tabbed table of contents that opens links externally (try it out to see what that means)
**<div>
```
<<toc-tabbed-external-nav tag:"Contents" selectedTiddler:"$:/temp/toc/selectedTiddler" unselectedText:"Select a topic in the table of contents. Click the arrow to expand a topic.">>
```
</div>
**<div>
<$reveal state='$:/state/tabbedexternal' type='match' text='show'>
<$button set='$:/state/tabbedexternal' setTo='noshow'>Tabbed TOC - External Navigation</$button>
<<toc-tabbed-external-nav tag:"Contents" selectedTiddler:"$:/temp/toc/selectedTiddler" unselectedText:"Select a topic in the table of contents. Click the arrow to expand a topic.">>
</$reveal>
<$reveal state='$:/state/tabbedexternal' type='nomatch' text='show'>
<$button set='$:/state/tabbedexternal' setTo='show'>Tabbed TOC - External Navigation</$button>
</$reveal>
</div>
!Define your own table of contents macro
The macros used above are stored in [[$:/core/macros/toc]], you can look at them for examples of how the macros are made. If you want to make your own you should put it in a tiddler you make and tag that tiddler with `$:/tags/Macro`, or put the macro in the tiddler that you are using as your table of contents and it won't be available anywhere else in the wiki.
<<bottomOfTiddler {{!!title}}>>
These are borders for things that have borders. The most common are probably: $button widget, table, div
|!Name |!Use |!Values Used |
|border |Applies to all borders | |
|border-bottom |Applies to the bottom border |^|
|border-left |Applies to the left border |^|
|border-right |Applies to the right border |^|
|border-top |Applies to the top border |^|
|border-width |Sets the border width | |
|border-bottom-width |Sets the bottom border width | |
|border-left-width |Sets the left border width | |
|border-right-width |Sets the right border width | |
|border-top-width |Sets the top border width | |
|border-bottom-color |Sets the bottom border color | |
|border-left-color |Sets the left border color | |
|border-right-color |Sets the right border color | |
|border-top-color |Sets the top border color | |
|border-bottom-style |Style for the bottom border | |
|border-left-style |Style for the left border | |
|border-right-style |Style for the right border | |
|border-top-style |Style for the top border | |
Color has a lot, so it gets its own thing.
|!Name |!Description |!Values Used |
|color |Sets color of the current element |Hex RGB values, either 3 or 6 long (#xxx or #xxxxxx), or defined colour names (blue, black, forestgreen, burlywood, blanchedalmond, there are many of them) |
|background-color |Sets the color of the background of the current element |Same as color |
For the hex colors, #000 or #000000 is @@color:#000;black@@ and #fff or #ffffff is @@background-color:#000;color:#fff;white@@, #f00 or #ff0000 is @@color:#f00;pure red@@, #0f0 or #00ff00 is @@color:#0f0;pure green@@ and #00f or #0000ff is @@color:#00f; pure blue@@.
Or you can use named colors:
(Note that while the property is spelled `color`, for the color names both `grey` and `gray` are used.)
<<tiddlerSlider "List of CSS Named Colors">>
These are used to define the dimensions of things where that makes sense (table, div, text areas, etc.)
|!Name |!Description |
|width |The width of the element |
|min-width |The minimum width of an element with a dynamically defined width |
|max-width |The maximum width of an element with a dynamically defined width |
|line-height |The height of a line of text, this is independent of the font size |
|height |The height of the element |
|min-height |The minimum height for dynamically defined heights |
|max-height |The maximum height for dynamically defined heights |
Here are properties that have to do with positioning elements
|!Name |!Description |!Values Used |
|position |This sets how the positioning is determined |inherit static relative absolute fixed |
|top |The vertical offset between the top of the element and the top of the parent |inherit auto px em vh vw % (can be negative) |
|right |The offset from the right edge of the element and the right edge of the parent |inherit auto px em vh vw % (can be negative) |
|bottom |The vertical offset between the bottom of the element and the bottom of the parent |inherit auto px em vh vw % (can be negative) |
|left |The offset from the left edge of the element and the left edge of the parent |inherit auto px em vh vw % (can be negative) |
|vertical-align |The vertical alignment of the element inside it's parent |inherit baseline middle top bottom text-top text-bottom super sub px em vh vw % (can be negative) |
|overflow |How to handle content that goes outside the parent container |inherit visible hidden scroll auto |
|overflow-x |Same as overflow, but only horizontally | |
|overflow-y |Same as overflow, but only vertically | |
|z-index |The positioning of the element on the z-axis. If two elements take up the same space on the screen, the element with the larger z-index is shown. |inherit auto (integer value) (can be negative) |
''Text''
|!Name |!Use |!Values Used |
|word-spacing |The spacing between words, this is in addition to the space taken up by space characters | em px vh vw (can be negative)|
|letter-spacing |Spacing between letters, space characters are counted as letters in this case | em px vh vw (can be negative)|
|white-space | | |
|word-wrap | | |
|text-align |Text justification in the text area |left right center |
|text-align-last | | |
|text-decoration | | |
|text-transform | | |
|text-shadow | | |
|text-indent | | |
|text-underline-position | | |
''Fonts'' - not all fonts support all options
|!Name |!Use |!Values Used |
|font-size-adjust | | |
|font-stretch | | |
|font |You can put values for any of the properties listed below for this one | |
|font-style |Font style options |normal italic oblique inherit (others?) |
|font-variant | | |
|font-weight |How heavy the font is |lighter normal bold bolder 100 200 300 400 500 600 700 800 900 |
|font-size |How large the font is |xx-small x-small small medium large x-large xx-large smaller larger px % em vh vw (can't be negative) |
|font-family | | |
[[$:/plugins/inmysocks/Dashboard]]
Documentation coming at some point. I hope. If I did things correctly not much should be needed. See [[Dashboard]] for how to import the plugin.
<<bottomOfTiddler {{!!title}}>>
Here are the currently available plugins for the [[Dashboard|$:/plugins/inmysocks/Dashboard/Dashboard]] with their version numbers and date published. To install a plugin on your wiki click and drag the install link to your wiki.
<table>
<$list filter='[tag[Plugin twCard]category[Application]]+[limit[1]]'>
<tr><th>{{!!category}} Plugins</th><th></th><th></th><th></th><th></th><th></th></tr>
<tr><th>Name</th><th>Version</th><th>Date</th><th>Release</th><th>Description</th><th>Install Link</th></tr>
<$set name=currentCategory value={{!!category}}>
<$list filter='[tag[Plugin twCard]category<currentCategory>maintainer[inmysocks]]' template=PlugintwCardDisplayTemplate2>
</$list>
</$set>
</$list>
</table>
<<bottomOfTiddler>>
You can create an n-dash with a double hyphen `--` and an m-dash with a triple hyphen `---`. For example -- this is an example --- and so is this
<<bottomOfTiddler {{!!title}}>>
[[Test Dictionary Tiddler]] is an example of a dictionary tiddler. You can add new entries using the `handle:definition` pattern shown in the example. Linebreaks are not allowed in dictionary tiddlers.
The information can be referenced by using the `{{tiddlerName##handle}}` syntax like this:
```
{{Test Dictionary Tiddler##a}}
```
which gives:
{{Test Dictionary Tiddler##a}}
The [[hoverData macro|Make data from a dictionary tiddler appear when you hover over something]] uses dictionary tiddlers.
The tiddler [[Dictionary]] on the [[Dashboard]] uses a data tiddler as well. It uses [[$:/data/Dictionary]] and can add entries to the tiddler without editing it directly. I haven't found out how to remove entries without manually editing it yet.
Currently there is limited support for them, but this will change in future versions of TiddlyWiki.
<<bottomOfTiddler {{!!title}}>>
There are currently 3 macros:
*[[$:/inmysocks/macros/day-diff.js]]
*[[$:/inmysocks/macros/year-diff.js]]
*[[$:/inmysocks/macros/add-time.js]]
`day-diff` and `year-diff` both take up to 6 inputs:
|!Name |!Purpose |
|year1 |The starting year (default: 1900) |
|month1 |The starting month (default: 1 for January) |
|day1 |The starting day (default: 1) |
|year2 |The ending year (default: 1900) |
|month2 |The ending month (default: 1 for January) |
|day2 |The ending day (default 1) |
`add-time` takes up to 6 inputs:
|!Name |!Purpose |
|years |The number of years to add (default 0) |
|months |The number of months to add (default 0) |
|days |The number of days to add (default 0) |
|hours |The number of hours to add (default 0) |
|minutes |The number of minutes to add (default 0) |
|seconds |The number of seconds to add (default 0) |
All are numeric values. Years should be 4 digits (YYYY), months should be values in the range 1-12, with 1 being January and 12 being December, days should be in the range 1-31 to correspond to the day of the month. If you give a day that is outside of a given month, like 31 for February, it will treat it as March 3rd.
day-diff returns the number of days rounded to the closes full day, year-diff returns the number of years rounded to the closest full year.
Inputs can be given in order or in name:value pairs, so `<<day-diff year1:1985 year2:2015>>` gives <<day-diff year1:1985 year2:2015>> and `<<day-diff 1985 1 1 2015 1 1>>` gives <<day-diff 1985 1 1 2015 1 1>>, which should be the same result.
```
There are <<day-diff 1985 10 9 2015 2 25>> days between Oct. 9th 1985 and Feb. 25th 2015
There are <<year-diff 1985 10 9 2015 2 25>> years between Oct. 9th 1985 and Feb. 25th 2015
It will be <<add-time 5 3 2>> 5 years 3 months and 2 days from now.
Days and months roll over as expected:
`<<add-time 0 36 200>>` gives <<add-time 0 36 200>>
```
Difference between two dates in days: (this may not be completely accurate, I think it is a few days off.)
There are <<day-diff 1985 10 9 2015 2 25>> days between Oct. 9th 1985 and Feb. 25th 2015
Difference between two dates in years:
There are <<year-diff 1985 10 9 2015 2 25>> years between Oct. 9th 1985 and Feb. 25th 2015
Date a set time from now:
It will be <<add-time 5 3 2>> 5 years 3 months and 2 days from now.
Giving add-time no arguments should be the same date as the now macro:
`<<add-time>>` gives <<add-time>>, `<<now>>` gives <<now>>
Days and months roll over as expected:
`<<add-time 0 36 200>>` gives <<add-time 0 36 200>>
Starting:
Year: <$select field=year><$list filter='1980 1981 1982 1983 1984 1985 1986 1985 1989 1990 1991 1992 1993 1994 1995 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020'>
<option><<currentTiddler>></option>
</$list>
</$select> Month: <$select field=month><$list filter='1 2 3 4 5 6 7 8 9 10 11 12'>
<option><<currentTiddler>></option>
</$list>
</$select> Day: <$select field=day><$list filter='1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31'>
<option><<currentTiddler>></option>
</$list>
</$select>
Ending:
Year: <$select field=year2><$list filter='1980 1981 1982 1983 1984 1985 1986 1985 1989 1990 1991 1992 1993 1994 1995 1996 1997 1998 1999 2000 2001 2002 2003 2004 2005 2006 2007 2008 2009 2010 2011 2012 2013 2014 2015 2016 2017 2018 2019 2020'>
<option><<currentTiddler>></option>
</$list>
</$select> Month: <$select field=month2><$list filter='1 2 3 4 5 6 7 8 9 10 11 12'>
<option><<currentTiddler>></option>
</$list>
</$select> Day: <$select field=day2><$list filter='1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31'>
<option><<currentTiddler>></option>
</$list>
</$select>
Difference in days: <$macrocall $name='day-diff' year1={{!!year}} month1={{!!month}} day1={{!!day}} year2={{!!year2}} month2={{!!month2}} day2={{!!day2}}/>
Difference in years: <$macrocall $name='year-diff' year1={{!!year}} month1={{!!month}} day1={{!!day}} year2={{!!year2}} month2={{!!month2}} day2={{!!day2}}/>
To add formatted definitions you use
```
;Term to be defined
:definition of term
;Second term to be defined
:definition of second term
```
which will display as
;Term to be defined
:definition of term
;Second term to be defined
:definition of second term
<<bottomOfTiddler {{!!title}}>>
Are you sure you want to delete __{{Manage Books!!book_title}}__ from your collection?
<$set name=newBook filter='[tag[Book]]+[first[]]'>
<$button>Yes, delete {{Manage Books!!book_title}}.
<$action-sendmessage $message='tm-delete-tiddler' $param={{Manage Books!!book_title}}/>
<$action-sendmessage $message='tm-close-tiddler'/>
<$action-setfield $tiddler='Manage Books' $field='book_title' $value=<<newBook>>/>
</$button>
<$button>No<$action-sendmessage $message='tm-close-tiddler'/></$button>
</$set>
<$edit-text tiddler='$:/state/diceexample' field='num_dice' size=2/> d <$edit-text tiddler='$:/state/diceexample' field='dice_size' size=2/> x <$edit-text tiddler='$:/state/diceexample' field='multiplier' size=2/> + <$edit-text tiddler='$:/state/diceexample' field='bonus' size=2/> = {{$:/state/diceexample!!output2}}
<$prodfield2 filter='[[$:/state/diceexample]]' prodfield='die_roll' prodfield2='multiplier' storefield='output'/>
<$sumfield2 filter='[[$:/state/diceexample]]' sumfield='output' sumfield2='bonus' storefield='output2'/>
{{$:/state/diceexample}}
The actual template tiddlers:
*A field called `display_name` that contains the name displayed in the drop-down menus
*A field called `settings_tiddler` that contains the name of the tiddler for changing the settings. If there are no settings it should be an empty tiddler.
*Tagged with `Templates`
Templates that are for lists (Like in [[Contacts]] or [[Upgraded To-Do List]]):
*One template for displaying each entry on the list with the appropriate tag
**Tagged `ToDoEntryDisplayTemplate` for the [[Upgraded To-Do List]]
**Tagged `ContactDisplayTemplate` for the [[Contacts]] tiddler
*One template for displaying the list itself
**Tagged `TaskListTemplate` for the [[Upgraded To-Do List]]
**Tagged `ContactListTemplate` for [[Contacts]]
All templates should have:
*A settings tiddler, hopefully in the same style as [[Contacts Settings]] and [[To-Do List Settings]] and tagged approprately (`Wiki Settings` for the top-level settings tiddler, others tagged with the top-level tiddler, like [[Contact Settings]] and [[ContactDisplayTemplate1 Settings]] are)
Website: http://ooktech.com/jed/ExampleWikis/DynamicTables/
|Name |<$view field='caption'/> |
|Type |<$view field='name_plate_type'/> |
|Description |<$view field='description'/> |
|URL |<a href={{!!url}} target='_blank'><$view field='url'/></a> |
This site shows some dynamic table macros that let you create in-line editable tables based on tiddler fields.
{{!!url}}
''These macros are used in [[Contacts]] to edit single fields without needing to open the contact tiddler, they may not have much use outside of that without modifications''.
These are macros that make a button that when clicked will open up an editor for the specified field value. There are two macros to make the contacts display correctly in the table format.
Usage:
```
{{Macros!!test_field}}
<$tiddler tiddler="Macros">
<<editField1 test_field>> <<editField2 test_field>>
</$tiddler>
```
Renders as (press the edit button to toggle the editor) :
{{Macros!!test_field}}
<$tiddler tiddler="Macros">
<<editField1 test_field>> <<editField2 test_field>>
</$tiddler>
The `<$tiddler tiddler="Macros">` and `</$tiddler>` parts are needed because this can not be used to edit field in the current tiddler because it forces re-rendering with every keystroke and the cursor loses its place. So you can edit them, but you have to do it one character at a time. So the [[Tiddler Widget|Documentation:TiddlerWidget]] is used to edit the `text_field` value in [[Macros]].
The code for these macros is:
```
\define editField1(fieldName)
<$reveal type="nomatch" state="$:/state/$(tiddlerName)$$fieldName$" text="show">
{{!!$fieldName$}}
</$reveal>
<$reveal type="match" state="$:/state/$(tiddlerName)$$fieldName$" text="show">
<$tiddler tiddler=<<currentTiddler>>>
<$edit-text field="$fieldName$" focusPopup="Edit"/>
</$tiddler>
</$reveal>
\end
\define editField2(fieldName)
<$reveal type="nomatch" state="$:/state/$(tiddlerName)$$fieldName$" text="show">
<$button set="$:/state/$(tiddlerName)$$fieldName$" setTo="show">Edit</$button>
</$reveal>
<$reveal type="match" state="$:/state/$(tiddlerName)$$fieldName$" text="show">
<$button set="$:/state/$(tiddlerName)$$fieldName$" setTo="hide">Edit</$button>
</$reveal>
\end
```
<<bottomOfTiddler {{!!title}}>>
Similar to [[embedding images|Embedding Images - External Images]] you have have audio added to the wiki file by dragging and dropping the audio file into the browser, or you can embed external audio files.
External audio files are probably better if possible (despite making the wiki no longer a single file application) because otherwise they greatly increase the size of the wiki.
To embed an external audio file first make a tiddler that gives the location of the file by first setting the type to either `audio/mp3` or `audio/ogg` depending on which type of file you want to embed. There may be other supported types but those are the ones I have tested.
Then you [[make a field|How to Add Fields to Tiddlers]] called `_canonical_uri` and in the field you put the location of the audio file. This can be a local file with a path like `./audio/HappyInstrumental1.ogg` (see the HappyInstrumental tiddler) or a file hosted online like `https://archive.org/download/Caruso_part1/Caruso-AveMaria.mp3` (see the AveMaria tiddler).
It is probably easiest to copy any audio files you want to embed into a folder called `audio` in the same folder as the wiki and use relative references so that you can store everything on dropbox.
Either way, to embed the audio simply use this
```
{{AveMaria}}
```
Which gives:
{{AveMaria}}
''This next part was an example using a local file on my computer, since I can't upload files like this to tiddlyspot it doesn't work in this context''
or
```
{{HappyInstrumental}}
```
To include the audio pointed to in the HappyInstrumental tiddler.
(Since I can't store things on the tiddlyspot server this doesn't work online)
<<bottomOfTiddler {{!!title}}>>
To embed images that you don't want to add to the wiki as tiddlers you can use two different ways:
!First Way - Making a tiddler that points to the image
---
For this you make a new tiddler and [[add a field|How to Add Fields to Tiddlers]] called `_canonical_uri` and in the field put the URI of the image. You also need to set the content type to something like `image/jpg` for a jpg file or `image/png` for a png file and so on.
This can be an image stored locally, like `./images/AyeAye.jpg` or it can be an address to an image online like `https://upload.wikimedia.org/wikipedia/commons/a/ac/NASA-14090-Comet-C2013A1-SidingSpring-Hubble-20140311.jpg`
For images stored locally you can use the absolute or relative path to the image file. The easiest way to do this is to just put all the images in the `/images` folder in the same folder that contains the wiki and then you just need to put `./images/` before the file name in the tiddler that points to the image. (So for the Aye Aye example, just change where it says `AyeAye.jpg` to whatever the desired image is named, or for the hubble image just put the url into the `_canonical_uri` field of the tiddler.)
Here is the AyeAye tiddler as an example (edit it to see what is going on).
You then use this tiddler like you would use an image added to the wiki, that is
''I don't have the image actually hosted on tiddlyspot, so this doesn't actually work here. So pretend this is a picture of the most adorably ugly creature I have ever seen. Despite not working because the image isn't on tiddlyspot the AyeAye tiddler does show what to do for local images.'' (http://www.zooborns.com/zooborns/aye-aye/)
```
[img [AyeAye]]
```
To get
[img [AyeAye]]
(Or by cheating to get the image to display on the web)<br>
[img [http://www.zooborns.com/.a/6a010535647bf3970b0133f34a158f970b-800wi]]
Where all of the options for [[embedding images|Embedding Images - Images added to the wiki]] work normally.
!Second Way - Directly linking to the image
---
The other option is to directly reference the image like this
```
[img [https://upload.wikimedia.org/wikipedia/commons/a/ac/NASA-14090-Comet-C2013A1-SidingSpring-Hubble-20140311.jpg]]
```
which gives
[img [https://upload.wikimedia.org/wikipedia/commons/a/ac/NASA-14090-Comet-C2013A1-SidingSpring-Hubble-20140311.jpg]]
<<bottomOfTiddler {{!!title}}>>
There are a few ways to do this.
First, if you have the image included in the wiki (see [[Adding Images]]) as a tiddler you can simply do
```
{{PrinnySpin}}
```
where PrinnySpin is the name of the image tiddler. It displays as
{{PrinnySpin}}
Using this method you have no control over the size of the image. If you don't put linebreaks before and after the image it may be placed strangely.
You can control the size of the image like this
```
[img width=128 [PrinnySpin]]
[img width=10 [PrinnySpin]]
```
which gives
[img width=128 [PrinnySpin]]
[img width=10 [PrinnySpin]]
where 128 and 10 are the widths that the image is scaled to.
You can add tooltips to images
```
[img|a prinny[PrinnySpin]]
```
hover the mouse over the image to get the tooltip.
[img[a prinny|PrinnySpin]]
Scaled tooltip prinny
```
[img width=64 [scaled prinny tooltip|PrinnySpin]]
```
[img width=64 [scaled prinny tooltip|PrinnySpin]]
The placement of the spaces in the code is important here.
You can also link to images via urls, or have external local images displayed. See [[Embedding Images - External Images]].
<<bottomOfTiddler {{!!title}}>>
$$ \displaystyle S(\omega) = \int_{-\infty}^{\infty} x(t) e^{-j 2 \pi \omega t} dt$$
\define thisSearchMacro()
<ul>
<$list filter="[$(thisIncludeSystem)$regexp:$(thisField)$[(?i)$(thisSearch)$]]">
<li><$link to=<<currentTiddler>>><<currentTiddler>></$link></li>
</$list>
</ul>
\end
\define thisFieldSelect()
<$select tiddler='More Advanced Search Filter Data' field='search_field' default='title'>
<$list filter='[fields[]sort[title]regexp:[(?i)$(thisSearch)$]]'>
<option value=<<currentTiddler>>><$view field='title'/></option>
</$list>
</$select>
\end
\define thisSearchListMacro()
<tr><td><<currentTiddler>></td><td><$select tiddler='$:/data/search' index=<<currentTiddler>>><option>AND</option><option>OR</option><option>NOT</option></$select></td><td><$button set='$:/data/search##$(currentTiddler)$'>Remove</$button></td></tr>
\end
''Number 2 below actually works, and is on the dashboard''
I am going to try to make a search interface that allows you to easily input tags to use while searching and a regexp search on top of that. We will see how it goes.
*Generate a list of tags that can be selected, I think having a dropdown menu that lets you add tags to a list would be good.
*In that list have check boxes to toggle that tag as part of the search
*Using the result of that use a regexp search
*This is going to be an interface to build a filter expression that is used with the list filter
*I should let the user specify AND/OR/NOT relations also
!Step 1 - Build a list of tags. This one may not work.
Use a select widget to pick them, the selected tags will be put into an automatically generated table, in the table there should be radio buttons to pick the AND/OR/NOT/unused state (or a select widget? that may be better)
I should use a data tiddler to maintain this list, the indicies will be the tag names, the values stored with be the AND/OR/NOT/unused status of the tag.
```
\define thisSearchListMacro()
<tr><td><<currentTiddler>></td><td><$select tiddler='$:/data/search' index=<<currentTiddler>>><option>AND</option><option>OR</option><option>NOT</option></$select></td><td><$button set='$:/data/search##$(currentTiddler)$'>Remove</$button></td></tr>
\end
\define thisAndMacro(tagName)
tag[$tagName$]
\end
\define thisOrMacro(tagName)
][tag[$tagName$]
\end
<$select tiddler='More Advanced Filter Data' field='current_tag'>
<$list filter='[tags[]sort[title]]'>
<option value=<<currentTiddler>>><$view field='title'/></option>
</$list>
</$select>
<$button>Add tag
<$action-setfield $tiddler='$:/data/search' $index={{More Advanced Filter Data!!current_tag}} $value=AND/>
</$button>
<table>
<tr><td>Tag</td><td>Operation</td></tr>
<$list filter='[[$:/data/search]indexes[]]'>
<<thisSearchListMacro>>
</$list>
</table>
```
<$select tiddler='More Advanced Filter Data' field='current_tag'>
<$list filter='[tags[]sort[title]]'>
<option value=<<currentTiddler>>><$view field='title'/></option>
</$list>
</$select>
<$button>Add tag
<$action-setfield $tiddler='$:/data/search' $index={{More Advanced Filter Data!!current_tag}} $value=AND/>
</$button>
<table>
<tr><td>Tag</td><td>Operation</td></tr>
<$list filter='[[$:/data/search]indexes[]]'>
<<thisSearchListMacro>>
</$list>
</table>
!Step 2 - regexp
This is going to the pretty much the same as in the dictionary search function. You pick the field you want to search, the `Narrow List` option is a regexp search on the list of fields, so it narrows down the list for the select widget so you can find the field you want to search. Then the `Search` is the search string for the field selected.
```
\define thisSearchMacro()
<ul>
<$list filter="[regexp:$(thisField)$[(?i)$(thisSearch)$]]">
<li><$link to=<<currentTiddler>>><<currentTiddler>></$link></li>
</$list>
</ul>
\end
\define thisFieldSelect()
<$select tiddler='More Advanced Search Filter Data' field='search_field' default='title'>
<$list filter='[fields[]sort[title]regexp:[(?i)$(thisSearch)$]]'>
<option value=<<currentTiddler>>><$view field='title'/></option>
</$list>
</$select>
\end
Field to search: <$set name=thisSearch value={{More Advanced Search Filter Data!!narrow_field_select}}>
<<thisFieldSelect>>
</$set>
<$edit-text tiddler='More Advanced Search Filter Data' field='narrow_field_select' placeholder='Narrow Field List'/>
<br>
Search: <$edit-text tiddler='More Advanced Search Filter Data' field='search_string' placeholder='Search String'/> <$checkbox tiddler='More Advanced Search Filter Data' field='include_system_tiddlers' checked='' unchecked='!is[system]'> Include System Tiddlers</$checkbox>
<$set name='thisIncludeSystem' value={{More Advanced Search Filter Data!!include_system_tiddlers}}>
<$set name='thisSearch' value={{More Advanced Search Filter Data!!search_string}}>
<$set name='thisField' value={{More Advanced Search Filter Data!!search_field}}>
<<thisSearchMacro>>
</$set>
</$set>
</$set>
```
Field to search: <$set name=thisSearch value={{More Advanced Search Filter Data!!narrow_field_select}}>
<<thisFieldSelect>>
</$set>
<$edit-text tiddler='More Advanced Search Filter Data' field='narrow_field_select' placeholder='Narrow Field List'/>
<br>
Search: <$edit-text tiddler='More Advanced Search Filter Data' field='search_string' placeholder='Search String'/> <$checkbox tiddler='More Advanced Search Filter Data' field='include_system_tiddlers' checked='' unchecked='!is[system]'> Include System Tiddlers</$checkbox>
<$set name='thisIncludeSystem' value={{More Advanced Search Filter Data!!include_system_tiddlers}}>
<$set name='thisSearch' value={{More Advanced Search Filter Data!!search_string}}>
<$set name='thisField' value={{More Advanced Search Filter Data!!search_field}}>
<<thisSearchMacro>>
</$set>
</$set>
</$set>
!Step 3 - build the filter expression
This is going to be done using a macro. The problem I am seeing is that while I can have fewer than the maximum number of inputs to the macro I don't think I can have a macro that can take an arbitrary number. So start with allowing 5 or fewer tags in the search and worry about the rest later.
the filter macro and call should be something like this
```
\define thisMakeFilter()
[$(tag1)$$tag2)$$(tag3)$$(tag4)$$(tag5)$regexp:$(fieldtosearch)$$(regexpsearch)$]
\end
<$set name=tag1 value={{!!tag1_value}}>
<$set name=tag2 value={{!!tag2_value}}>
<$set name=tag3 value={{!!tag3_value}}>
<$set name=tag4 value={{!!tag4_value}}>
<$set name=tag5 value={{!!tag5_value}}>
<$set name=fieldtosearch value={{!!field_to_search}}>
<$set name=regexpsearch value={{!!regexp_search}}>
<$list filter=<<thisMakeFilter>>>
</$list>
</$set>
</$set>
</$set>
</$set>
</$set>
</$set>
</$set>
```
\define thisMakeTags() [[$(currentTiddler)$]]
<$button>Make New Tiddler
<$action-setfield $tiddler='My New Tiddler' tags=<<thisMakeTags>>/>
<$action-sendmessage $message='tm-edit-tiddler' $param='New Tiddler Bob'/>
</$button>
.stylesheet-example-blue {
color:blue;
}
details about example task 1
details about example task 2
<$view field='title'/> - <$view field='blurb'/><br>
If the idea is that you could have something like nested tags, where if the path is IT -> Support -> A rather than IT -> A then the two 'A's are treated differently. The problems are that I am not sure how to articulate the idea in a way that makes the uses immediately apparent, and I have no idea how it would be accomplished with the way tags are handled in tiddlywiki. The best explanation I have for what I am talking about is how in the category list I have here (http://inmysocks.tiddlyspot.com/#Change%20Log) going plugin -> calendar -> bugs is completely different set than plugin -> library tracker -> bugs
|Name |<$view field='caption'/> |
|Type |<$view field='name_plate_type'/> |
|Description |<$view field='description'/> |
|URL |<a href={{!!url}} target='_blank'><$view field='url'/></a> |
Plugin tiddler: $:/plugins/inmysocks/extrafilters
Demo Wiki: http://ooktech.com/jed/ExampleWikis/ExtraFilterOperators/
A plugin that contains some extra filter operators I made. Most of these are for my own testing.
Current operators:
*`greaterthan` - returns the tiddler if the numeric value of a field is greater than than the operand. Example filter: `[greaterthan:fieldname[numericvalue]]`. If no `fieldname` is given it defaults to title. This filter can be negated by using `!` as a prefix.
*`lessthan` - returns the tiddler if the numeric value of a field is less than the operand. Example filter: `[lessthan:fieldname[numericvalue]]`. If no `fieldname` is given it defaults to title. This filter can be negated by using `!` as a prefix.
*`angreaterthan` - returns the tiddler if the alphanumeric value of the field is greater than the operand. Greater than is defined here as coming after in a list sorted using the `sort` filter operator. Example filter: `[angreaterthan:fieldname[N]]`.
*`anlessthan` - returns the tiddler if the alphanumeric value of the field is less than the operand. Less than is defined here as coming before in a list sorted using the `sort` filter operator. Example filter: `[anlessthan:fieldname[N]]`.
\define getTagPill() {{$(tagPill)$||$:/core/ui/EditTemplate/tags}}
\define thisLockIcon()
<$reveal type='nomatch' state='$:/state/FastNewTiddler!!locked' text='locked'>
<$button class="tc-btn-invisible">
{{$:/core/images/unlocked-padlock}}
<$action-setfield $tiddler='$:/state/FastNewTiddler' $field='locked' $value='locked'/>
<$action-setfield $tiddler='$:/state/FastNewTiddler' $field='current_title' $value={{$:/temp/FastNewTiddler!!newtitle}}/>
</$button>
</$reveal>
<$reveal type='match' state='$:/state/FastNewTiddler!!locked' text='locked'>
<$tiddler tiddler={{$:/state/FastNewTiddler!!current_title}}>
<$button class='tc-btn-invisible'>
{{$:/core/images/locked-padlock}}
<$action-setfield $tiddler='$:/state/FastNewTiddler' $field='locked' $value='unlocked'/>
<$action-setfield $tiddler='$:/temp/FastNewTiddler' $field='newtitle' $value={{!!title}}/>
</$button>
</$tiddler>
</$reveal>
\end
<div class="tc-tiddler-frame">
@@float:right;margin-left:-25px;
<span class="tc-tiddler-controls tc-titlebar">
<$fieldmangler>
<$button class="tc-btn-invisible" message='tm-delete-tiddler' param={{$:/temp/FastNewTiddler!!newtitle}}>
{{$:/core/images/delete-button}}
</$button>
<$button class="tc-btn-invisible" message='tm-edit-tiddler' param={{$:/temp/FastNewTiddler!!newtitle}}>
{{$:/core/images/export-button}}
</$button>
<$button class="tc-btn-invisible" message="tm-remove-tag" param="$:/tags/AboveStory">{{$:/core/images/close-button}}</$button>
</$fieldmangler>
</span>
@@
<style type="text/css">
.fnt {border-collapse:collapse;border-spacing:0; border-width:0px; width:100%; margin-left:-25px;}
.fnt td{border-style:solid;border-width:0px;overflow:hidden;}
</style>
<!-- This should have the title lock (go from edit to view) once there is text in the new tiddler. Lock should let you edit the title of the new tiddler. This may cause many new tiddlers to be created. We should be careful. -->
<!-- The locked/unlocked would be irrelevant if there is no title typed in. -->
<table class="fnt">
<tr>
<td>
<<thisLockIcon>>
</td>
<td colspan="2">
<$reveal type='nomatch' state='$:/state/FastNewTiddler!!locked' text='locked'>
<$edit tiddler="$:/temp/FastNewTiddler" field="newtitle" class="tc-edit-texteditor" placeholder="title"/>
</$reveal>
<$reveal type='match' state='$:/state/FastNewTiddler!!locked' text='locked'>
<$edit-text tiddler={{$:/state/FastNewTiddler!!current_title}} field='title' class='tc-edit-texteditor'/>
</$reveal>
</td>
</tr>
<tr>
<td>
</td>
<td>
<$reveal type='nomatch' state='$:/state/FastNewTiddler!!locked' text='locked'>
<$edit field="tags" class="tc-edit-texteditor" tiddler={{$:/temp/FastNewTiddler!!newtitle}} placeholder="tags" />
</$reveal>
<$reveal type='match' state='$:/state/FastNewTiddler!!locked' text='locked'>
<$edit field="tags" class="tc-edit-texteditor" tiddler={{$:/temp/FastNewTiddler!!newtitle}} placeholder="tags" />
</$reveal>
</td>
<td>
<$set name="tagPill" value={{$:/temp/FastNewTiddler!!newtitle}}>
<<getTagPill>>
</$set>
</td>
</tr>
<tr>
<td>
</td>
<td colspan="2">
<$edit field="text" class="tc-edit-texteditor" tiddler={{$:/temp/FastNewTiddler!!newtitle}} placeholder="text"/>
</td>
</tr>
</table>
</div>
{{!!segment_description}}
<$set name=videoID value={{$:/.rich/data/videos##Feynman Lectures - Part 1 The Law of Gravitation}}>
<$macrocall $name="youtube-embed" video=<<videoID>> start="00:00:00" end="00:00:22"/>
</$set>
Before the bells start
{{!!segment_description}}
<$set name=videoID value={{$:/.rich/data/videos##Feynman Lectures - Part 1 The Law of Gravitation}}>
<$macrocall $name="youtube-embed" video=<<videoID>> start="00:00:22" end="00:01:18"/>
</$set>
Black screens and bells. There isn't much in the first minute.
\define searchInField(field, for)
<$list filter="[field:$field$/$for$/]">
<$link><$view field="title"/></$link>
</$list>
\end
<$edit-text tiddler="$:/temp/advancedsearch" type="search" tag="input"/> <$select field="fieldname" tiddler="$:/temp/advancedsearch">
<option value="Any">Any</option>
<$list filter="[!is[shadow]indexes[]sort[]]" variable="fieldname">
<option value=<<fieldname>>><<fieldname>></option>
</$list>
</$select>
<$reveal state="$:/temp/advancedsearch" type="nomatch" text="">
<$reveal state="$:/temp/advancedsearch!!fieldname" type="match" text="Any">
<$list filter="[indexes[]]" variable="fieldname">
Searching in index: <<fieldname>>
<$macrocall $name="searchInField" field=<<fieldname>> for={{$:/temp/advancedsearch}}/>
</$list>
</$reveal>
<$reveal state="$:/temp/advancedsearch!!fieldname" type="nomatch" text="Any">
Searching in field: {{$:/temp/advancedsearch!!fieldname}}
<$macrocall $name="searchInField" field={{$:/temp/advancedsearch!!fieldname}} for={{$:/temp/advancedsearch}}/>
</$reveal>
</$reveal>
In chrome, the edit and delete task buttons don't show up on my computer, the info button also didn't show up on my tablet.
I should update this stuff more often.
Filters are used to make lists in wikitext. The simplest filter is just a static list of titles like this:
```
'One Two Three Four'
```
Titles with spaces can be used by surrounding them with `[[` and `]]` like this:
```
'[[A title with spaces]] [[Another Title]] three four'
```
This may not be very hard to do, but I may need to make a new widget that tests the date. Or use the date tools that I have already made. I should stop forgetting about those.
This will require you to add date information to tasks. And probably many other things.
I do have my dates macro things. I keep forgetting about that.
To make recurring tasks I am going to add a time based trigger to the trigger actions daemon. This will trigger the actions after a given time.
I should have a few options:
Trigger if the time is later than the specified time
Trigger if the time is equal to the specified time (this has to be accurate to the minute or hour or day, it can't be exact or it will never work) It may be better to implement this as inside a given time frame, so if it is between 1 and 2 pm and it hasn't triggered today than it should trigger. If it is a recurring thing than it should reset itself after 2pm if it hasn't already.
When you switch to the mobile theme both menus appear on top of each other. I may have to make the icon menus a theme, but I would rather not do that. I like how they are just on top of the existing theme now.
I am not sure how to fix it, there is the same problem in the category list
This is going to be an annoying problem, the state tiddlers don't exist before a category has been expanded so I need to find some other way to find the categories.
The easiest solution (and the only one I can think of) is to create the show/hide state tiddler when an item is created.
subsubsubsubsubsubsubcategory. I am tempted to allow an arbitrary number of subs to be added. I think it could be done without too much trouble using some recursive stuff.
I fixed this problem for the category lists plugin, so look at the solution there.
This will probably be fixed by using the empty image in the core.
This should be an easy fix.
\define thisFontFamilyRadio(fontfamily text)
<tr><td><$radio tiddler='$:/state/Site Accessability Options' field=fontfamily value="""$fontfamily$""">$fontfamily$</$radio></td><td>@@font-family:$fontfamily$; $text$@@</td></tr>
\end
\define thisFontWeightRadio(weight)
<$radio tiddler='$:/state/Site Accessability Options' field=fontweight value=$weight$>$weight$</$radio>
\end
\define thisFontSize(size)
<$radio tiddler='$:/state/Site Accessability Options' field=fontsize value=$size$px>$size$</$radio>
\end
\define thisLineHeight(height)
<$radio tiddler='$:/state/Site Accessability Options' field=lineheight value=$height$px>$height$</$radio>
\end
\define thisWordSpacing(spacing)
<$radio tiddler='$:/state/Site Accessability Options' field=wordspacing value=$spacing$>$spacing$</$radio>
\end
\define thisLetterSpacing(spacing)
<$radio tiddler='$:/state/Site Accessability Options' field=letterspacing value=$spacing$>$spacing$</$radio>
\end
\define thisTextDecorations(decoration)
<$radio tiddler='$:/state/Site Accessability Options' field=textdecoration value=$decoration$>$decoration$</$radio>
\end
Unfortunately I only have a few visual options for now. If you want other options added please let me know using the feedback form ({{Menu Icon - User Feedback}}).
<$checkbox tiddler="Alternate Text Styles CSS" tag='$:/tags/Stylesheet'>Enable Custom Styles</$checkbox> (''Check this to enable the changes you select below.'')
<table>
<tr><th>Set Tiddler Font Family</th><th></th></tr>
<<thisFontFamilyRadio '"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif' Default>>
<<thisFontFamilyRadio 'Times New Roman' "Newspapers! Good for dense text.">>
<<thisFontFamilyRadio 'Comic Sans MS' "Scientific Press Releases">>
<<thisFontFamilyRadio Courier "Monospaced font">>
<<thisFontFamilyRadio "Zapf Chancery" "How Very Fancy">>
</table>
<table>
<tr><th>Font Options</th><th></th></tr>
<tr><td>Font Weight</td><td><<thisFontWeightRadio normal>> <<thisFontWeightRadio bold>></td></tr>
<tr><td>Font Size</td><td><<thisFontSize 10>> <<thisFontSize 12>> <<thisFontSize 15>> <<thisFontSize 17>> <<thisFontSize 19>> <<thisFontSize 21>> <<thisFontSize 25>></td></tr>
<tr><td>Line Height</td><td><<thisLineHeight 17>> <<thisLineHeight 19>> <<thisLineHeight 22>> <<thisLineHeight 24>> <<thisLineHeight 26>> <<thisLineHeight 28>> <<thisLineHeight 32>></td></tr>
<tr><td>Word Spacing</td><td><<thisWordSpacing normal>> <<thisWordSpacing 1ex>> <<thisWordSpacing 1.5ex>> <<thisWordSpacing 2ex>> <<thisWordSpacing 3ex>> <<thisWordSpacing 5ex>></td></tr>
<tr><td>Letter Spacing</td><td><<thisLetterSpacing normal>> <<thisLetterSpacing 0.1ex>> <<thisLetterSpacing 0.3ex>> <<thisLetterSpacing 0.75ex>> <<thisLetterSpacing 1ex>></td></tr>
<tr><td>Text Decoration</td><td><<thisTextDecorations none>> <<thisTextDecorations underline>> <<thisTextDecorations overline>></td></tr>
</table>
\define fa(iconName)
<i class="fa $iconName$"></i>
\end
\define falg(iconName)
<i class="fa $iconName$ fa-lg"></i>
\end
\define fa2x(iconName)
<i class="fa $iconName$ fa-2x"></i>
\end
\define fa3x(iconName)
<i class="fa $iconName$ fa-3x"></i>
\end
\define fa4x(iconName)
<i class="fa $iconName$ fa-4x"></i>
\end
\define fa5x(iconName)
<i class="fa $iconName$ fa-5x"></i>
\end
\define fafw(iconName)
<i class="fa $iconName$ fa-fw"></i>
\end
\define hoverRef(label)
<$hover popup="$:/state/$label$"><sup style="color:red">$label$</sup></$hover>
\end
\define definition(label,text)
<$reveal type="popup" state="$:/state/$label$" animate="yes">
<div class="tc-drop-down">
<dl>
<dt>$label$</dt>
<dd>$text$</dd>
</dl>
</div>
</$reveal>
\end
\define hoverFootnote(label,text)
<<hoverRef "$label$">>
<<definition "$label$" "$text$">>
\end
\define footnotes(label,text)
<<definition "$label$" "$text$">>
<sub><span style="color:red">$label$ : </span> $text$</sub>
\end
.tc-drop-down {
padding: 10px;
}
.tc-drop-down dd {
max-width:500px;
word-break: break;
white-space:normal;
}
This may be confusing, so test it out first.
To force linebreaks you can use the html tag or the wikitext versions.
wikitext version
```
Linebreaks here will be
ignored
when this is rendered
"""
Linebreaks here
will
be preserved
"""
```
displays as
Linebreaks here will be
ignored
when this is rendered
"""
Linebreaks here
will
be preserved
"""
If you just want a single linebreak at a specific location than html is probably better
```
To do a line break you simply add <br> to your code at the desired location.
```
will display as
To do a line break you simply add <br> to your code at the desired location.
<<bottomOfTiddler {{!!title}}>>
!Tables
Tables are made like this
```
|!Cell1 |!Cell2 |
|Cell3 |Cell3 |
```
which makes
|!Cell1 |!Cell2 |
|Cell3 |Cell3 |
!!Horizontally align things in cells
To horizontally align things in cells
you put a blank space either at the front or back or both to make it line up on the left, right or be centered
```
|Left aligned content |
| Right aligned content|
| Centred content |
|+++ a very wide column so we can see the alignment +++|
```
makes
|Left aligned content |
| Right aligned content|
| Centred content |
|+++ a very wide column so we can see the alignment +++|
!!You can also set vertical alignment
```
|^top left |^ top center |^ top right|
|middle left | middle center | middle right|
|,bottom left |, bottom center |, bottom right|
```
which, when the outside rows are added to make the vertical alignment mean something, gives
| :: | ::::::::::::::::::::::::::: | ::::::::::::::::::::::::::: | ::::::::::::::::::::::::::: | :: |
| ::<br>:: |^top left |^ top center |^ top right| ::<br>:: |
| ::<br>:: |middle left | middle center | middle right| ::<br>:: |
| ::<br>:: |,bottom left |, bottom center |, bottom right| ::<br>:: |
| :: | ::::::::::::::::::::::::::: | ::::::::::::::::::::::::::: | ::::::::::::::::::::::::::: | :: |
The outside rows give each cell enough height for the alignment to make a difference, but they make the table code hard to read, so they are left out of the example code. Edit this tiddler to see the whole thing.
!!Merging Cells
to merge a cell with the cell to the left use <, to merge a cell with the cell to the right use > to merge a cell with the cell above it use ~
```
|Cell1 |Cell2 |Cell3 |Cell4 |
|Cell5 |Cell6 |Cell7 |<|
|Cell5 |~|Cell7 |Cell8 |
|>|Cell9 |Cell10 |Cell11 |
```
|Cell1 |Cell2 |Cell3 |Cell4 |
|Cell5 |Cell6 |Cell7 |<|
|Cell5 |~|Cell7 |Cell8 |
|>|Cell9 |Cell10 |Cell11 |
!! Other stuff
you can make headers, footers and captions by putting a h at the end of a row for a header, an f at the end of a row for a footer and a c at the end of a row for a caption. Order of the rows doesn't seem to matter for them.
```
|This is a caption |c
|Cell1 |Cell2 |
|Cell3 |Cell3 |
|Header|Header|h
|Footer|Footer|f
```
|This is a caption |c
|Cell1 |Cell2 |
|Cell3 |Cell3 |
|Header|Header|h
|Footer|Footer|f
<<bottomOfTiddler {{!!title}}>>
If you give a tiddler a field called `caption` than whatever is in that field will be displayed for the tiddlers entry in the table of contents.
So if you want a name other than the tiddler name displayed you just put that name in the `caption` field. The for wikis newer than version 5.1.5, the `caption` field supports transclusions so you can make more complex entries in the table of contents.
This tiddler has `{{!!title}}: {{!!modified}}` in it's `caption` field so if you look at it in the table of contents it shows the name and the date it was last modified.
<<bottomOfTiddler>>
The Fourier transform is magic and is found using this equation
{{EquationFourierTransform}}
\define textSlider(label text)
<$reveal type="nomatch" state="$:/state/$label$" text="show">
<$button set="$:/state/$label$" setTo="show">$label$</$button>
</$reveal>
<$reveal type="match" state="$:/state/$label$" text="show">
<$button set="$:/state/$label$" setTo="hide">$label$</$button>
$text$
</$reveal>
\end
\define textSliderNoButton(label text)
<$reveal type="nomatch" state="$:/state/$label$" text="show">
<$button set="$:/state/$label$" setTo="show" class="tc-btn-invisible">{{$:/core/images/right-arrow}}$label$</$button>
</$reveal>
<$reveal type="match" state="$:/state/$label$" text="show">
<$button set="$:/state/$label$" setTo="hide" class="tc-btn-invisible">{{$:/core/images/down-arrow}}$label$</$button>
$text$
</$reveal>
\end
\define tiddlerSlider(tiddlerName)
<$tiddler tiddler="$tiddlerName$">
<$reveal type="nomatch" state="$:/state/$tiddlerName$" text="show">
<$button set="$:/state/$tiddlerName$" setTo="show">Show <<currentTiddler>></$button>
</$reveal>
<$reveal type="match" state="$:/state/$tiddlerName$" text="show">
<$button set="$:/state/$tiddlerName$" setTo="hide">Hide <<currentTiddler>></$button>
<$transclude/>
</$reveal>
</$tiddler>
\end
\define tiddlerSliderNoButton(tiddlerName)
<$tiddler tiddler="$tiddlerName$">
<$reveal type="nomatch" state="$:/state/$tiddlerName$" text="show">
<$button set="$:/state/$tiddlerName$" setTo="show" class="tc-btn-invisible">{{$:/core/images/right-arrow}}<<currentTiddler>></$button>
</$reveal>
<$reveal type="match" state="$:/state/$tiddlerName$" text="show">
<$button set="$:/state/$tiddlerName$" setTo="hide" class="tc-btn-invisible">{{$:/core/images/down-arrow}}<<currentTiddler>></$button>
<$transclude/>
</$reveal>
</$tiddler>
\end
\define imageSlider(tiddlerName caption)
<$reveal type="nomatch" state="$:/state/$tiddlerName$" text="show">
<$button set="$:/state/$tiddlerName$" setTo="show" class="tc-btn-invisible tc-tiddler-link"><<fa fa-plus>> $caption$</$button>
</$reveal>
<$reveal type="match" state="$:/state/$tiddlerName$" text="show">
<$button set="$:/state/$tiddlerName$" setTo="hide" class="tc-btn-invisible"><<fa fa-minus>> $caption$</$button>
[img width=100% [$tiddlerName$]]
</$reveal>
\end
\define listSlider(filter closedCaption openCaption)
<$reveal type="nomatch" state="""$:/state/$filter$""" text="show">
<$button set="""$:/state/$filter$""" setTo="show" class="tc-btn-invisible tc-tiddler-link"><<fa fa-plus>> $closedCaption$</$button>
</$reveal>
<$reveal type="match" state="""$:/state/$filter$""" text="show">
<$button set="""$:/state/$filter$""" setTo="hide" class="tc-btn-invisible"><<fa fa-minus>> $openCaption$</$button>
<$list filter='$filter$'>
</$list>
</$reveal>
\end
\define exampleSlider(text closedCaption openCaption name)
<$reveal type="nomatch" state="""$:/state/$name$""" text="show">
<$button set="""$:/state/$name$""" setTo="show" class="tc-btn-invisible tc-tiddler-link"><<fa fa-plus>> $closedCaption$</$button>
</$reveal>
<$reveal type="match" state="""$:/state/$name$""" text="show">
<$button set="""$:/state/$name$""" setTo="hide" class="tc-btn-invisible"><<fa fa-minus>> $openCaption$</$button>
$text$
</$reveal>
\end
Website: http://ooktech.com/jed/ExampleWikis/Version518Fun/
Website: http://ooktech.com/jed/ExampleWikis/Version518Fun/
Fields like this:
```
day_created=<<now DD>>
month_created=<<now MM>>
year_created=<<now YYYY>>
```
Headings can be made like this
```
!Biggest heading
!!Next heading
!!!next heading
!!!!then after that it may be normal text
```
!Biggest heading
!!Next heading
!!!next heading
!!!!then after that it may be normal text
<<bottomOfTiddler {{!!title}}>>
!The help tiddler for the Wiki Reference Wiki!
This is currently under construction and hopefully will be improved as time goes on.
This is help for how to use this site, not ~TiddlyWiki. Help using ~TiddlyWiki is what the rest of the site is for.
!!Site organization
---
This site is organized using the table of contents to the right. If you can't see the table of contents than you may need to adjust the width of the tiddlers by clicking on the button that says `Width/Font Size` in the upper right and selecting a smaller width from the list that appears.
In the table of contents clicking on any entry will open up the associated tiddler. Clicking on the plus sign (<<fa fa-plus>>) next to a name will open up the sub-heading showing the tiddlers listed under that topic. Clicking on the empty circle (<<fa fa-circle-o>>) that replaces the plus sign will collapse that portion of the table of contents. The most useful part for new users is probably the `Wiki Examples` section of the table of contents.
The [[Dashboard|$:/plugins/inmysocks/Dashboard/Dashboard]] section has demos of some things that I have made for my wikis, most of what is shown there is packaged as a plugin that you can import into your own wiki. See [[My Plugins]] for a listing of what I currently have available in plugin form.
There are also menus at the top of the screen and on the left side of the screen. In any of the menus clicking on the {{$:/core/ui/Buttons/home}} icon will bring you back to what was displayed when you loaded this site. Clicking the {{Icon Menu - Help}} icon next to the `Width/Font Size` button in the upper left will open up this message.
If you are looking for something specific you can use the search function. By typing something in the text box above the table of contents you can search for specific tiddlers in this wiki.
The community search is a very powerful tool, but we can make it better and improve the organization of the tiddlywiki universe by adopting some community standards. With this in mind I have [[some requests for plugin authors|http://inmysocks.tiddlyspot.com/#A%20Note%20to%20Plugin%20Authors]] to improve the community plugin listing and a suggestion about [[organizing multiple sites from the same author|http://inmysocks.tiddlyspot.com/#Using%20Directory%20Sites]] for various plugins or techniques.
Because I keep forgetting this stuff. Some of these may be a bit more advanced.
<$list filter='[tag<currentTiddler>]'>
</$list>
<<bottomOfTiddler>>
See [[TextSlider Macro]].
To do this use the following:
```
<<textSlider "button label" "text to reveal">>
```
Which gives:
<<textSlider "button label" "text to reveal">>
<<bottomOfTiddler {{!!title}}>>
To make a horizontal line you use
```
---
```
which displays as
---
<br>
<br>
<br>
<<bottomOfTiddler {{!!title}}>>
A `field` is a generic attribute that can be added to any tiddler. They consist of a name and a string of text. They can have many uses for things like filtering, and they are used for many of the hover macros (like [[Make an image tiddlers blurb field show up like a tooltip]]).
To add a field start editing a tiddler and at the bottom there should be a line that says `Add a new field:` with an input box next to it. Type the name of the field you want to add and click on the `add` button next to it. Then the field will be listed with an input box next to it. Whatever is in that box is the contents of the field.
If you edit this tiddler you will see that it has the field `blurb` with the contents `Adding fields is useful`.
<<bottomOfTiddler {{!!title}}>>
Similar to the table of contents, if you want something to appear on the list on the 'Main Dashboard' tab tag it with `Dashboard`. The main dashboard tab transcludes the tiddler DashboardTemplate, so if you want to make any changes go there. Dashboand template is just the macrocall to make the tabbed table of contents. I put it separately to be consistent so I can have each tab be a separate tiddler. That and it is simpler to understand this way.
Note that the plugins requier 5.1.6 or later to work. If you copy the tiddlers individually than earlier versions work.
For those of you who just want the parts as plugins, here is a list of all of them:<br>
*[[$:/plugins/inmysocks/Dashboard]] - The Dashboard interface
*[[$:/plugins/inmysocks/Citations]] - the citation database
*[[$:/plugins/inmysocks/Contacts]] - the contacts database
*[[$:/plugins/inmysocks/CreateEditTiddlers]] - the create or edit tiddlers tool
*[[$:/plugins/inmysocks/ManageTOC]] - the table of contents manager
*[[$:/plugins/inmysocks/MinimalTaskList]] - a minimal task list
*[[$:/plugins/inmysocks/QuickNotes]] - a searchable note taking tool
*[[$:/plugins/inmysocks/SearchableDictionary]] - a simple dictionary tool
*[[$:/plugins/inmysocks/TaskList]] - a not so minimal task list
!!If you are interested in the individal tiddlers they are listed below by the function the are part of
Below is a list of everything that is used for the dashboard.
---
!Basic Functions:
*[[Dashboard]]
*[[DashboardTemplate]]
*[[Contents]]
*[[Introduction]]
*[[RemoveIntroMessageModal]]
Or bundled together:
[[$:/plugins/inmysocks/Dashboard]]
---
!Documentation and miscellaneous
*[[How to add to the Dashboard]]
---
!Contacts
{{Tiddlers Needed for Contacts}}
---
!Create or Edit Tiddlers
{{Tiddlers Needed for Create or Edit Tiddlers}}
---
!Manage Table of Contents
{{Tiddlers Needed for Manage Table of Contents}}
---
!!To-Do List - minimal
This is just a single tiddler
*[[Minimal Task List]]
Or, if for some reason you prefer to import it as a plugin:
[[$:/plugins/inmysocks/MinimalTaskList]]
---
!!Task List
{{Tiddlers Needed for Task List}}
---
!!Citation Library
{{Tiddlers Needed for Citation Library}}
---
!!Searchable Dictionary
{{Tiddlers Needed for Dictionary}}
---
{{Tiddlers Needed for Quick Notes}}
---
Anything added to the dashboard (at least added here) should:
*Require no knowledge of WikiText
*Only require plugins available on tiddlywiki.com
*Not break using from using any of the functions in the dashboard, seed the note about the `no_edit` field below.
*Not break any existing pieces of the dashboard. Some may need to be updated for this, but they all need to be able to work together without trouble.
*Either:
**Have good easy to understand documentation with a very gentle learning curve
**Be intuitive enough that someone who is able to navigate the internet but has no coding experience can use without documentation
To follow the example, use this tiddler: [[Example New Tiddler Button View Template]]
It has the text:
<pre><$view tiddler='Example New Tiddler Button View Template' field='text'/>
</pre>
!!What this is doing
The `\define thisMakeTags() [[$(currentTiddler)$]]` line is needed in case the tiddler title has spaces, if you don't add the `[[` and `]]` than each word of the title will be added as a separate tag.
The `<$button>` is the opening tag for the button widget, anything between `<$button>` and `</$button>` is part of the button created.
`Make New Tiddler` is just the text that is visible on the button, you can change this to whatever you want.
The line `<$action-setfield $tiddler='My New Tiddler' tags=<<thisMakeTags>>/>` does all the heavy lifting. It sets the tag field of the tiddler called `My New Tiddler` equal to the output of the macro `thisMakeTags`. The macro is defined above. It gives the title of the current tiddler in a form that can be used as a tag.
Setting the tags field of a tiddler doesn't sound particularly useful, but if the tiddler `My New Tiddler` doesn't exist, than it is created and its tag field is set. This can be used in many situations to create new tiddlers that have preset fields without having to make a [[template|Templates]]. The `action-setfield` widget can set any number of fields in a tiddler that you create, just add more to it in the from `field_name="field_contents"`. So, if you wanted to change the button to include a field called `example_field` with the contents `nothing interesting here` to any new tiddler created you would change the line from `<$action-setfield $tiddler='My New Tiddler' tags=<<thisMakeTags>>/>` to `<$action-setfield $tiddler='My New Tiddler' tags=<<thisMakeTags>> example_field="nothing interesting here"/>`.
The action-setfield widget will not open up the tiddler created like this, which is why there is the line `<$action-sendmessage $message='tm-edit-tiddler' $param='My New Tiddler'/>`. This uses the action-sendmessage widget to send the message `tm-edit-tiddler`, which opens up a tiddler in edit mode, and targets the tiddler `My New Tiddler`, which is the one the button creates.
The effect of all of this is that a new tiddler called `My New Tiddler` is created, and then the tiddler is opened in edit mode.
!!How to add this button to other tiddlers
If you want to have this button displayed on every tiddler so you can click on it to create a new tiddler from anywhere than you add the tag `$:/tags/ViewTemplate` to the tiddler containing the button. This will display the button on every open tiddler.
By default the button will be shown at the very bottom of each tiddler. It is probably more useful to have the button displayed right under where a tiddlers tags are shown. To do this open the tiddler that contains the button code (in this case it is [[Example New Tiddler Button View Template]], so you can open it and edit it here.) and add a field called `list-after` and put `$:/core/ui/ViewTemplate/tags` as the contents of the field.
If everything works than you should see the button right below where the tags are displayed on every open tiddler.
<<bottomOfTiddler>>
The easiest way is to just copy this code. Any tiddler with the tag `task` that doesn't have the tag `done` will show up in the `Outstanding tasks` list, when you check the box next to it it will show up in the `Completed tasks` list. If you tag a tiddler as unfinished it shows up in the `Unfinished tiddlers` list. The `New Task` button creates an empty tiddler tagged with `task`. Name that tiddler whatever you want your task to be called and it will show up in the list. Put details about what needs to be done inside the tiddler if you want.
Unchecking the box puts the task back in the outstanding task list.
At the bottom of the tiddler created when you press the `New Task` button there are two [[fields|How to Add Fields to Tiddlers]], `blurb` and `deadline` the contents of which show up in the outstanding tasks list. See the example below for what it looks like.
Look down below the code to see what it looks like.
```
<$button message="tm-new-tiddler" param="TiddlerTaskTemplate">New Task</$button>
! Outstanding tasks
<$list filter="[!has[draft.of]tag[task]!tag[done]sort[created]!title[TiddlerTaskTemplate]]">
<$checkbox tag="done"> <$link to={{!!title}}><$view field="title"/></$link> - <$view field="deadline"/><br><$view field="blurb"/></$checkbox>
</$list>
! Completed tasks
<$list filter="[!has[draft.of]tag[task]tag[done]sort[created]]">
<$checkbox tag="done"> ~~<$link to={{!!title}}><$view field="title"/></$link>~~</$checkbox>
</$list>
---
!Unfinished tiddlers
<$list filter="[tag[unfinished]]">
</$list>
```
Which is shown here:
<$button message="tm-new-tiddler" param="TiddlerTaskTemplate">New Task</$button>
! Outstanding tasks
<$list filter="[!has[draft.of]tag[task]!tag[done]sort[created]!title[TiddlerTaskTemplate]]">
<$checkbox tag="done"> <$link to={{!!title}}><$view field="title"/></$link> - <$view field="deadline"/><br><$view field="blurb"/></$checkbox>
</$list>
! Completed tasks
<$list filter="[!has[draft.of]tag[task]tag[done]sort[created]]">
<$checkbox tag="done"> ~~<$link to={{!!title}}><$view field="title"/></$link>~~</$checkbox>
</$list>
---
!Unfinished tiddlers
<$list filter="[tag[unfinished]]">
</$list>
<<bottomOfTiddler {{!!title}}>>
\define simpleMacro()
It just says this
\end
The general form of code for a macro is
```
\define macroName(macroInput1,macroInput2)
(code here)
\end
```
In the body of the macro code you can reference the inputs by using `$macroInput1$` and `$macroInput2$` etc. and they will be used as variables when the macro is called.
To use the macro the syntax is `<<macroName macroInputValue1 macroInputValue2>>` then in the code for the macro everywhere that `$macroInput1$` shows up, `macroInputValue1` will be used instead, and wherever `$macroInput2$` shows up, `macroInputValue2` will be used instead. This means that a macro is just defines a simple function, if you know what that means.
A marco doesn't need to have only a single input, it can have zero or one or any number of inputs (if there is a limit I don't know it, it may be 2).
The code is just WikiText, the same as anywhere else in the wiki, just with the placeholders for variables.
You can define a macro that is only going to be used in a single tiddler at the very top of the tiddler. It doesn't show up in the displayed portion. At the top of this tiddler there is a simple macro with no inputs defined with the following code
```
\define simpleMacro()
It just says this
\end
```
Then anywhere that you put `<<simpleMacro>>` in this tiddler is displays as:
<<simpleMacro>>
To make a global macro, that is one that can be used anywhere in the wiki, create a tiddler that contains the macro, or macros, that you want and give it the tag `$:/tags/Macro` and it can be used anywhere in the wiki.
!Other example macros
The no input macro above is a simple example. A slightly more complex example of a macro is the global `hoverBlurb` macro used in this wiki. The code for this macro is
```
\define hoverBlurb(label)
<$hover popup="$:/state/$label$">
[[$label$]]
</$hover>
<$reveal type="popup" state="$:/state/$label$">
<div class="tc-drop-down">
<$view tiddler="$label$" field="blurb"/>
</div>
</$reveal>
\end
```
Note it takes the input `label` and anywhere in the definition where `$label$` is used gets replaced by the input given when the macro is called. so if you use `<<hoverBlurb PrinnySpin>>` it is the same as using all of this code:
```
<$hover popup="$:/state/PrinnySpin">
[[PrinnySpin]]
</$hover>
<$reveal type="popup" state="$:/state/PrinnySpin">
<div class="tc-drop-down">
<$view tiddler="PrinynSpin" field="blurb"/>
</div>
</$reveal>
```
which is much longer than calling the macro, which is the reason macros exist.
The macros described in [[Make a tiddlers blurb popup when you hover over a link]], [[Make an image tiddlers blurb field show up like a tooltip]] and [[Make one tiddler popup when you hover over a link to another tiddler]] are defined in MyHoverMacros and are setup as global macros. The code for each macro is shown in the description tiddlers as reference.
<<bottomOfTiddler {{!!title}}>>
These steps will allow you to create new display templates for the contacts list/list entries and add the template to the drop-down menu in the [[Contacts Settings]] tiddler and correctly display the settings tiddler there if you make one.
For example templates look at the templates listed in [[Tiddlers Needed for Contacts]].
#Create a new tiddler and give it a descriptive name with no spaces (spaces make things weird, I will hopefully fix this in the future so you don't have to worry about spaces).
#If you are making a template for how to display each entry add the tag `ContactDisplayTemplate`, if you are making a template for how to display the list of contacts add the tag `ContactListTemplate`.
#Make a field called `display_name` and put the name you want to appear in the settings dropdown menu there, spaces are fine here.
#(Optional) Make a field called `settings_tiddler` and put the name of the tiddler that will change the settings for your template in that field.
#Make the template however you want it
#Each list template should have a field `caption` with the value `Contacts List` so that it displays correctly in the tabs of the contacts tiddler
I have way too many projects. You can look at [[the plans for this site and my tiddlywiki stuff|Change Log]]. I have similarly long lists of things to do with just about everything else I work on. This is on top of working on getting my phd and starting up a company. I don't like when I don't have anything to do. Also see [[Other Wikis I Have]]. Way too many projects.
The icon menus plugin is what adds the icon menus at the top and on the left side of this page.
[[Another demo site is here|http://inmysocks.tiddlyspot.com/#Icon%20Menus%20Plugin]], and I use it on [[my homepage|http://ooktech.com/jed/externalbrain/]].
To install this plugin on your wiki drag and drop this link into your wiki:
[[$:/plugins/inmysocks/IconMenus]]
This will add a tab in the control panel that lets you configure the menus however you want. There are many options, here are a few of the most important ones:
*When you open the `Icon Menus Settings` tab in the control panel there is a button at the top that says `Set tiddler top position`. If you click this button it sets the default position of the top of the tiddlers to be even with the bottom of the top bar menu. If you don't do this than tiddlers will open with their titles behind the top bar, also if you have a ribbon like the `Powered by TiddlyWiki` one on this site and don't click on the button than the ribbon will be partly covered by the top bar,
*Next is a list of checkboxes and dropdown menus. The check boxes turn each menu on or off, there are currently 10 options here:
**Top Bar - this turns on or off the top bar itself, if this is off than none of the top menus will be visible. If you don't want the bar visible but want the menus you can turn off the top bar border and set the top bar color option to either `transparent` or just make it blank.
**Top Left menu - this is the menu in the top left, in this wiki it shows the `Width/Font` button and the {{Menu Icon - Help}} icon.
**Top Middle menu - this toggles the top middle menu, on this wiki it has the home button, the wiki title and the save wiki button.
**Top Right menu - this toggles the top right menu
**Right menu - this toggles the menu on the right side of the screen
**Left menu - this toggles the menu on the left side of the screen
**Bottom Bar - similar to the top bar, but on the bottom of the screen instead (not turned on in this wiki, you can change the settings in [[$:/ControlPanel]] to see what it looks like)
**Bottom Left menu - the menu on the bottom left (also not shown in this wiki)
**Bottom Middle menu - the menu in the middle of the bottom (also not shown in this wiki)
**Bottom Right menu - the menu on the bottom right (also not shown in this wiki)
*Next to each option there is a dropdown menu that controls the behavior of that menu. Some of the menus currently only have a single option. In this wiki the top bar uses the basic style, and the left menu uses the appear on hover style. There is also a popout on hover style that hides most of the menu until you hover the mouse over it and then it displays the entire menu.
*Below all of that there are a bunch of tabs, one for each menu/bar. This is where you control the icons displayed on each menu and the menu appearance. Hopefully the settings are self explanatory, if not play with them to see what they do, it won't break anything.
*Each menu tab has a list of entries that are currently available to be part of that menu, check the box next to an entry to add it to the menu. The `Order` column determines the order for the menu items. Order goes from top to bottom on the left and right menus and from left to right on all of the others.
Any tiddler tagged with `Menu Icon` will appear on the list of potential menu entries. They don't have to be icons, the `Width/Font Size` button and the wiki title in the top bar are examples of non-icon entries. If you want a menu with text entries you can set the width of the left and right menus to me wide enough for your text and make the menu item tiddlers with the `Menu Icon` tag however you wish. This probably works best with the popout on hover style because the left and right menu widths don't do anything to the position of the tiddlers.
The currently available icons in the plugin are:
<$list filter='[plugintiddlers[]tag[Menu Icon]]'>
<$link to=<<currentTiddler>>><$view field='caption'><$view field='title'/></$view></$link> - <$transclude/><br>
</$list>
Other icons used on this wiki (click and drag the link to import them to your wiki if you want them, be aware that some may require other tiddlers to function):
<$list filter='[tag[Menu Icon]!prefix[$:/]]'>
<$link to=<<currentTiddler>>><$view field='caption'><$view field='title'/></$view></$link> - <$transclude/><br>
</$list>
This won't work until I version 5.1.8 is released.
I have put in comments to explain how it works.
This won't work even then because the comments break the macro definitions.
```
<!-- For this currentTiddler is set to the previous tiddler in the gallery, and ImageTiddler is set to the tiddler currently being viewed -->
\define thisBackButton()
<$button class='tc-btn-invisible'>
<!-- Open the previous tiddler -->
<$action-navigate $to=<<currentTiddler>>/>
<!-- The button image -->
{{$:/core/images/chevron-left}}
<!-- Close the current tiddler -->
<$action-sendmessage $message='tm-close-tiddler' $param="""$(ImageTiddler)$"""/>
</$button>
\end
<!-- For this currentTiddler is set to the next tiddler in the gallery and ImageTiddler is set to the tiddler currently being viewed-->
\define thisForwardButton()
<$button class='tc-btn-invisible'>
<!-- Open the next tiddler -->
<$action-navigate $to=<<currentTiddler>>/>
<!-- The button image -->
{{$:/core/images/chevron-right}}
<!-- Close the current tiddler -->
<$action-sendmessage $message='tm-close-tiddler' $param="""$(ImageTiddler)$"""/>
</$button>
\end
\define thisGallery()
<!-- Only display if the current tiddler in the list is the tiddler being viewed -->
<$reveal type=match state='!!title' text=<<ImageTiddler>>>
<!-- use the calc macro to set indicies of the current and next tiddlers in the gallery -->
<$set name=thisMinusOne value=<<calc $(currentListIndex)$ -1>>>
<$set name=thisPlusOne value=<<calc $(currentListIndex)$ +1>>>
<!-- Set the width for the div that holds the buttons -->
<div style='width:100%'>
<!-- This only displays if the tiddler being viewed isn't the first one. ImageDisplayViewTemplate!!one is just the numeral 1 so it can be checked against -->
<$reveal type=nomatch state='ImageDisplayViewTemplate!!one' text=<<currentListIndex>>>
<!-- This pulls out the previous tiddler in the gallery -->
<$list filter='[sort<GallerySort>tag<GalleryTag>$(GalleryFilter)$nth<thisMinusOne>]'>
<!-- The div holding the back button -->
<div style='width:70%;z-index:99;position:absolute'>
<!-- The back button is created using the previous tiddler in the gallery as the variable currentTiddler -->
<<thisBackButton>>
</div>
</$list>
</$reveal>
<!-- This pulls out the tiddler that is next in the gallery, this only returns something when the next tiddler exists, so at the end of the gallery there is nothing on this list and the button isn't displayed -->
<$list filter='[sort<GallerySort>tag<GalleryTag>$(GalleryFilter)$nth<thisPlusOne>]'>
<!-- This is the div holding the forward button -->
<div style='text-align:right;position:absolute;width:80%;z-index:98'>
<!-- This makes the forward button using the next tiddler in the gallery as the variable currentTiddler -->
<<thisForwardButton>>
</div>
</$list>
<!-- This is the div that says Navigate Gallery: -->
<div style='text-align:center;position:absolute;z-index:1;width:80%'>
Navigate Gallery: {{!!gallery}}
<hr>
</div>
</div>
<br>
</$set>
</$set>
</$reveal>
\end
<!-- This macro makes the navigation buttons -->
\define thisList()
<!-- This sorts and list the tiddlers with the optional GalleryFilter added on. It sets the iterator and variable as well. -->
<$list filter="[sort<GallerySort>tag<GalleryTag>$(GalleryFilter)$]" iterator=currentListIndex variable=ThisOne>
<!-- Using the built in iterator-last variable we set the number for the last tiddler in the gallery -->
<$set name=LastTiddler value=<<iterator-last>>>
<!-- Show this only if the current tiddler isn't the last tiddler in the gallery, this is the part that removes the next button from the last tiddler -->
<$reveal type=nomatch state=<<LastTiddler>> text=<<currentListIndex>>>
<!-- This uses the same filter as above, but it pulls out the nth tiddler, where n is the currentListIndex, set my the iterator from the above list and sets the variable to ImageTiddler. This is the tiddler currently being viewed -->
<$list filter="[sort<GallerySort>tag<GalleryTag>$(GalleryFilter)$nth<currentListIndex>]" variable=ImageTiddler>
<!-- This macro makes the display -->
<<thisGallery>>
</$list>
</$reveal>
</$set>
</$list>
\end
<!-- Set the GalleryTag variable based on the settings in the control panel -->
<$set name=GalleryTag value={{$:/settings/TiddlerGallerySettings!!gallery_tag}}>
<!-- This is the list that makes the view template only show up on the correct tiddlers -->
<$list filter="[is[current]tag<GalleryTag>]">
<!-- Set the GallerySort and GalleryFilter variables, this is inside the list because that may reduce the amount of rendering done. I am not actually sure about that. -->
<$set name=GallerySort value={{$:/settings/TiddlerGallerySettings!!gallery_sort}}>
<$set name=GalleryFilter value={{$:/settings/TiddlerGallerySettings!!filter}}>
<!-- This is the macro that makes the navigation buttons -->
<<thisList>>
</$set>
</$set>
</$list>
</$set>
```
There should be date created, deadline and maybe start date (it could be different than date created)
I have no idea how to present this information in the normal table list, it may have to go into the info popup for each task. Or I could have different table styles.
This could also be used to integrate this with the calendar plugin.
|Name |<$view field='caption'/> |
|Type |<$view field='name_plate_type'/> |
|Description |<$view field='description'/> |
|URL |<a href={{!!url}} target='_blank'><$view field='url'/></a> |
!Welcome to ~TiddlyWiki!
''If you just want to import functions into your own existing wiki go to http://inmysocks.tiddlyspot.com/#How%20to%20add%20to%20the%20Dashboard for instructions and a list of the available plugins''
~TiddlyWiki is a personal organizer or personal wiki. This is a version designed specifically so that there is almost no learning required to use it. There will (hopefully) be versions that just accomplish individual tasks, such as a task list or contacts database. This wiki contains all of the available content for the no learning required versions.
!!To get started
If you just want to get started working then you can click on one of the options to the left. Currently `Introduction` is highlighted to show that you are looking at the introduction tab. If you click on another option on the list than you will see the content for that option.
Currently the options are:
*`Citation Library` - a simple citation database
*`Contacts` - a contact database with a simple interface
*`Create or Edit Tiddlers` - a simple interface for adding more tiddlers to this wiki
*`Dictionary` - a searchable and editable dictionary
*`Manage Table of Contents` - a TOC manager for tiddlywiki
*`Minimal Task List` - a task list that just lists tasks and allows you to check them off when they are finished.
*`Quick Notes` - a simple searchable notepad
*`Task List` - a more advanced task list that has options for adding short descriptions, deadlines and a more detailed explanation to the task. On this list if you click on a task name it will open up the details you have given that task.
!!What do these words mean?
Here is a list of words and definitions related to this wiki that you may not be familiar with:
*''Wiki'' - a user editable document. Wikipedia is probably the most famous example of a wiki. A wiki contains pages or articles that can link to each other to allow navigation through the different articles. What you are currently reading is an example of a wiki called ~TiddlyWiki
*''Link'' - A link is a word or phrase that you can click on that will bring you to a new place or open up a new page. Links in this wiki are colored blue and when you hover over one it will become underlined. Clicking on links is one of the main ways to navigate this wiki.
*''Tiddler'' - A single unit used by ~TiddlyWiki. Everything on this wiki is made up of tiddlers, and when you create something here it will be a tiddler. An article on wikipedia would be equivalent to a tiddler. But a tiddler can be significantly more than what is done on wikipedia. Don't worry too much about specifics if you don't want to, the important thing to know now is that when you open something on this wiki what you open is a tiddler. For examples and more explaination go to www.tiddlywiki.com
*''~TiddlyWiki'' - ~TiddlyWiki is a program that can be used in many different ways, what you are reading right now is an example of a ~TiddlyWiki, but there are many more things that can be done with one. <!-- add history or something here -->
!!If you want to get rid of this message
If you want to prevent this message from appearing anymore you can click on the button below. Once you do this than this message won't appear again, so make sure you understand the basics of how to use this wiki before you press it.
If you want this message to stay available than just click on one of the options to the left to get started using the wiki. If you click on the word `Introduction` than this message will appear again.
Click the button down below that says `Don't show this again` and this message will no longer appear when you open your wiki.
<$button message='tm-modal' param=RemoveIntroMessageModal>Don't show this again</$button>
|Name |<$view field='caption'/> |
|Type |<$view field='name_plate_type'/> |
|Description |<$view field='description'/> |
|URL |<a href={{!!url}} target='_blank'><$view field='url'/></a> |
''Jed Carty'' preferred online nickname: inmysocks
--''Email''--
inmysocks -At- G mail Dot Com (Weirdness to avoid spam)
--''Phone''--
People sometimes try to call me on my texting device. It is better to talk to me online.
--''My ~TiddlyWiki 5 Stuff on the Net''--
<$list filter='[tag{!!title}tag[<Name Plate>]name_plate_type[TiddlyWiki]]' template=SiteNamePlateDisplayTemplate>
</$list>
--''~GitHub''--
https://github.com/inmysocks
--''Social Site''--
[[Google +|https://plus.google.com/u/0/104299822683475347635/posts/]]<br>
[[Sir Hatsworth XVII's photoblog|http://sirhatsworthxvii.blogspot.com/]]
--''IM Things''--
AIM - JedMee (I almost never use this anymore, but pidgin is still set to log in)<br>
Google chat thing whatever it is called - same as my email
!!!__Tiddlers with Jed Carty Tags__
{{{ [tag[Jed Carty]] }}}
Hopefully this link will always point to a page with the newest version of the plugin if it gets updated.
http://tiddlywiki.com/plugins/tiddlywiki/katex/
<<bottomOfTiddler {{!!title}}>>
''Like everything else on this site, this is a work in progress, there isn't much to see here yet.''
This is the start of what will hopefully become a loosely structured guide to learning how to use some of the more advanced features of TiddlyWiki. If you simply want to use TiddlyWiki to markup text or create static wikis this is probably not going to be very helpful, but if you want to learn how to create dynamically changing wikis this will hopefully help you start.
!Introduction
For a brief overview of what makes ~TiddlyWiki useful, or why you should care, check [[Why TiddlyWiki?]] It will give you background on why using what I present here is helpful in a general way.
!TiddlyWiki Ideas and Concepts
This wiki is an example of a (mostly) statically displayed wiki, there are not many dynamic elements past some automatically generated lists. If you want to see an example of a wiki that is almost completely made up of dynamically generated content you can go to [[http://zorklike.tiddlyspot.com/]], which is a simple interactive fiction engine I created using TiddlyWiki.
While there are many tools available when using WikiText, the four most useful concepts for learning how TiddlyWiki can go far beyond traditional typesetting/word processing, or even other wikis, are:
*[[Lists in WikiText]]
*[[Filters in WikiText]]
*[[Transclusion in WikiText]]
*[[Templates in WikiText]]
While the other tools are important, if you understand these four concepts you can build very complex things using TiddlyWiki.
!Wiki Customization
If you want to learn how to customize your wiki than I have [[learning to customize TiddlyWiki|Learning to Customize TiddlyWiki]], and there are some simple notes in [[Wiki Customization]].
Like what I am doing? You can always [[help|Want to help out?]].
<<bottomOfTiddler>>
Also see [[Learning TiddlyWiki]]
This is going to cover some more advanced or technical aspects of customizing ~TiddlyWiki. I just started making it so there are a lot of gaps and not everything listed is done yet.
If you have any specific requests feel free to ask through the feedback form (the {{Menu Icon - User Feedback}} icon in the upper left of the screen)
If you just want things I have already made for you, go to [[Copy and Paste Custimizations]].
Easy stuff:
*[[Changing Themes]] - Switching between existing themes, possibly the easiest customization possible.
More advanced:
*[[Modifying CSS]] - Change the wiki layout, font sizes, colours, popups and much more.
*[[Custom View Templates]] - A different sort of changing layout, things like adding new buttons to every tiddler or changing the location of menus, or creating new menus.
Everything comes down to making the correct table it seems.
Facebook and Google+, and possibly other sites, give a preview of sites if you share a link to them. These previews can be built automatically, but if you put the proper metadata on your site than you can control what shows up. The protocol for this is called Open Graph Protocol ([[website|http://ogp.me/]]). Adding the metadata to a wiki is very simple, just make a tiddler tagged with `$:/tags/RawMarkup` and put in the html.
The [[Open Graph Protocol site|http://ogp.me/]] gives information about which tags are available and what they do, here is the code use in this site from the tiddler [[Open Graph Protocol Metadata]]:
<pre>
<$view tiddler='Open Graph Protocol Metadata'/>
</pre>
If you don't want to add more metadata you can copy that into a tiddler on your own wiki and change the title, url and description to fit your site. Or I suppose just import the [[Open Graph Protocol Metadata]] tiddler and edit it to fit your site.
After you have added the tiddler, saved and then reloaded your wiki you can check to make sure it worked either by putting the link into the new post editor on facebook or google+ or going to [[the debug tool|https://developers.facebook.com/tools/debug/og/object/]] facebook has for checking these things.
''Note'' If you have put a link to your wiki on facebook previously than the update may not show, if that is the cage go to the debug tool lined to above, enter the url of your wiki and click on `Fetch new scrape information` to get facebook to update the data is has stored. Google+ apparently checks the data every time so it should work immediately there.
<<bottomOfTiddler>>
[[$:/plugins/inmysocks/LibraryTracker]]
|Name |<$view field='caption'/> |
|Type |<$view field='name_plate_type'/> |
|Description |<$view field='description'/> |
|URL |<a href={{!!url}} target='_blank'><$view field='url'/></a> |
\define thisMakeListEntry()
<<currentTiddler>> - {{Iterate Over Fields Example Tiddler!!$(thisTiddler)$}}<br>
\end
This will set all of the fields in the tiddler [[Iterate Over Fields Example Tiddler]] to be whatever value is stored in the `iterate_value` field in this tiddler. The `iterate_value` field is set by the select widget. This works regardless of how many fields are in [[Iterate Over Fields Example Tiddler]] or what the fields are called. It may be possible to have this set the fields to different values, but that may get complex.
The fields are updated whenever the `iterate_value` field is changed.
```
\define thisMakeListEntry()
<<currentTiddler>> - {{Iterate Over Fields Example Tiddler!!$(thisTiddler)$}}
\end
<$select tiddler=<<currentTiddler>> field='iterate_value'>
<option>foo</option>
<option>bar</option>
<option>bob</option>
<option>joe</option>
<option>eve</option>
</$select>
You can add any fields you want:
<$edit-text tiddler=<<currentTiddler>> field='field_to_add' class='tc-edit-texteditor'/>
<$button>Add field<$action-setfield $tiddler='Iterate Over Fields Example Tiddler' $field={{!!field_to_add}} $value=''/></$button>
<$set name=tidName vaule=<<currentTiddler>>>
<$list filter='[[Iterate Over Fields Example Tiddler]fields[]]-[[title]]-[[created]]-[[modified]]-[[text]]-[[tags]]'>
<$link-fields $sourcetiddler='link-fields Widget - Iterate Over Fields' $sourcefield='iterate_value' $storetiddler='Iterate Over Fields Example Tiddler' $storefield=<<currentTiddler>>/>
<$set name=thisTiddler value=<<currentTiddler>>>
<<thisMakeListEntry>>
</$set>
</$list>
</$set>
```
<$select tiddler=<<currentTiddler>> field='iterate_value'>
<option>foo</option>
<option>bar</option>
<option>bob</option>
<option>joe</option>
<option>eve</option>
</$select>
You can add any fields you want:
<$edit-text tiddler='$:/temp/iterateoverfieldsaddfield' field='field_to_add' class='tc-edit-texteditor'/>
<$button>Add field<$action-setfield $tiddler='Iterate Over Fields Example Tiddler' $field={{'$:/temp/iterateoverfieldsaddfield'!!field_to_add}} $value=''/></$button>
<$set name=tidName vaule=<<currentTiddler>>>
<$list filter='[[Iterate Over Fields Example Tiddler]fields[]]-[[title]]-[[created]]-[[modified]]-[[text]]-[[tags]]'>
<$link-fields $sourcetiddler='link-fields Widget - Iterate Over Fields' $sourcefield='iterate_value' $storetiddler='Iterate Over Fields Example Tiddler' $storefield=<<currentTiddler>>/>
<$set name=thisTiddler value=<<currentTiddler>>>
<<thisMakeListEntry>>
</$set>
</$list>
</$set>
This example shows how the link-fields widget can be used to iterate over a list of tiddlers and set values in each tiddler. To see how to set different values for each tiddler see [[here|link-fields Widget - Set Multiple Fields Using Select]] or [[here|link-fields Widget - Set Multiple Fields Using Select (Data Tiddler Version)]].
How it works:
The dropdown menu sets the value that each tiddlers field, called `this_store_field` in each tiddler, will be set to. The list widget is made so it lists all of the desired tiddlers, in this case every tiddler tagged with `Iterate Over Tiddlers Example - link-fields Widget`, and works the way lists normally work.
The link-fields widget is put in each list entry, with `$storetiddler` set to `<<currentTiddler>>` so the link-fields widget will link the source field to fields in each entry of the list. The reason this works is because the link-fields widget works whenever the widget is being rendered, and in the list here each list entry has a link-fields widget for the tiddler being displayed, so the widget works on each entry of the list.
```
Select value: <$select field='iterate_value2'>
<option>foo</option>
<option>bar</option>
<option>bob</option>
<option>joe</option>
<option>eve</option>
</$select>
<$list filter='[tag[Iterate Over Tiddlers link-fields Example]]'>
<$link-fields $sourcetiddler='Iterate Over Tiddlers Example - link-fields Widget' $sourcefield='iterate_value2' $storetiddler=<<currentTiddler>> $storefield='this_store_field'/>
<<currentTiddler>> - {{!!this_store_field}}<br>
</$list>
```
This sets the `this_store_field` field of each of the tiddlers returned by the filter ([[Link Fields Iterate Over Tiddlers Example 1]], [[Link Fields Iterate Over Tiddlers Example 2]] and [[Link Fields Iterate Over Tiddlers Example 3]] if nothing has changed) to the value of `iterate_value2` in this tiddler, which is set by this select widget.
Select value: <$select tiddler='Iterate Over Tiddlers Example - link-fields Widget' field='iterate_value2'>
<option>foo</option>
<option>bar</option>
<option>bob</option>
<option>joe</option>
<option>eve</option>
</$select>
Tiddlers and field values:
<$list filter='[tag[Iterate Over Tiddlers link-fields Example]]'>
<$link-fields $sourcetiddler='Iterate Over Tiddlers Example - link-fields Widget' $sourcefield='iterate_value2' $storetiddler=<<currentTiddler>> $storefield='this_store_field'/>
<<currentTiddler>> - {{!!this_store_field}}<br>
</$list>
\define thisMakeSourceField()
source_field_$(appendNumber)$
\end
\define thisListItem()
<$link-fields $sourcetiddler=<<currentTiddler>> $sourcefield=$(sourceField)$ $storetiddler=<<currentTiddler>> $storefield=example_store_field/>
<<currentTiddler>> - {{!!example_store_field}}<br>
\end
To do this requires a bit of work now, I will hopefully change things so that you can make a data tiddler that defines the different values for each field/tiddler. But that comes later.
How it works:
Each of the tiddlers with fields being set have 3 fields called `source_field_1`, `source_field_2` and `source_field_3`. These fields hold the values that the designated fields will hold when the select widget is set to `1`, `2` or `3` respectively. The `thisMakeSourceField` macro puts the string together from the value picked by the select widget (this could also be done using a value list like described here http://tiddlywiki.com/#SelectWidget). Then the list widget builds the link-fields commands using the `thisListItem` macro. This calls the link-fields widget once for each item returned by the filter used by the list widget, which sets the value of the `example_store_field` to whatever is in the selected source field in each tiddler. You could use the same method as used in the `thisMakeSourceField` macro to select different store fields for each option selected by the select widget, and if you wanted you could pull the values from a data tiddler where the indexes were named the same as each option of the select widget and the value stored in each index was the desired field. You would need one data tiddler per store field. If the data tiddler handling is improved than you would be able to use a single data tiddler for all of them, but that may not happen for a long time.
Code:
```
\define thisMakeSourceField()
source_field_$(appendNumber)$
\end
\define thisListItem()
<$link-fields $sourcetiddler=<<currentTiddler>> $sourcefield=$(sourceField)$ $storetiddler=<<currentTiddler>> $storefield=example_store_field/>
<<currentTiddler>> - {{!!example_store_field}}<br>
\end
<$select field='select_value'>
<option>1</option>
<option>2</option>
<option>3</option>
</$select>
<$set name=appendNumber filter='[<currentTiddler>get[select_value]]'>
<$set name=sourceField value=<<thisMakeSourceField>>>
<$list filter='[tag[Multiple Fields Select Widget]]'>
<<thisListItem>>
</$list>
</$set>
</$set>
```
Select Value: <$select field='select_value'>
<option>1</option>
<option>2</option>
<option>3</option>
</$select>
<$set name=appendNumber filter='[<currentTiddler>get[select_value]]'>
<$set name=sourceField value=<<thisMakeSourceField>>>
<$list filter='[tag[Multiple Fields Select Widget]]'>
<<thisListItem>>
</$list>
</$set>
</$set>
\define thisGetDataTiddler()
$(tidName)$ - Data
\end
\define thisListItem()
<$link-fields $sourcetiddler=<<thisGetDataTiddler>> $sourceindex="""$(sourceIndexName)$""" $storetiddler=<<tidName>> $storefield='example_store_field'/>
\end
This example works by having a select widget give all of the indexes of a data tiddler as options. There are 3 data tiddlers with identical index names, [[Using Data Tiddlers with link-fields and select Widgets 1 - Data]], [[Using Data Tiddlers with link-fields and select Widgets 2 - Data]] and [[Using Data Tiddlers with link-fields and select Widgets 3 - Data]]. Each data tiddler is associated with a normal tiddler, [[Using Data Tiddlers with link-fields and select Widgets 1]], [[Using Data Tiddlers with link-fields and select Widgets 1]] and [[Using Data Tiddlers with link-fields and select Widgets 1]]. When the select widget is set to the name of an index, a field in each of the tiddlers is set to the value associated with that index in its paired data tiddler. The list building the link-fields widgets works the same as in the [[link-fields Widget - Iterate Over Tiddlers Example]].
```
\define thisGetDataTiddler()
$(tidName)$ - Data
\end
\define thisListItem()
<$link-fields $sourcetiddler=<<thisGetDataTiddler>> $sourceindex="""$(sourceIndexName)$""" $storetiddler=<<tidName>> $storefield='example_store_field'/>
\end
<$select field='select_value'>
<$list filter='[[Using Data Tiddlers with link-fields and select Widgets 1 - Data]indexes[]]'>
<option><<currentTiddler>></option>
</$list>
</$select>
<$set name=sourceIndexName value={{!!select_value}}>
<$list filter='[tag<currentTiddler>]'>
<$set name=tidName value=<<currentTiddler>>>
<$set name=dataTiddlerName value=<<thisGetDataTiddler>>>
<<thisListItem>>
<<currentTiddler>> - {{!!example_store_field}}
</$set>
</$set>
</$list>
</$set>
```
<$select field='select_value'>
<$list filter='[[Using Data Tiddlers with link-fields and select Widgets 1 - Data]indexes[]]'>
<option><<currentTiddler>></option>
</$list>
</$select>
<$set name=sourceIndexName value={{!!select_value}}>
<$list filter='[tag<currentTiddler>]'>
<$set name=tidName value=<<currentTiddler>>>
<$set name=dataTiddlerName value=<<thisGetDataTiddler>>>
<<thisListItem>>
<<currentTiddler>> - {{!!example_store_field}}
</$set>
</$set>
</$list>
</$set>
<<bottomOfTiddler>>
This demonstrates the basic usage of the link-fields widget, showing both the normal and `field=tiddler` syntax.
Code:
```
Contents of source field: <$select tiddler='link-fields Widget - Simple Example' field='link_fields_example_source_field'>
<option>foo</option>
<option>bar</option>
<option>Hello!</option>
<option>Hola!</option>
</$select>
<$link-fields $sourcetiddler='link-fields Widget - Simple Example' $sourcefield='link_fields_example_source_field' $storetiddler='My Plugins' $storefield='link_fields_example_store_field' other_example_store_field='link-fields Widget - Simple Example'/>
Currently in store fields: {{My Plugins!!link_fields_example_store_field}} and {{link-fields Widget - Simple Example!!other_example_store_field}}
```
Check the `link_fields_example_store_field` field in the [[My Plugins]] tiddler to see that this is working.
Contents of source field: <$select tiddler='link-fields Widget - Simple Example' field='link_fields_example_source_field'>
<option>foo</option>
<option>bar</option>
<option>Hello!</option>
<option>Hola!</option>
</$select>
<$link-fields $sourcetiddler='link-fields Widget - Simple Example' $sourcefield='link_fields_example_source_field' $storetiddler='My Plugins' $storefield='link_fields_example_store_field' other_example_store_field='link-fields Widget - Simple Example'/>
Currently in store fields: {{My Plugins!!link_fields_example_store_field}} and {{link-fields Widget - Simple Example!!other_example_store_field}}
Select the value using the dropdown menu, then click `Update` to update the fields in the tiddlers returned by the filter.
!!How it works:
The select widget sets the `source_field` normally. The list widget inside the reveal widget is used to create one link-fields widget for each tiddler returned by the list.
The link-fields widget will update the fields whenever it is rendered, but by default the content of a reveal widget isn't rendered while hidden. So putting the list widget that makes the set of link-fields widgets inside a reveal widget prevents the link-fields widget from acting while hidden.
On a button press the state of the reveal widget is set to 'show', which causes the link-field widgets built by the list to be updated. To avoid having to re-hide the content of the reveal widget manually (which effectively turns off the link-fields widgets), a second link-fields widget is used outside the list (but inside the reveal) that sets the reveal state to hide, this is also executed as soon as the reveal state is set to show, hiding the content again and stopping the link-fields widgets after they are evaluated once.
The result is a behaviour like an action widget that only triggers on a button press. Hopefully I will eventually just make an action-widget version of this if an alternative isn't made so you won't have to deal with the roundabout reveal method.
This method can, of course, be used with any of the other link-fields examples.
Code:
```
Select value: <$select field='source_field'>
<option>1</option>
<option>2</option>
<option>3</option>
</$select>
<$button><$action-setfield $tiddler='$:/temp/linkfieldsbutton' text=show/>Update</$button>
<$reveal type=match state='$:/temp/linkfieldsbutton' text=show>
<$list filter='[tag[The link-fields Widget]]'>
<$link-fields $sourcetiddler='link-fields Widget - Update link-fields on a Button Press' $sourcefield='source_field' $storetiddler=<<currentTiddler>> $storefield='test_store'/>
</$list>
<$link-fields $sourcetiddler='link-fields Widget - Update link-fields on a Button Press' $sourcefield='reset' $storetiddler='$:/temp/linkfieldsbutton' $storefield='text'/>
</$reveal>
<$list filter='[tag[The link-fields Widget]]'>
{{!!title}} - {{!!test_store}}<br>
</$list>
```
Select value: <$select field='source_field'>
<option>1</option>
<option>2</option>
<option>3</option>
</$select>
<$button><$action-setfield $tiddler='$:/temp/linkfieldsbutton' text=show/>Update</$button>
<$reveal type=match state='$:/temp/linkfieldsbutton' text=show>
<$list filter='[tag[The link-fields Widget]]'>
<$link-fields $sourcetiddler='link-fields Widget - Update link-fields on a Button Press' $sourcefield='source_field' $storetiddler=<<currentTiddler>> $storefield='test_store'/>
</$list>
<$link-fields $sourcetiddler='link-fields Widget - Update link-fields on a Button Press' $sourcefield='reset' $storetiddler='$:/temp/linkfieldsbutton' $storefield='text'/>
</$reveal>
<$list filter='[tag[The link-fields Widget]]'>
{{!!title}} - {{!!test_store}}<br>
</$list>
<<bottomOfTiddler>>
To link to another tiddler you use this
```
[[Wiki Examples]]
```
which displays as
[[Wiki Examples]]
Anything that is written in CamelCase also shows up as a tiddler. CamelCase is any word that has a capital letter in the first position followed by a lowercase letter and then a capital letter in any other position.
To write something that fits the CamelCase rules but shouldn't show up as a link put a `~` in front of the word.
```
CamelCase will show up as a link but ~CamelCase won't
```
displays as
CamelCase will show up as a link but ~CamelCase won't
<<bottomOfTiddler {{!!title}}>>
\define thisSearchMacro()
<$list filter='[!is[system]]' variable=useThisOne>
<$list filter='[<useThisOne>fields[]]-[[title]]-[[created]]-[[modified]]-[[tags]]-[[text]]' variable=thisField>
<<thisSearchListItem>>
</$list>
</$list>
\end
\define thisSearchListItem()
<$list filter="[<useThisOne>has<thisField>regexp:$(thisField)$[(?i)$(thisSearch)$]]">
<$set name='thisTiddler' value={{!!title}}>
<<thisSearchListItem2>>
</$set>
</$list>
\end
\define thisSearchListItem2()
<$reveal type=nomatch state="""$:/temp/searchreplacetiddlers##$(thisTiddler)$""" text=$(thisField)$>
<$button class='tc-btn-invisible'><$action-setfield $tiddler='$:/temp/searchreplacetiddlers' $index=<<currentTiddler>> $value=$(thisField)$/>__"""$(thisTiddler)$"""__ - $(thisField)$</$button><br>
</$reveal>
\end
\define thisSelectedList()
<$list filter='[[$:/temp/searchreplacetiddlers]indexes[]]' variable=indexName>
<<thisSelectedListEntry>>
</$list>
\end
\define thisSelectedListEntry()
<$reveal type=nomatch state="""$:/temp/searchreplacetiddlers##$(indexName)$""" text="""''""">
<$reveal type=nomatch state="""$:/temp/searchreplacetiddlers##$(indexName)$""" text=''>
<$set name=indexValue value={{$:/temp/searchreplacetiddlers##$(indexName)$}}>
<$button class='tc-btn-invisible'>{{$:/core/images/done-button}}<$action-setfield $tiddler='$:/temp/searchreplacetiddlers' $index=<<indexName>> $value=''/>__<<indexName>>__ - <<indexValue>></$button>
</$set><br>
</$reveal>
</$reveal>
\end
\define thisSearchReplaceList()
<$list filter='[[$:/temp/searchreplacetiddlers]indexes[]]' variable=thisTiddler>
<<thisSearchReplaceListItem>>
</$list>
\end
\define thisSearchReplaceListItem()
<$set name=thisValue value={{$:/temp/searchreplacetiddlers##$(thisTiddler)$}}>
<$reveal type=nomatch state="""$:/temp/searchreplacetiddlers##$(thisTiddler)$""" text="""''""">
<<thisSearchReplaceListItem2>>
</$reveal>
</$set>
\end
\define thisSearchReplaceListItem2()
<$link-fields $sourcetiddler='$:/temp/linkfieldssearchreplace' $sourcefield='replace_string' $storetiddler="""$(thisTiddler)$""" $storefield="""$(thisValue)$"""/>
\end
\define thisClearSelectionButton()
<$button set='links-field Widget - Search and Replace Field Contents!!clear_reveal_state' setTo='show'>Clear Selection</$button>
<$reveal state='links-field Widget - Search and Replace Field Contents!!clear_reveal_state' type='match' text='show'>
<$list filter='[[$:/temp/searchreplacetiddlers]indexes[]]' variable=indexName>
<<thisClearSelectionButtonListItem>>
</$list>
<$link-fields $sourcetiddler='links-field Widget - Search and Replace Field Contents' $sourcefield='reset' $storetiddler='links-field Widget - Search and Replace Field Contents' $storefield=clear_reveal_state/>
</$reveal>
\end
\define thisClearSelectionButtonListItem()
<$link-fields $sourcetiddler='links-field Widget - Search and Replace Field Contents' $sourcefield='clear_field' $storetiddler='$:/temp/searchreplacetiddlers' $storeindex="""$(indexName)$"""/>
\end
\define thisReplaceAllButton()
<$button set='links-field Widget - Search and Replace Field Contents!!select_all_reveal_state' setTo='show'>Replace All</$button>
<$reveal state='links-field Widget - Search and Replace Field Contents!!select_all_reveal_state' type='match' text='show'>
<$list filter='[!is[system]]' variable=useThisOne>
<$list filter='[<useThisOne>fields[]]-[[title]]-[[created]]-[[modified]]-[[tags]]-[[text]]' variable=thisField>
<<thisReplaceAllButtonListItem>>
</$list>
</$list>
<$link-fields $sourcetiddler='links-field Widget - Search and Replace Field Contents' $sourcefield=reset $storetiddler='links-field Widget - Search and Replace Field Contents' $storefield='select_all_reveal_state'/>
</$reveal>
\end
\define thisReplaceAllButtonListItem()
<$list filter="[<useThisOne>has<thisField>regexp:$(thisField)$[(?i)$(thisSearch)$]]">
<$set name='thisTiddler' value={{!!title}}>
<<thisReplaceAllButtonListItem2>>
</$set>
</$list>
\end
\define thisReplaceAllButtonListItem2()
<$reveal type=nomatch state="""$:/temp/searchreplacetiddlers##$(thisTiddler)$""" text="""$(thisField)$""">
<$link-fields $sourcetiddler='$:/temp/linkfieldssearchreplace' $sourcefield='replace_string' $storetiddler=<<thisTiddler>> $storefield=<<thisField>>/>
</$reveal>
\end
Using this you can search all fields for a string, and then replace that string in all of the fields that it is currently in with another value. Type the search string in the `Search String` text box and the desired replacement in the `Replace With` text box.
Clicking on items that show up in the search result list will select that field to be replaced. ~~Only the entries in the selected fields list with checks next to them will be replaced by clicking the `Replace` button.~~ All fields that match the search will have their values replaced if you click on the `Replace All` button. The replace selected button doesn't work properly at the moment.
I will hopefully write up an explanation of how this works sometime soon.
Search String: <$edit-text tiddler='$:/temp/linkfieldssearchreplace' field='search_string' placeholder='Search String'/>
Replace With: <$edit-text tiddler='$:/temp/linkfieldssearchreplace' field='replace_string' placeholder='Replace String'/>
<$set name='thisSearch' value={{$:/temp/linkfieldssearchreplace!!search_string}}>
<<thisClearSelectionButton>> <$button><$action-setfield $tiddler='links-field Widget - Search and Replace Field Contents' $field='replace_reveal' $value='show'/><$action-setfield $tiddler='links-field Widget - Search and Replace Field Contents' $field='clear_reveal_state' $value='show'/>Replace Selected</$button> <<thisReplaceAllButton>>
Selected Fields:<br>
<<thisSelectedList>>
Unselected Fields:<br>
<<thisSearchMacro>>
<$reveal type=match state='links-field Widget - Search and Replace Field Contents!!replace_reveal' text=show>
<<thisSearchReplaceList>>
<$link-fields $sourcetiddler='links-field Widget - Search and Replace Field Contents' $sourcefield='reset' $storetiddler='links-field Widget - Search and Replace Field Contents' $storefield=replace_reveal/>
</$reveal>
</$set>
At the bottom of almost every tiddler I have the following code (and some code from [[Make a button to create new tiddlers from a template]] to make the button):
```
---
Entries tagged <$list filter="[all[current]]"/>
<$list filter="[all[current]tagging[]]">
</$list>
```
which generates a list of all tiddlers that are tagged with the current tiddler.
<<bottomOfTiddler {{!!title}}>>
<$list filter='[tag[Awesome Thing]sort[title]]'>
<$link to=<<currentTiddler>>><$view field='title'/></$link> - <$transclude field='note'/> (<a href={{!!url}}>Go to site</a>)
</$list>
\define MakeColorThing()
@@color:$(ThisColor)$;
This is the color $(ThisColor)$
@@
\end
This is a long list of the named colors for CSS, there may be more but this should be most of them.
Most of the background is black so you can see the colors below.
But black doesn't show up on a black background, so:
@@color:black;
This is the color black
@@
<div style='background-color:black'>
<$list filter='[[aliceblue]] [[antiquewhite]] [[aquamarine]] [[azure]] [[beige]] [[bisque]] [[black]] [[blanchedalmond]] [[blue]] [[blueviolet]] [[brown]] [[burlywood]] [[cadetblue]] [[chartreuse]] [[chocolate]] [[coral]] [[cornflowerblue]] [[cornsilk]] [[crimson]] [[cyan]] [[darkblue]] [[darkcyan]] [[darkgoldenrod]] [[darkgray]] [[darkgreen]] [[darkgrey]] [[darkkhaki]] [[darkmagenta]] [[darkolivegreen]] [[darkorange]] [[darkorchid]] [[darkred]] [[darksalmon]] [[darkseagreen]] [[darkslateblue]] [[darkslategray]] [[darkslategrey]] [[darkturquoise]] [[darkviolet]] [[deeppink]] [[deepskyblue]] [[dimgray]] [[dimgrey]] [[dodgerblue]] [[firebrick]] [[floralwhite]] [[forestgreen]] [[gainsboro]] [[ghostwhite]] [[gold]] [[goldenrod]] [[gray]] [[green]] [[greenyellow]] [[grey]] [[honeydew]] [[hotpink]] [[indianred]] [[indigo]] [[ivory]] [[khaki]] [[lavender]] [[lavenderblush]] [[lawngreen]] [[lemonchiffon]] [[lightblue]] [[lightcoral]] [[lightcyan]] [[lightgoldenrod]] [[lightgoldenrodyellow]] [[lightgray]] [[lightgreen]] [[lightgrey]] [[lightpink]] [[lightsalmon]] [[lightseagreen]] [[lightskyblue]] [[lightslateblue]] [[lightslategray]] [[lightslategrey]] [[lightsteelblue]] [[lightyellow]] [[limegreen]] [[linen]] [[magenta]] [[maroon]] [[mediumaquamarine]] [[mediumblue]] [[mediumorchid]] [[mediumpurple]] [[mediumseagreen]] [[mediumslateblue]] [[mediumspringgreen]] [[mediumturquoise]] [[mediumvioletred]] [[midnightblue]] [[mintcream]] [[mistyrose]] [[moccasin]] [[navajowhite]] [[navy]] [[navyblue]] [[oldlace]] [[olivedrab]] [[orange]] [[orangered]] [[orchid]] [[palegoldenrod]] [[palegreen]] [[paleturquoise]] [[palevioletred]] [[papayawhip]] [[peachpuff]] [[peru]] [[pink]] [[plum]] [[powderblue]] [[purple]] [[red]] [[rosybrown]] [[royalblue]] [[saddlebrown]] [[salmon]] [[sandybrown]] [[seagreen]] [[seashell]] [[sienna]] [[skyblue]] [[slateblue]] [[slategray]] [[slategrey]] [[snow]] [[springgreen]] [[steelblue]] [[tan]] [[thistle]] [[tomato]] [[turquoise]] [[violet]] [[violetred]] [[wheat]] [[white]] [[whitesmoke]] [[yellow]] [[yellowgreen]]'>
<$set name=ThisColor value=<<currentTiddler>>>
<<MakeColorThing>>
</$set>
</$list>
</div>
Here are some CSS properties that will probably be helpful:
<$list filter='[tag[list of some relevant CSS properties]]'>
<h1><$view field='caption'/></h1>
<hr>
<$transclude mode=block/>
</$list>
<$set name=OuterTiddler value={{!!title}}>
<$list filter='[tag{!!title}sort[order]]' template='SectionsTemplate'>
</$list>
</$set>
There is a shorthand way to display lists by placing `{{{` and `}}}` around a filter. Here is how to use it:
```
{{{[tag[Wiki Examples]]}}}
```
<<listSlider "[tag[Wiki Examples]]" "Show output" "Hide output">>
You can use a template to display lists using this syntax like this:
```
{{{[tag[Wiki Examples]]||HelloTemplate}}}
```
Where HelloTemplate is the template used. See [[Templates]] or [[Templates in WikiText]] for more explanation.
<<textSliderNoButton "Show output" """{{{[tag[Wiki Examples]]||HelloTemplate}}}""">>
Just listing tiddler titles can be useful, but it isn't particularly interesting, so now we will change what is displayed for each entry.
As I mentioned above, the content between the opening and closing tags of the list widget is important. You can use what is between the two tags to customize what is shown for each list entry. This takes advantage of how the list widget sets the currentTiddler variable to the current list entry. If that sentence doesn't mean anything to you don't worry, you don't need to understand it yet. I will return to this later when I discuss variables in lists.
I will start with an example:
```
<$list filter='[tag[Wiki Examples]]'>
Hi!
</$list>
```
Now look at the output:
<<exampleSlider "<$list filter='[tag[Wiki Examples]]'>
Hi!
</$list>" """Show Hi! example""" """Hide example""" """lists in wikitext Hi! example""">>
!!What? How does that make sense?
The filter `[tag[Wiki Examples]]` returns a list of all tiddlers tagged with `Wiki Examples`, and normally the list widget will list all of the tiddler names, but when you have something between the opening and closing tags of the list widget that content overrides the default behaviour. So what the example does is display the content between the tags (in this case `Hi!`) once for each entry returned by the filter, so it displays `Hi!` once for each tiddler tagged with `Wiki Examples`. Note that there are no line breaks in the output, adding `<br>` after `Hi!` will add line breaks, or putting a blank line before `Hi!` will add them.
!!Displaying Hi! a bunch of times isn't very helpful
No, it isn't. But that is just a simple illustration of what is possible. A slightly more useful example is:
```
<$list filter='[tag[Wiki Examples]]'>
<$view field='title'/> - <$view field='modified'/><br>
</$list>
```
<<exampleSlider "<$list filter='[tag[Wiki Examples]]'>
<$view field='title'/> - <$view field='modified'/><br>
</$list>" """Show example""" """Hide example""" """lists modified field example""">>
!!So what is going on?
In that example `<$view field='title'/> - <$view field='modified'/><br>` is displayed for each thing returned by the filter. The WikiText is parsed so it displays the results of view widgets for each entry, so you see the title and the modified field of each tiddler returned by the list.
The view widget doesn't have a `tiddler` attribute set, this is because the list widget sets the `currentTiddler` variable to the current item on the list, so most widgets will default to acting on the current list item instead of the tiddler that contains the list. This is important, and is one of the things makes lists so powerful, particularly when you combine lists with templates and transclusions.
Much of what you can do with templates you can do by changing the content of the list widget.
If you want to display the same things in many different lists than it can be much more efficient to use a template instead of manually putting the content in each list. To do this you make a tiddler that contains the same content you would put inside the list widget tags. For example the tiddler AnotherExampleListTemplate contains the following:
`<$view field='title'/> - <$view field='modified'/><br>`
and then make a list using:
```
<$list filter='[tag[Wiki Examples]]' template=AnotherExampleListTemplate>
</$list>
```
Which gives:
<<exampleSlider """<$list filter='[tag[Wiki Examples]]' template=AnotherExampleListTemplate>
</$list>""" """Show example""" """Hide example""" """AnotherExampleListTemplate example""">>
This is the same as putting `<$view field='title'/> - <$view field='modified'/><br>` inside the list widget tags, but it is often easier to use this if you are going to use the same thing in many different places.
You can also do much more complex things using templates, like having templates used recursively to create things like the table of contents, or the table of contents manager on the [[Dashboard|$:/plugins/inmysocks/Dashboard/Dashboard]].
Lists is WikiText go far beyond ordered and unordered lists. Using the list widget, along with filters and templates, you can make things like the table of contents, or the dynamically generated tables in Plugin twCard.
The use of lists and filters are very closely related, and in many cases one is not useful without the other. Because of this, understanding all of the parts of this explanation may require some knowledge of filters, and many of the more advanced uses will also require some knowledge of templates and transclusions. I will start with simple topics and move up to more advanced topics.
*You can set the `emptyMessage` attribute of a list widget. If the filter doesn't return anything for the list to display, than this message is displayed.
The list widget is, unsurprisingly, used to make lists. It is different from normal [[static ordered and unordered lists|Static Ordered and Unordered Lists]].
Documentation for the list widget can be found [[on the main TiddlyWiki site|http://tiddlywiki.com/#ListWidget]].
The simplest way to make a list using the list widget is with something like the following code:
```
<$list filter='[tag[Wiki Examples]]'>
</$list>
```
That code will list each tiddler that has the tag `Wiki Examples`
<<listSlider """[tag[Wiki Examples]]""" "Click to show output" "Click to hide output">>
!!So what is going on?
The above example has two main parts, the widget name `$list`, and the filter `[tag[Wiki Examples]]`. In this `$list` says that this is a list widget, and `filter=[tag[Wiki Examples]]` tells the list widget what it should display (see [[filters in WikiText|Filters in WikiText]] for more about the filter). Note that like HTML there is both an open and closing tag for the list widget, both are surrounded by `<` and `>`, and the closing tag has `/` before the widget name. There doesn't need to be anything between the opening and closing tags for the widget, but putting content between the tags can be very important and will be discussed later.
So, there are two important things so far:
* The `$list` part that identifies it as a list widget
* The `filter=...` part that tells the widget what to list (see [[filters in WikiText|Filters in WikiText]] to see how to create your own filters)
!!Aside
One thing that I didn't learn for a long time is that you can give a list of items as the filter input to the list widget. I had made the first version of my [[interactive fiction engine|http://zorklike.tiddlyspot.com]] before I knew you could do this, so I don't consider it particularly important, but it can simplify things.
''Example:''
```
<$list filter='1 2 3 4 5 6'>
</$list>
```
<<listSlider "1 2 3 4 5 6" "Show output" "Hide output">>
To allow you to refer to the current element of a list when using the list widget you can do two things:
!!Using `<<currentTiddler>>`
---
Use the `<<currentTiddler>>` variable. Normally putting `<<currentTiddler>>` inside a tiddler will display the name of the containing tiddler, but when it is inside a list widget it will display the name of the current entry of the list, so the code
```
<<currentTiddler>>
<$list filter='[tag[Wiki Examples]]'>
<<currentTiddler>>
</$list>
```
<$reveal type='nomatch' state='$:/reveal/Lists in WikiText Variables in lists example 1' text='show'>
<$button set='$:/reveal/Lists in WikiText Variables in lists example 1' setTo=show>Show output</$button>
</$reveal>
<$reveal type='match' state='$:/reveal/Lists in WikiText Variables in lists example 1' text='show'>
<$button set='$:/reveal/Lists in WikiText Variables in lists example 1' setTo=hide>Hide output</$button>
<<currentTiddler>>
<$list filter='[tag[Wiki Examples]]'>
<<currentTiddler>>
</$list>
</$reveal>
will list the title of the current tiddler, then list the titles of the tiddlers tagged with `Wiki Examples`. This is boring and not particularly useful, a more useful example is:
```
<$list filter='[tag[Wiki Examples]]'>
<$checkbox tag=test/> <<currentTiddler>>
</$list>
```
Which will list tiddlers tagged with `Wiki Examples` with checkboxes next to them. If you click on the checkbox next to a tiddler than that tiddler will be tagged with `test`, unchecking the box will remove the tag.
<$reveal type='nomatch' state='$:/reveal/Lists in WikiText Variables in lists example 2' text='show'>
<$button set='$:/reveal/Lists in WikiText Variables in lists example 2' setTo=show>Show output</$button>
</$reveal>
<$reveal type='match' state='$:/reveal/Lists in WikiText Variables in lists example 2' text='show'>
<$button set='$:/reveal/Lists in WikiText Variables in lists example 2' setTo=hide>Hide output</$button>
<$list filter='[tag[Wiki Examples]]'>
<$checkbox tag=test><<currentTiddler>></$checkbox>
</$list>
</$reveal>
!!Using list variables
---
When using the list widget it can often be useful to be able to reference both the tiddler containing the widget and the tiddler listed in the current entry. One way to do this is to define variables using the set widget, but this can get bulky and isn't required. The easier way is to use the `variable` parameter of the widget.
Using this you can get more complex behavior, like the following which will tag this tiddler with each tiddler checked on the list.
```
<$list filter='[tag[Wiki Examples]]' variable=ThisItem>
<$checkbox tiddler=<<currentTiddler>> tag=<<ThisItem>>/> <<ThisItem>>
</$list>
```
Note that when you use a `variable` parameter than inside the list widget `<<currentTiddler>>` refers to the containing tiddler, not the current item on the list.
<$reveal type='nomatch' state='$:/reveal/Lists in WikiText Variables in lists example 3' text='show'>
<$button set='$:/reveal/Lists in WikiText Variables in lists example 3' setTo=show>Show output</$button>
</$reveal>
<$reveal type='match' state='$:/reveal/Lists in WikiText Variables in lists example 3' text='show'>
<$button set='$:/reveal/Lists in WikiText Variables in lists example 3' setTo=hide>Hide output</$button>
<$list filter='[tag[Wiki Examples]]' variable=ThisItem>
<$checkbox tiddler=<<currentTiddler>> tag=<<ThisItem>>/> <<ThisItem>>
</$list>
</$reveal>
The listSlider macro is contained in [[GeneralMacros]].
|!Input |!Description |
|filter |The filter that defines the list to display |
|closedCaption |The text to display when the list is hidden |
|openCaption |The text to display when the list is visible |
The listSlider macro is used like this:
```
<<listSlider filter closedCaption openCaption>>
```
The macro will display the `closedCaption`, when it is clicked on it will display the `openCaption` and display the output of the input `filter`.
The macro is defined like this:
```
\define listSlider(filter closedCaption openCaption)
<$reveal type="nomatch" state="""$:/state/$filter$""" text="show">
<$button set="""$:/state/$filter$""" setTo="show" class="tc-btn-invisible tc-tiddler-link"><<fa fa-plus>> $closedCaption$</$button>
</$reveal>
<$reveal type="match" state="""$:/state/$filter$""" text="show">
<$button set="""$:/state/$filter$""" setTo="hide" class="tc-btn-invisible"><<fa fa-minus>> $openCaption$</$button>
<$list filter='$filter$'>
</$list>
</$reveal>
\end
```
<<bottomOfTiddler>>
Then you could have subsubsubsubsubsubsubsubsubsubsubsubsubsubsubcategories, and a subsubsubsubsubsubsubsubsubsubsubsubsubsubsubsubcategory under each of them.
Macros are a way to quickly replicate commonly used pieces of code. They are (mostly) equivalent to defining functions in programming.
The syntax for calling a macro is
```
<<macroName macroInputs>>
```
where the inputs are separated by spaces. Note that this means if you are going to use a tiddler with spaces in its title as an input you need to enclose it in double square brackets (`[[ ]]`, see [[Linking to Other Tiddlers]]).
Read [[How to make macros]] for more information.
<<bottomOfTiddler {{!!title}}>>
A macro for the [[calendar-month widget|Calendar Plugin]] is given the day of the month as input in the from of a number between 1 and 31 corresponding to the date the macro is contained in.
Currently this is the only input given to the calendar widget, if you have suggestions or requests for additional parameters that can be passed used the [[feedback form|User Feedback]] or post to the [[google group|https://groups.google.com/forum/#!forum/tiddlywiki]].
In order to be useful a macro used should generally have behavior that is specific to each date (using the day, month and year), otherwise there will be no difference in what is displayed on each date, or in what happens when you click on a date (if you have anything happen).
The default macro used is:
```
\define CalendarListDailyThings(day month year)
<$button class='tc-btn-invisible' style='width:100%;height:100%'>
<$action-navigate $to="""$day$-$month$-$year$"""/>
<div style='height:100%;width:100%;position:relative;text-align:left;vertical-align:top;z-index=0'>
''$day$''<br>
<$list filter='[day[$day$]month[$month$]year[$year$]]-[[$:/temp/MakeCalendarEntry]]'>
<$view field='title'/><br>
</$list>
</div>
</$button>
\end
```
This macro:
*Sets the entire area of the cell for each date as a button
*This button opens up a tiddler named in the form day-month-year, where the day, month and year correspond to the date clicked on
*Lists all tiddlers that have a fields called `day` `month` and `year` that match the date on the calendar.
The macro is passed the day, month and year as parameters.
!Custom Macros
If you want your calendar to list different things or to have dates do something different when clicked on (or have them do nothing) you can create a custom macro to use.
The macros are passed 3 parameters by the widget, `day`, `month` and `year`, which correspond to the day, month and year of the calendar date. The parameter `month` given to the macro is in the same form as what is passed to the widget.
Note that you don't have to have the month or the year, but if you omit them than you will have the same content displayed in every month.
If you have a specific macro, or a detailed description of a macro you want, that you think would be generally useful and would like it added to the plugin leave a message using the [[feedback form|User Feedback]]. Remember that I unless you give a detailed description of what you are asking for I probably won't be much help, and I will follow any suggestions or not at my discretion and there is no guarantee I will provide any response or assistance.
''Note that if you do this than you give me permission to add any macros you give to the plugin which will be distributed freely.''
This makes a button that creates a new tiddler, if you change the `TiddlerTopicTemplate` to the name of a template that you make the new tiddler will be made according to that template.
A button like this is at the bottom of almost every tiddler in this wiki.
```
<$button message="tm-new-tiddler" param="TiddlerTopicTemplate">New Tiddler</$button>
```
<$button message="tm-new-tiddler" param="TiddlerTopicTemplate">New Tiddler</$button>
Just about everything used in the [[Dashboard|$:/plugins/inmysocks/Dashboard/Dashboard]] use this. New contacts are made like this, bookmarks are made like this, and a lot of the other things there use it.
You can look at the [[TiddlerTopicTemplate]] to see what it has.
Here is the text:
<pre>
<$view tiddler='TiddlerTopicTemplate' field='text'/>
</pre>
<<bottomOfTiddler {{!!title}}>>
This macro (in [[MyHoverMacros]], so import that and [[$:/plugins/ahahn/hoverWidget]] if you haven't already to make this work.) will let you reference entries in a [[Dictionary Tiddler]] and have them show up when hovering over a word, link or image (or other stuff, anything you can put as the `label` part of the input).
```
\define hoverData(label, datatiddler, field)
<$hover popup="$:/state/$label$">
__$label$__
</$hover>
<$reveal type="popup" state="$:/state/$label$">
<div class="tc-drop-down">
{{$datatiddler$##$field$}}
</div>
</$reveal>
\end
```
using this macro if you put this
```
<<hoverData "a reference" [[Test Dictionary Tiddler]] a>>
```
you get this
<<hoverData "a reference" [[Test Dictionary Tiddler]] a>>
Notes:
---
There are quotation marks in `"a reference"` so it will be taken as a single input string, they aren't shown in the output, and `[[Test Dictionary Tiddler]]` has the double square brackets (`[[ ]]`) to show that the entire thing is the tiddler name. If instead of `"a reference"` it used 'bob' than the quotation marks wouldn't be needed and if it were `TestDictionaryTiddler` the square braces wouldn't be needed. Becaus there aren't any spaces in either of them.
This requires another tiddler as a dictionary, the example uses [[Test Dictionary Tiddler]] which contains names and data associated with the names that can be referenced. [[Test Dictionary Tiddler]] contains this:
```
a:one
b:two
c:three
```
where `a`, `b` and `c` are the names that are used to reference the values `one`,`two` and `three`. So replacing the names or the values would change what you have to put in as the `field` input to the macro (if you change the names) or what pops up when you hover over the label (if you change the values).
<<bottomOfTiddler {{!!title}}>>
So I can measure the length of my short posts on ooktech to see if they fit into a tweet. Because I am apparently now a twit.
This demo makes the scrollable environment by using the `<$scrollable class='tc-scrollable'>` and `</$scrollable>` tags. Anything between these tags is then in a scrollable environment. This example lists everything that isn't a system tiddler and lists everything that they link to inside the environment to get a long list to scroll over. The contents can be anything.
The `class='tc-scrollable'` part is the css style sheet used for the environment. You can edit it but I don't know much about that part. In order for this to work with this setup you need to import this tiddler:
[[$:/_custom-styles]]
Just click and drag the link to your wiki.
```
<$scrollable class='tc-scrollable'>
<$list filter='[!is[system]]'>
<$view field='title'/>: <$list filter='[all[current]links[]sort[title]]' storyview='pop'>
<$link><$view field='title'/></$link>
</$list>
</$list>
</$scrollable>
```
<$scrollable class='tc-scrollable'>
<$list filter='[!is[system]]'>
<$view field='title'/>: <$list filter='[all[current]links[]sort[title]]' storyview='pop'>
<$link><$view field='title'/></$link>
</$list>
</$list>
</$scrollable>
<<bottomOfTiddler {{!!title}}>>
One of the macros in [[MyHoverMacros]] implements this, so you need to import that tiddler by clicking on it and dragging it to your wiki for this to wok. It also requires the hover widget so import that too ([[$:/plugins/ahahn/hoverWidget]]) if you haven't already.
You can [[add a field|How to Add Fields to Tiddlers]] to a tiddler called `blurb` then use this macro instead of a normal link and when you hover over the link the text in the `blurb` field of the tiddler that is linked to will popup.
```
<<hoverBlurb [[Wiki Examples]]>>
```
Does this (hover over the link):
<<hoverBlurb [[Wiki Examples]]>>
The code for this macro is
```
\define hoverBlurb(label)
<$hover popup="$:/state/$label$">
[[$label$]]
</$hover>
<$reveal type="popup" state="$:/state/$label$">
<div class="tc-drop-down">
<$view tiddler="$label$" field="blurb"/>
</div>
</$reveal>
\end
```
<<bottomOfTiddler {{!!title}}>>
It should be an option, it wouldn't necessarily replace the dropdowns, just be in addition to them.
Because it could be nice to have
One of the macros in [[MyHoverMacros]] implements this, so you need to import that tiddler by clicking on it and dragging it to your wiki for this to wok. It also requires the hover widget so import that too ([[$:/plugins/ahahn/hoverWidget]]) if you haven't already.
Only images should work with this. I am not sure what happens if you try it with something else. Probably nothing.
The `hoverImageBlurb` macro does this. If you [[create a field|How to Add Fields to Tiddlers]] called `blurb` in the image tiddler and set it to whatever you want than you can use this macro like this
```
<<hoverImageBlurb PrinnySpin>>
```
To get this (hover over the image):
<<hoverImageBlurb PrinnySpin>>
The code for this macro is
```
\define hoverImageBlurb(tiddlerImage)
<$hover popup="$:/state/$tiddlerImage$">
[img [$tiddlerImage$]]
</$hover>
<$reveal type="popup" state="$:/state/$tiddlerImage$">
<div class="tc-drop-down">
<$view tiddler="$tiddlerImage$" field="blurb"/>
</div>
</$reveal>
\end
```
<<bottomOfTiddler {{!!title}}>>
\define thisMakeDateString()
$(SelectedYear)$_$(SelectedMonth)$_$(SelectedDay)$
\end
|Year |<$edit-text tiddler='$:/temp/MakeCalendarEntry' field='year'/>|
|Month |<$select tiddler='$:/temp/MakeCalendarEntry' field='month'><option value=january>January</option><option value=february>February</option><option value=march>March</option><option value=april>April</option><option value=may>May</option><option value=june>June</option><option value=july>July</option><option value=august>August</option><option value=september>September</option><option value=october>October</option><option value=november>November</option><option value=december>December</option></$select>|
|Day |<$edit-text tiddler='$:/temp/MakeCalendarEntry' field='date'/>|
<$reveal type='nomatch' state='$:/state/MakeCalendarEntry!!new_activity' text='show'>
Activity: <$select tiddler='$:/state/MakeCalendarEntry' field='selected_activity'>
<$list filter='[tag[Calendar Activity]]'>
<option><<currentTiddler>></option>
</$list>
</$select> (<$button set='$:/state/MakeCalendarEntry!!new_activity' setTo='show'>New Activity</$button>)
</$reveal>
<$reveal type="match" state="$:/state/MakeCalendarEntry!!new_activity" text="show">
Name: <$edit-text tiddler='$:/temp/MakeCalendarEntry' field='new_activity'/> <$fieldmangler tiddler={{$:/temp/MakeCalendarEntry!!new_activity}}><$button>Add<$action-setfield $tiddler={{$:/temp/MakeCalendarEntry!!new_activity}} dummy=1/><$action-sendmessage $message='tm-add-tag' $param="""Calendar Activity"""/><$action-setfield $tiddler='$:/temp/MakeCalendarEntry' new_activity=''/></$button></$fieldmangler> <$button set='$:/state/MakeCalendarEntry!!new_activity' setTo='hide'>Done</$button>
</$reveal>
Number of times: <$edit-text tiddler='$:/temp/MakeCalendarEntry' field='number_of_times'/>
<$set name=SelectedYear value={{$:/temp/MakeCalendarEntry!!year}}>
<$set name=SelectedMonth value={{$:/temp/MakeCalendarEntry!!month}}>
<$set name=SelectedDay value={{$:/temp/MakeCalendarEntry!!date}}>
<$button>Add Entry
<$action-setfield $tiddler={{$:/state/MakeCalendarEntry!!selected_activity}} $field=<<thisMakeDateString>> $value={{$:/temp/MakeCalendarEntry!!number_of_times}}/>
</$button>
</$set>
</$set>
</$set>
See [[Data Tiddlers]] for information about how to make dictionary tiddlers and [[Test Dictionary Tiddler]] as an example dictionary tiddler.
Example usage code:
```
<<hoverData "test label" [[Test Dictionary Tiddler]] d>>
```
Result:
<<hoverData "test label" [[Test Dictionary Tiddler]] d>>
The macro code is:
```
\define hoverData(label, datatiddler, field)
<$hover popup="$:/state/$label$">
__$label$__
</$hover>
<$reveal type="popup" state="$:/state/$label$">
<div class="tc-drop-down">
{{$datatiddler$##$field$}}
</div>
</$reveal>
\end
```
<<bottomOfTiddler {{!!title}}>>
This means that for a new user nothing will be visible and they will probably think that everything is broken.
One of the macros in MyHoverMacros implements this, so you need to import that tiddler by clicking on it and dragging it to your wiki for this to wok. It also requires the hover widget so import that too ([[$:/plugins/ahahn/hoverWidget]]) if you haven't already.
The reason `[[Fourier Transform]]` has square brackets and `EquationFourierTransform` doesn't is just because `Fourier Transform` has spaces and it needs to be put into the macro is a form that will give a link. See CamelCase and [[Linking to Other Tiddlers]]
Using this marco you can make a link to one tiddler and when you hover over the link it will make the contents of a second tiddler pop up. So you can have a tiddler [[Fourier Transform]] and a tiddler EquationFourierTransform and use the following code
```
<<hoverTiddler [[Fourier Transform]] EquationFourierTransform>>
```
Which gives (hover over it and click on the link to see what is going on):
<<hoverTiddler [[Fourier Transform]] EquationFourierTransform>>
The code for this macro is
```
\define hoverTiddler(tiddler1,tiddler2)
<$hover popup="$:/state/$tiddler1$">
[[$tiddler1$]]
</$hover>
<$reveal type="popup" state="$:/state/$tiddler1$">
<div class="tc-drop-down">
{{$tiddler2$}}
</div>
</$reveal>
\end
```
<<bottomOfTiddler {{!!title}}>>
I am not sure how to implement this yet. I will figure it out.
\define pluginInfoTiddlerName()
twCard - Plugin - $(pluginName)$
\end
\define thisAddWidgetsThing()
<$fieldmangler tiddler='$:/temp/addplugininformation/widgetsandtiddlers'>
<$button>Add Widget
<$action-setfield $tiddler='$:/temp/addplugininformation/widgetsandtiddlers' $field=dummy_field $value=''/>
<$action-sendmessage $message='tm-add-tag' $param="""widget-$(widgetTag)$"""/>
<$action-setfield $tiddler='$:/temp/addplugininformation/temp' $field=add_widget $value=''/>
</$button>
</$fieldmangler>
\end
\define thisAddTiddlersThing()
<$fieldmangler tiddler='$:/temp/addplugininformation/widgetsandtiddlers'>
<$button>Add Other Tiddler
<$action-setfield $tiddler='$:/temp/addplugininformation/widgetsandtiddlers' $field=dummy_field $value=''/>
<$action-sendmessage $message='tm-add-tag' $param="""tiddler-$(tiddlerTag)$"""/>
<$action-setfield $tiddler='$:/temp/addplugininformation/temp' $field=add_tiddler $value=''/>
</$button>
</$fieldmangler>
\end
\define thisCreatePlugintwCard()
<$button>Create Plugin twCard
<$action-setfield $tiddler='$:/temp/addplugininformation' $field=title $value="""$(pluginInfoName)$"""/>
<$action-setfield $tiddler="""$(pluginInfoName)$""" $field=tags $value="""$(theseTags)$"""/>
<$action-setfield $tiddler='Plugin Info Template' $field=title $value='$:/temp/addplugininformation'/>
<$action-setfield $tiddler='$:/temp/addplugininformation/temp' $field='plugin_name' $value=''/>
<$action-setfield $tiddler='$:/temp/addplugininformation/temp' $field='tags' $value=''/>
<$action-setfield $tiddler='$:/temp/addplugininformation/widgetsandtiddlers' $field='tags' $value=''/>
</$button>
\end
Enter Plugin Information Here:
Plugin Name: <$edit-text tiddler='$:/temp/addplugininformation/temp' field='plugin_name'/>
Long Description:
<$edit-text tiddler='$:/temp/addplugininformation' field=text class='tc-edit-texteditor'/>
<$set name=pluginName value={{$:/temp/addplugininformation/temp!!plugin_name}}>
<$set name=pluginInfoTiddler value=<<pluginInfoTiddlerName>>>
<$set name=widgetTag value={{$:/temp/addplugininformation/temp!!add_widget}}>
<<thisAddWidgetsThing>></$set> : <$edit-text tiddler='$:/temp/addplugininformation/temp' field='add_widget'/><br>
<$set name=tiddlerTag value={{$:/temp/addplugininformation/temp!!add_tiddler}}>
<<thisAddTiddlersThing>></$set> : <$edit-text tiddler='$:/temp/addplugininformation/temp' field='add_tiddler'/>
<table>
<tr><th>Widget List</th></tr>
<$list filter='[[$:/temp/addplugininformation/widgetsandtiddlers]tags[]]+[removeprefix[widget-]]'>
<tr><td><<currentTiddler>></td></tr>
</$list>
<tr><th>Other Tiddler List</th></tr>
<$list filter='[[$:/temp/addplugininformation/widgetsandtiddlers]tags[]]+[removeprefix[tiddler-]]'>
<tr><td><<currentTiddler>></td></tr>
</$list>
</table>
<table>
<$list filter='[[name]][[category]][[revision]][[date]][[maintainer]][[short_description]][[wiki]][[plugin_tiddler]]'>
<tr><td><<currentTiddler>></td><td><$edit-text tiddler='$:/temp/addplugininformation' field=<<currentTiddler>> class='tc-edit-texteditor' size=70/></td></tr>
</$list>
<$list filter='[[Plugin Info Template]fields[]sort[title]]-[[text]]-[[modified]]-[[created]]-[[tags]]-[[title]]-[[name]]-[[revision]]-[[date]]-[[maintainer]]-[[short_description]]-[[wiki]]-[[plugin_tiddler]]-[[category]]'>
<tr><td><<currentTiddler>></td><td><$edit-text tiddler='$:/temp/addplugininformation' field=<<currentTiddler>> class='tc-edit-texteditor' size=70/></td></tr>
</$list>
</table>
<$set name=theseTags filter='[[Plugin twCard]][[$:/temp/addplugininformation/widgetsandtiddlers]tags[]]'>
<$set name=pluginInfoName value=<<pluginInfoTiddlerName>>>
<<thisCreatePlugintwCard>>
</$set>
</$set>
</$set>
</$set>
See [[Make a tiddlers blurb display popup when you hover over a link]] and for macros that make some uses of this much simpler.
This is almost identical to how using a button to make something pop up works, just replace `$button` with `$hover` and the action will happen when the mouse hovers over it instead of clicking on it.
Anything between `<div class="tc-drop-down">` and `</div>` will be displayed in the popup, including other tiddlers that are [[transcluded|Transclusion (including one tiddler in another)]].
Note: It is possible that having multiple bits of popup code in a single tiddler may act strangely if they all use `state=$:/SamplePopupState` where all the popups will show whenever one is shown. This should go away if you change it to `state=$:/foo` where `foo` is unique for each popup.
The text that is displayed (`Pop me up!` in the example) can be changed to an image or a link or pretty much anything.
The code
```
<$hover popup="$:/SamplePopupState">Pop me up!</$hover>
<$reveal type="popup" state="$:/SamplePopupState">
<div class="tc-drop-down">
!Look Text!
some text here too
and an image
[img [PrinnySpin]]
</div>
</$reveal>
```
makes this (hover over it):
<$hover popup="$:/SamplePopupState">Pop me up!</$hover>
<$reveal type="popup" state="$:/SamplePopupState">
<div class="tc-drop-down">
!Look Text!
some text here too
and an image
[img [PrinnySpin]]
</div>
</$reveal>
<<bottomOfTiddler {{!!title}}>>
They could all be dropdown menus by default.
instead of having an item_type field change it to fields called book, movie, game, etc. and set the field to true. Stupid capital letters may cause troubles. I don't think this is really necessary, or particularly helpful. Just have different entries for each type.
otherwise Alastair Reynolds will be the author of everything.
This can now be done because the reveal widget has the tag parameter, so put a reveal instead of a td or th and set the tag for the reveal to td or th.
Yep, way too many projects.
\define getAddress()
http://www.principiadiscordia.com/book/$(page)$.php
\end
\define makeURL()
<$set name=page value={{!!test_field}}>
<a href=<<getAddress>> target="_blank">go to page {{!!test_field}}</a>
</$set>
\end
<$select field='test_field'>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>45</option>
<option>81</option>
</$select>
<<makeURL>>
Code:
```
\define getAddress()
http://www.principiadiscordia.com/book/$(page)$.php
\end
\define makeURL()
<$set name=page value={{!!test_field}}>
<a href=<<getAddress>> target="_blank">go to page {{!!test_field}}</a>
</$set>
\end
<$select field='test_field'>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
</$select>
<<makeURL>>
```
See the demo here for now http://ooktech.com/jed/ExampleWikis/
Once version 5.1.8 is out I will move the demo here.
<<bottomOfTiddler>>
You can import the tiddler to add my plugins to the plugin library avaliable on your wiki by importing this tiddler: [[$:/pluginlibrary/inmysocks/TestingPluginLibrary]].
The video from the hangout explaining this is here: https://www.youtube.com/watch?v=t4b7jF0gV8Y starting at about 59:30
#Do the stuff you have to do to make a plugin, including cloning the TiddlyWiki repo (see instructions [[here|http://tiddlywiki.com/dev/#Developing%20plugins%20using%20Node.js%20and%20GitHub]])
#Put your plugins/themes in the appropriate folders in the repo (under /plugins/inmysocks and /themes/inmysocks in my case)
#<div>(optional) edit tiddlywiki.info in the pluginlibrary edition folder (./editions/pluginlibrary/tiddlywiki.info in the repo) so that the line with the savelibrarytiddlers command is this:
<p>
```
"--savelibrarytiddlers","$:/UpgradeLibrary","[prefix[$:/]] -[prefix[$:/plugins/tiddlywiki/]] -[prefix[$:/themes/tiddlywiki/]] -[prefix[$:/languages/]] -[[$:/plugins/tiddlywiki/upgrade]] -[[$:/plugins/tiddlywiki/translators]] -[[$:/plugins/tiddlywiki/pluginlibrary]] -[[$:/plugins/tiddlywiki/jasmine]]","recipes/library/tiddlers/","$:/UpgradeLibrary/List",
```
</p>
That is just adding ` -[prefix[$:/plugins/tiddlywiki/]] -[prefix[$:/themes/tiddlywiki/]] -[prefix[$:/languages/]]` to the filter which removes the core plugins from the plugin library you make (including themes and languages). You don't have to do this, but if you don't than all of the plugins, themes and languages on the main tiddlywiki plugin library will also be in the library you make.
</div>
#Open a terminal and run the command `node ./tiddlywiki.js editions/pluginlibrary --build library`. That is assuming you are using a unix type OS. I am using linux mint so that is what I type. If you are using windows it would be something like `node c:\path\to\repo\editions\pluginlibrary --build library`, but it has been long enough since I have used windows that I am not at all certain of that.
#<div>Make a tiddler like this (My plugin library will be located at `http://ooktech.com/jed/pluginlibrary/testing/`)
<p>
```
title: $:/pluginlibrary/inmysocks/MainPluginLibarry
tags: $:/tags/PluginLibrary
url: http://ooktech.com/jed/pluginlibrary/testing/index.html
The plugin library for the plugins made by inmysocks. This library only contains plugins that are mature enough for general use. Be aware that I update these plugins on occasion.
```
</p>
</div>
#Using your favourite ftp client, copy everything in the folder `./editions/pluginlibrary/output` in your local repo to your site (`http://ooktech.com/jed/pluginlibrary/testing/` in my case)
#To use the plugin library in a wiki just import the tiddler you created into a wiki and you should be able to access the plugin library through the 'get plugins' part of the $:/ControlPanel
You should be able to do this locally, there is more about that in the hangout video. I don't know much about that part so watch the video for that.
You can also use this website - it has support for equation arrays
http://www.tlhiv.org/ltxpreview/
Go to this website
http://www.codecogs.com/latex/eqneditor.php
type in the equation in latex format, at the bottom of the input box there are a bunch of dropdown menus, change the one on the left to say `svg` and change the size and font if you want to.
''Remember to set the content of the tiddler type!!!'' This is the step I keep forgetting.
!!Option 1 - in browser
Right click on the image and pick 'view image' and then right click again and pick 'view page source' then in the window that pops up there will be a bunch of stuff. Starting where it has `<svg height`... copy everything below that.
Make a new tiddler and where it says `Type: ` at the bottom of the editing thing click and pick `Structured Vector Graphics image (image:svg+xml)` then paste the stuff you copied as text in the tiddler.
The tiddler should now be the image. Either check the preview to make sure it worked or stop editing to check.
!!Option 2 - in text editor
Click the link under where the equation is displayed that says `Click here to Download Image (SVG)` and save the image somewhere. Then open the image in a __text editor__ and copy everything starting where it says `<svg height=`... and below. Leave out anything above that part.
Make a new tiddler and where it says `Type: ` at the bottom of the editing thing click and pick `Structured Vector Graphics image (image:svg+xml)` then paste the stuff you copied as text in the tiddler.
The tiddler should now be the image. Either check the preview to make sure it worked or stop editing to check.
!!On a tablet - use option 2
You will probably have to use hackers keyboard because the website rearranges itself when the keyboard opens and doesn't switch back so you can't actually get to the buttons.
in the file browser long touch on the downloaded .svg file, then pick `more`, then `open as`, then `text` then pick `Es Note Editor`. You have to open the menu and select `edit` in order to be able to copy the content.
<<bottomOfTiddler {{!!title}}>>
You can make the images using this thing from google
http://svg-edit.googlecode.com/svn/branches/stable/editor/svg-editor.html
and then there is a button on the upper left, currently second from the left, that has `<svg>` on it, but the letters are vertical. Press that button and a bunch of code will pop up, copy all of that code into a tiddler and save it. The tiddler should be the image now.
<<bottomOfTiddler {{!!title}}>>
To make a template simply create a tiddler and put in all the tags and fields that you want the tiddlers that use the template to have, and any content that will be the same across all of them. Save that tiddler and in the places where you would use a template use that tiddlers name.
Like in [[Make a button to create new tiddlers from a template]].
Example templates:
[[StandardNoteTemplate]]
[[TiddlerTopicTemplate]]
[[TiddlerTaskTemplate]]
<<bottomOfTiddler {{!!title}}>>
[[$:/plugins/inmysocks/ManageTOC]]
Documentation coming at some point. I hope. If I did things correctly not much should be needed. See [[Dashboard]] for how to import the plugin.
<<bottomOfTiddler {{!!title}}>>
Here are the currently available math plugins I have made and their version numbers and date published.
<table>
<tr><th>Name</th><th>Version</th><th>Date</th><th>Release</th><th>Description</th><th>Install Link</th></tr>
<$list filter='[tag[Plugin twCard]maintainer[inmysocks]category[Math]]' template=PlugintwCardDisplayTemplate2>
</$list>
</table>
<<bottomOfTiddler>>
|Name |<$view field='caption'/> |
|Type |<$view field='name_plate_type'/> |
|Description |<$view field='description'/> |
|URL |<a href={{!!url}} target='_blank'><$view field='url'/></a> |
This example takes an increment value, a prefix and a length as inputs and then each time the `Increment` button is pressed it will increment the value in the field `increment_field` by that amount and display the contents of the field, including any zero padding and prefix.
```
Increment: <$edit-text tiddler='$:/temp/MathyThing/Example2/incrementValue' field='increment_value'/><br>
Prefix: <$edit-text tiddler='$:/temp/MathyThing/Example2/incrementValue' field='prefix'/><br>
Length: <$edit-text tiddler='$:/temp/MathyThing/Example2/incrementValue' field='length'/><br>
<$button>Increment
<$action-increment $tiddler=<<currentTiddler>> $field=increment_field $increment={{$:/temp/MathyThing/Example2/incrementValue!!increment_value}} $prefix={{$:/temp/MathyThing/Example2/incrementValue!!prefix}} $length={{$:/temp/MathyThing/Example2/incrementValue!!length}}/>
</$button>
Current Value: {{!!increment_field}}
```
Increment: <$edit-text tiddler='$:/temp/MathyThing/Example2/incrementValue' field='increment_value'/><br>
Prefix: <$edit-text tiddler='$:/temp/MathyThing/Example2/incrementValue' field='prefix'/><br>
Length: <$edit-text tiddler='$:/temp/MathyThing/Example2/incrementValue' field='length'/><br>
<$button>Increment
<$action-increment $tiddler=<<currentTiddler>> $field='increment_field' $increment={{$:/temp/MathyThing/Example2/incrementValue!!increment_value}} $prefix={{$:/temp/MathyThing/Example2/incrementValue!!prefix}} $length={{$:/temp/MathyThing/Example2/incrementValue!!length}}/>
</$button>
Current Value: {{!!increment_field}}
This is part of the [[MathyThing Plugin]].
Github: https://github.com/inmysocks/TW5-MathyThing
Plugin: [[$:/plugins/inmysocks/MathyThing]]
Just this widget: [[$:/plugins/inmysocks/MathyThing/action-increment.js]]
This widget takes the value of a field and increments it by a given amount. Note that the field being incremented has to exist and have a numeric value in it or the widget doesn't do anything. The increment value can be negative or a non-integer.
The widget will clear or create the designated field if it doesn't contain a valid increment-able value according to the current widget inputs. So be careful to not overwrite a field you don't want overwritten.
Usage:
```
<$action-increment $tiddler=someTiddler $field=someField $increment=someIncrement/>
```
|!Attribute |!Description |
|$tiddler |The name tiddler containing the field to increment (defaults to `<<currentTiddler>>` |
|$field |The field to increment, defaults to `make_sure_you_give_a_field_parameter` |
|$increment |The amount to increment the field by (defaults to 1) |
|$length |The minimum length of the numeric output (uses zero padding to get the desired length), defaults to 0 |
|$prefix |An optional prefix to be appended to the front of the numeric result |
|$initial |The initial numeric value for the field, defaults to 0 |
Some notes:
*The initial output with `$prefix='pre-'` and `$length=4` would be `pre-0001`
*The initial value is the value ''before'' the incrementing happens, this means that the first returned value will be the initial value plus the increment value.
*The input `$length` is the ''minimum'' length, not the total length, so if the current value is 1000 and the length is set to 1 the output will still be 1000.
*The increment does not need to be positive or an integer. Value such as -1.2 work as expected. But note that negative numbers will have the minus sign __after__ the prefix, which may look strange.
<<tiddlerSlider "MathyThing - action-increment Widget Example">>
<<tiddlerSlider "MathyThing - action-increment Example 2">>
This example takes an increment value as input and then each time the `Increment` button is pressed it will increment the value in the field `increment_field` by that amount and display the contents of the field.
```
<$edit-text tiddler='$:/temp/incrementValue' field='increment_value'/>
<$button>Increment
<$action-increment $tiddler=<<currentTiddler>> $field=increment_field $increment={{$:/temp/incrementValue!!increment_value}}/>
</$button>
{{!!increment_field}}
```
Increment value: <$edit-text tiddler='$:/temp/incrementValue' field='increment_value'/>
<$button>Increment
<$action-increment $tiddler=<<currentTiddler>> $field=increment_field $increment={{$:/temp/incrementValue!!increment_value}}/>
</$button>
Current Value: {{!!increment_field}}
This is part of the [[MathyThing Plugin]].
Github: https://github.com/inmysocks/TW5-MathyThing
Plugin: [[$:/plugins/inmysocks/MathyThing]]
The prodfield widget takes a filter input and returns the product over all of the returned tiddlers of a specific field in each tiddler.
Usage:
```
<$prodfield $filter=<<someFilter>> $prodfield=prodField $tiddler=storeTiddler $storefield=storeField $defaultvalue=defaultValue/>
```
|!Attribute |!Description |
|$filter |The filter that returns the tiddlers with the field to take the product over |
|$prodfield |The name of the field field to holding the vaules to take the product of |
|$tiddler |The name of the tiddler in which to store the output |
|$storefield |The name of the field in which to store the output |
|$defaultvalue |The value to return if the output has an invalid value, or if the filter returns no tiddlers |
<<tiddlerSlider "MathyThing - action-prodfield Widget Example">>
This example has you select 3 values using the dropdown menus and stores the product of the numbers in the field `store_field2` and displays the content of the field.
Code:
```
Value 1: <$select tiddler='prod1'>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</$select> Value 2: <$select tiddler='prod2'>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</$select> Value 3: <$select tiddler='prod3'>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</$select>
<$button>Update Products
<$action-prodfield $filter='[tag[prod]]' $prodfield='text' $storefield='store_field2'/>
</$button>
Current sum: {{!!store_field2}}
```
Result:
Value 1: <$select tiddler='prod1'>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</$select> Value 2: <$select tiddler='prod2'>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</$select> Value 3: <$select tiddler='prod3'>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</$select>
<$button>Update Products
<$action-prodfield $filter='[tag[prod]]' $prodfield='text' $storefield='store_field2'/>
</$button>
Current sum: {{!!store_field2}}
This is part of the [[MathyThing Plugin]].
Github: https://github.com/inmysocks/TW5-MathyThing
Plugin: [[$:/plugins/inmysocks/MathyThing]]
The prodfield widget takes a filter input and returns the product of two specified fields in each tiddler, and stores the value in a third field. If the filter returns a single tiddler than a separate tiddler can be specified to store the result.
Usage:
```
<$prodfield2 $filter=<<someFilter>> $prodfield=prodField $prodfield2=prodField2 $tiddler=someTiddler $storefield=storeField $defaultvalue=defaultValue/>
```
|!Attribute |!Description |
|$filter |The filter that returns the tiddlers with the field to take the product over |
|$prodfield |The name of the field field to holding the vaules to take the product of |
|$prodfield2 |The name of the field field to holding the vaules to take the product of |
|$tiddler |(optional) The name of the tiddler in which to store the output |
|$storefield |The name of the field in which to store the output |
|$defaultvalue |The value to return if the output has an invalid value, or if the filter returns no tiddlers |
<<tiddlerSlider "MathyThing - action-prodfield2 Widget Example">>
This example lets you give 3 sets of two numbers, each set of numbers is multiplied together and the result is displayed.
Code:
```
<$button>Update Product
<$action-prodfield2 $filter='[tag[prod]]' $prodfield='prod_field' $prodfield2='prod_field2' $storefield='store_field3'/>
</$button>
prod1: <$edit-text tiddler='prod1' field='prod_field' size=2/> x <$edit-text tiddler='prod1' field='prod_field2' size=2/> = {{prod1!!store_field3}} <br>
prod2: <$edit-text tiddler='prod2' field='prod_field' size=2/> x <$edit-text tiddler='prod2' field='prod_field2' size=2/> = {{prod2!!store_field3}}<br>
prod3: <$edit-text tiddler='prod3' field='prod_field' size=2/> x <$edit-text tiddler='prod3' field='prod_field2' size=2/> = {{prod3!!store_field3}}<br>
```
Result:
<$button>Update Product
<$action-prodfield2 $filter='[tag[prod]]' $prodfield='prod_field' $prodfield2='prod_field2' $storefield='store_field3'/>
</$button>
prod1: <$edit-text tiddler='prod1' field='prod_field' size=2/> x <$edit-text tiddler='prod1' field='prod_field2' size=2/> = {{prod1!!store_field3}} <br>
prod2: <$edit-text tiddler='prod2' field='prod_field' size=2/> x <$edit-text tiddler='prod2' field='prod_field2' size=2/> = {{prod2!!store_field3}}<br>
prod3: <$edit-text tiddler='prod3' field='prod_field' size=2/> x <$edit-text tiddler='prod3' field='prod_field2' size=2/> = {{prod3!!store_field3}}<br>
This is part of the [[MathyThing Plugin]].
Github: https://github.com/inmysocks/TW5-MathyThing
Plugin: [[$:/plugins/inmysocks/MathyThing]]
The action-storecount widget acts like the count widget, but instead of displaying the output it stores the output is a designated field when a button is pressed.
Usage:
```
<$button>Store Count
<$action-storecount $filter=<<someFilter>> $tiddler=someTiddler $field=count_field/>
</$button>
```
|!Attribute |!Description |
|$filter |The filter whose results will be counted |
|$tiddler |The name tiddler in which to store the results |
|$field |The field in which to store the results |
|$index |An index of a data tiddler in which to store the result instead of in a field |
<<tiddlerSlider """MathyThing - action-storecount Widget Example""">>
This example counts all of the tiddlers tagged with the selected tag (selected using the drop down menu) and when the `Update tiddler count` button is pressed the number of items tagged with the selected tag is stored in the field `count_field` of `<<currentTiddler>>`.
```
<$select field='tag_to_count'>
<$list filter='[tags[]]'>
<option value=<<currentTiddler>>><$view field=title/></option>
</$list>
</$select>
<$button>Update tiddler count
<$action-storecount $filter='[tag{!!tag_to_count}]' $field='count_field'/>
</$button>
There are currently {{!!count_field}} tiddlers tagged with that.
```
Pick a tag: <$select field='tag_to_count'>
<$list filter='[tags[]]'>
<option value=<<currentTiddler>>><$view field=title/></option>
</$list>
</$select>
<$button>Update tiddler count
<$action-storecount $filter='[tag{!!tag_to_count}]' $field='count_field'/>
</$button>
There are currently {{!!count_field}} tiddlers tagged with that.
This is part of the [[MathyThing Plugin]].
Github: https://github.com/inmysocks/TW5-MathyThing
Plugin: [[$:/plugins/inmysocks/MathyThing]]
This widget sums together a specified field in each tiddler returned by a filter.
|!Attribute |!Description |
|$filter |The filter that returns the tiddlers with the field to sum |
|$sumfield |The name of the field field to sum |
|$tiddler |The name of the tiddler in which to store the output |
|$storefield |The name of the field in which to store the output |
|$defaultvalue |The value to return if the output has an invalid value, or if the filter returns no tiddlers |
<<tiddlerSlider "MathyThing - action-sumfield Widget Example">>
This example lets you pick 3 values which are stored in the text field of the tiddlers [[sum1]], [[sum2]] and [[sum3]], which are all tagged with `sum`. It then stores the value of the sum of the text fields of all tiddlers tagged `sum` and stores it in the field `store_field`. You can change the summed values using the dropdown menus.
Code:
```
Value 1: <$select tiddler='sum1'>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</$select> Value 2: <$select tiddler='sum2'>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</$select> Value 3: <$select tiddler='sum3'>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</$select>
<$button>Update Sum
<$action-sumfield $filter='[tag[sum]]' $sumfield='text' $storefield='store_field'/>
</$button>
Current sum: {{!!store_field}}
```
Result:
Value 1: <$select tiddler='sum1'>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</$select> Value 2: <$select tiddler='sum2'>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</$select> Value 3: <$select tiddler='sum3'>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</$select>
<$button>Update Sum
<$action-sumfield $filter='[tag[sum]]' $sumfield='text' $storefield='store_field'/>
</$button>
Current sum: {{!!store_field}}
This is part of the [[MathyThing Plugin]].
Github: https://github.com/inmysocks/TW5-MathyThing
Plugin: [[$:/plugins/inmysocks/MathyThing]]
This widget takes a filter and in each tiddler returned by the filter takes the sum of two given fields and stores the result in a third field. If the filter returns a single tiddler than a tiddler for storing the result can be specified as well.
Hopefully I will be able to extend this to an arbitrary number of fields in the future, but for now you are limited to two fields.
Usage:
```
<$sumfield2 $filter=<<someFilter>> $sumfield='sum_field' $sumfield2='sum_field2' $tiddler=someTiddler $storefield='store_field'/>
```
|!Attribute |!Description |
|$filter |The filter that returns the tiddlers with the fields to sum |
|$sumfield |The name of the first field field to sum |
|$sumfield2 |The name of the second field field to sum |
|$tiddler | (optional) The name of the tiddler in which to store the output |
|$storefield |The name of the field in which to store the output |
|$defaultvalue |The value to return if the output has an invalid value, or if the filter returns no tiddlers |
<<tiddlerSlider "MathyThing - action-sumfield2 Widget Example">>
This example takes the fields `sum_field` and `sum_field2` from each tiddler tagged with `sum` and stores the result in the field `store_field4` in each tiddler.
You can enter values in the text boxes and the result of the summation will be displayed next to them.
Code:
```
<$button>Update Sum
<$action-sumfield2 $filter='[tag[sum]]' $sumfield='sum_field' $sumfield2='sum_field2' $storefield='store_field4'/>
</$button>
sum1: <$edit-text tiddler='sum1' field='sum_field' size=2/> + <$edit-text tiddler='sum1' field='sum_field2' size=2/> = {{sum1!!store_field4}} <br>
sum2: <$edit-text tiddler='sum2' field='sum_field' size=2/> + <$edit-text tiddler='sum2' field='sum_field2' size=2/> = {{sum2!!store_field4}}<br>
sum3: <$edit-text tiddler='sum3' field='sum_field' size=2/> + <$edit-text tiddler='sum3' field='sum_field2' size=2/> = {{sum3!!store_field4}}<br>
```
Result
<$button>Update Sum
<$action-sumfield2 $filter='[tag[sum]]' $sumfield='sum_field' $sumfield2='sum_field2' $storefield='store_field4'/>
</$button>
sum1: <$edit-text tiddler='sum1' field='sum_field' size=2/> + <$edit-text tiddler='sum1' field='sum_field2' size=2/> = {{sum1!!store_field4}} <br>
sum2: <$edit-text tiddler='sum2' field='sum_field' size=2/> + <$edit-text tiddler='sum2' field='sum_field2' size=2/> = {{sum2!!store_field4}}<br>
sum3: <$edit-text tiddler='sum3' field='sum_field' size=2/> + <$edit-text tiddler='sum3' field='sum_field2' size=2/> = {{sum3!!store_field4}}<br>
$:/plugins/inmysocks/MathyThing
At the moment this is under development so more will hopefully be available in the future.
Current contents:
*''The action-storecount widget'' - on a button press it counts the number of items returned by a filter (the same as the count widget) and stores the output in a specified field
*''The action-increment widget'' - this widget is triggered by a button press and will increment the value in a given field. The increment amount can be specified and may be negative or a non-integer value if desired.
*''The action-sumfield widget'' - Given a filter and a field to sum, this widget takes ever tiddler returned by the filter and, if the specified field is present and has a numeric value in that tiddler, sums together the given field from all the tiddlers. This value is then stored in a specified tiddler and field.
*''The action-sumfield2 widget'' - Similar to the sumfield widget, but this widget sums fields inside individual tiddlers. By default the sums for each tiddler are stored in a specified field in that tiddler, but if the filter only returns a single tiddler than a tiddler can be specified to store the value.
*''The action-prodfield widget'' - Given a filter and a field to take the product over, this widget takes ever tiddler returned by the filter and, if the specified field is present and has a numeric value in that tiddler, takes the product of the values in the given field from all the tiddlers. This value is then stored in a specified tiddler and field.
*''The action-prodfield2 widget'' - Similar to the prodfield widget, but this widget takes the product of fields inside individual tiddlers. By default the products for each tiddler are stored in a specified field in that tiddler, but if the filter only returns a single tiddler than a tiddler can be specified to store the value.
More information is in [[MathyThing Read Me]]
If you want to look at the github page it is here https://github.com/inmysocks/TW5-MathyThing
!action-storecount widget
<<tiddlerSlider "MathyThing - action-storecount Widget">>
!action-increment widget
<<tiddlerSlider "MathyThing - action-increment Widget">>
!action-sumfield widget
<<tiddlerSlider "MathyThing - action-sumfield Widget">>
!action-sumfield2 widget
<<tiddlerSlider "MathyThing - action-sumfield2 Widget">>
!action-prodfield widget
<<tiddlerSlider "MathyThing - action-prodfield Widget">>
!action-prodfield2 widget
<<tiddlerSlider "MathyThing - action-prodfield2 Widget">>
<<bottomOfTiddler {{!!title}}>>
!TW5-MathyThing
a math plugin for TiddlyWiki5
Currently this plugin contains:
*The action-storecount widget
*The storecount widget
*The sumfield widget
*The sumfield2 widget
*The prodfield widget
*The prodfield2 widget
*The increment widget
---
''The action-storecount widget'' - an action widget with similar functionality to the count widget. It takes a filter and will count the number of matching tiddlers and, on a button press or other initiating event, store the output in the designated field. It was created by combining the action-setfield and count widgets.
Usage:
`<$action-storecount $filter=<<someFilter>> $tiddler=someTiddler $field=someField/>`
Since it is a modification of the action-setfield widget and I haven't modifed this part, you may be able to store the output at the given index of a data tiddler, but I haven't tested that yet.
---
''The storecount widget'' - a widget with similar functionality to the count widget. It takes a filter and will count the number of matching tiddlers and store the output in the designated field. It was created by modifying the sumfield widget below.
Usage:
`<$storecount $filter=<<someFilter>> $tiddler=someTiddler $field=someField/>`
Since it is a modification of the action-setfield widget and I haven't modifed this part, you may be able to store the output at the given index of a data tiddler, but I haven't tested that yet.
---
''The sumfield widget'' - a widget that was made by modifying the list widget. It takes a filter and a given field and sums together everything in that field in the filtered tiddlers.
Usage:
`<$sumfield filter=<<someFilter>> sumfield=sumField tiddler=storeTiddler storefield=storeField defaultvalue=defaultValue/>`
It will take each tiddler listed when using `<<someFilter>>` and take the value in sumField from each of the tiddlers and sum them, the result will be placed in the storeField of the tiddler storeTiddler. If there aren't any numbers to sum than it will display defaultValue.
tiddler defaults to `<<currentTiddler>>` and defaultValue defaults to 0 if they aren't given inputs.
If one of the fields contains a non-numeric value than it is ignored. This includes empty fields.
---
''The sumfield2 widget'' - a widget that was made by modifying the list widget. It takes a filter and a given field and sums together two fields in the filtered tiddlers and stores the value in a third field.
Usage:
`<$sumfield2 filter=<<someFilter>> sumfield=sumField sumfield2=sumField2 storefield=storeField defaultvalue=defaultValue/>`
It will take each tiddler listed when using `<<someFilter>>` and take the value in sumField to the value in sumField2 in each of the tiddlers and the result will be placed in the storeField of each tiddler. If there aren't any numbers to sum than it will display defaultValue.
tiddler defaults to `<<currentTiddler>>` and defaultValue defaults to 0 if they aren't given inputs.
If one of the fields contains a non-numeric value than it is ignored. This includes empty fields.
---
''The prodfield widget'' - a widget that was made by modifying the list widget. It takes a filter and a given field and takes the product of everything in that field in the filtered tiddlers.
Usage:
`<$prodfield filter=<<someFilter>> prodfield=prodField tiddler=storeTiddler storefield=storeField defaultvalue=defaultValue/>`
It will take each tiddler listed when using `<<someFilter>>` and take the value in prodField from each of the tiddlers and take their product, the result will be placed in the storeField of the tiddler storeTiddler. If there aren't any numbers to sum than it will display defaultValue.
tiddler defaults to `<<currentTiddler>>` and defaultValue defaults to 0 if they aren't given inputs.
If one of the fields contains a non-numeric value than it is ignored. This includes empty fields.
---
''The prodfield2 widget'' - a widget that was made by modifying the list widget. It takes a filter and a given two fields takes the product of those fields in the filtered tiddlers, then stores the result in a third field in each tiddler.
Usage:
`<$prodfield2 filter=<<someFilter>> prodfield=prodField prodfield2=prodField2 storefield=storeField defaultvalue=defaultValue/>`
It will take each tiddler listed when using `<<someFilter>>` and multiply the values in prodField and prodField2 in each of the tiddlers and the result will be placed in the storeField of each tiddler. If there aren't any numbers to sum than it will display defaultValue.
tiddler defaults to `<<currentTiddler>>` and defaultValue defaults to 0 if they aren't given inputs.
If one of the fields contains a non-numeric value than it is ignored. This includes empty fields.
---
''The increment widget'' - a widget that increments a value in a field by a given amount
Note: Both the field and the increment value have to be numeric and exist. If you specifiy an empty field, or a field with a non-numeric value, than the widget won't do anything.
Usage:
`<$action-increment $tiddler=someTiddler $field=someField $increment=someIncrement/>`
It will take the value of someField and replace it with the value someField+someIncrement
There is no requirement that someIncrement be positive or an integer.
<$button to="About Me" class='tc-btn-invisible' tooltip='Who is this inysocks guy?'><<fa fa-smile-o>></$button>
<!--<<PopoutMenu "{{$:/core/images/right-arrow}}" "ChangeTiddlerWidthPopup" "TiddlerWidthSettings">>-->
<$button class='tc-btn-invisible' popup="$:/state/changetiddlerwidthpopup" tooltip='Change Tiddler Width'>{{$:/core/images/right-arrow}}</$button>
<$reveal type="popup" state="$:/state/changetiddlerwidthpopup">
<div class="tc-drop-down tc-popup-keep" style='position:relative;left:1em;top:-1em'>
{{TiddlerWidthSettings}}
</div>
</$reveal>
<$button class='tc-btn-invisible' to='Font Options' tooltip='Change font options'><<fa fa-font>></$button>
<$button tooltip='Help' class='tc-btn-invisible' to='Help'><<fa fa-question>></$button>
<$button class='tc-btn-invisible' tooltip='Toggle Theme'><<fa fa-mobile>>
<$action-setfield $field=current_theme $value={{!!other_theme}}/>
<$action-setfield $field=other_theme $value={{!!current_theme}}/>
<$action-setfield $tiddler='$:/theme' $value={{!!other_theme}}/>
</$button>
<$button class='tc-btn-invisible' to='User Feedback' tooltip='GIve Feedback'><<fa fa-comment-o>></$button>
<$button class='tc-btn-invisible' to="Why TiddlyWiki?" tooltip='Why use TiddlyWiki?'>Why ~TiddlyWiki?</$button>
[[$:/plugins/inmysocks/MinimalTaskList]]
Documentation coming at some point. I hope. If I did things correctly not much should be needed. See [[Dashboard]] for how to import the plugin.
<<bottomOfTiddler {{!!title}}>>
[[Mobile App Menus Examples]]
''__Required tiddlers:__''
This is the only tiddler needed, options are set by input parameters.
*[[$:/macros/inmysocks/MobileMenu]]
''__Demo Wiki:__''
http://ooktech.com/jed/ExampleWikis/Text%20Menus/
This is still in development, I may change the name and possibly other stuff. Like letting you set the icons used. This is nearing the finished product, so I am going to try keeping any future changes from breaking anything.
''__Usage:__'' `<<MobileMenu "RootTag" "MenuName" "Type" "MenuTitle" "ShowSubtitle" "ShowBody" "ListField">>`
Parameters:
|!Name |!Description |
|~RootTag |The tag that defines the root of the menu, like the root tag of the table of contents (Default: `RootTag`) |
|~MenuName |A unique name for the menu (Default: `Menu`)|
|Type |The type of menu, currently options are `Menu`, `TOC`, `TOC-Selective` and `TOC-Selective-Hierarchical` (Default: `Menu`) |
|~MenuTitle |This is the title displayed above the menu, not the name that is used to track the state of the menu. Two menus can have the same title and be independent, but if two menus share the same name they won't be independent of each other. (Default: No title shown) |
|~ShowSubtitle |If this is set as `Subtitle` than the subtitle field of the tiddler will be shown in the menu above the list of current menu items (Default: no subtitle shown) |
|~ShowBody |If this is set as `Body` than the body (text field) of the tiddler will be shown in the menu below the list of current menu items (Default: body not shown) |
|~ListField |If a value is given for `ListField` than the list in that field of each tiddler is used to determine what is listed in the corresponding sub-menu. If this is given it overrides anything given for `RootTag` (No default) |
''__Differences for the table of contents versions:__''
*Clicking on the tiddler name opens up the tiddler
*Clicking on the arrow icon moves through the table of contents just like in the normal menu version
*''Only `TOC-Selective` type'' - Icons only appear next to tiddlers that have children in the table of contents (I need to look at the core toc macros to see how they line up the tiddler names when there isn't an icon)
__How it works:__
You give the macro two parameters, `RootTag` and `MenuName`, the root tag determines the items that appear on the first level of the menu. `MenuName` is a unique name for that menu. You don't strictly need to have unique names, but if you don't than every menu that shares a name will change with all of the others. Both `RootTag` and `MenuName` have default values so just using `<<MakeMenu>>` will work if you are willing to have `RootTag` be your root tag.
The organization is the same as in the table of contents macros.
Initially you see the list of tiddlers with the root tag, when you click on one than the list is replaced by the tidders tagged with that item. If you are not at the root than a button labeled with {{$:/core/images/chevron-left}} and the name of the tiddler the current list is tagged with will appear at the top, clicking on this button will move you back one level.
Each entry displays the tiddler name with the content of the tiddler (if any) below the name, and below that a list of any tiddlers tagged with the current tiddler. So if you want something other than just the list of tagged tiddlers to show up just put it in the tiddler where you want it to display.
So to add entries to the menu just make a tiddler and tag it with either `Top Level` to put it on the root menu, or tag it with the appropriate tiddler.
__Some stuff:__
*You can have as many menus as you want by giving each one a unique name
*The menus display the contents of the caption field, if one exists in the tiddler, otherwise it uses the tiddler title.
*The menus will display the caption (or name) of the current tiddler, the subtitle below that, a list of the entries at that level below the subtitle and the contents of the tiddler body below that.
*The menu can go to an arbitrary depth, so add as many levels as you want
*The menu 'remembers' how you got to a where you are, so if you have the same entry two places in the menu when you back out you will go up the menu tree the same way you went down.
*I will probably change the names of things at some point
*This doesn't require the icon menus plugin, I just found it convenient to use the two together.
*I am not good with css, and the tiddlywiki popups go away after you click inside them once, so the floating menu uses a normal reveal to display. If anyone wants to help with the css to make that work nicer that would be awesome.
*I may add an option to let you specify a filter in place of a list, so you could give each tiddler a filter that would determine which tiddlers are listed under it.
''These examples look much better in context over at the [[demo site|http://ooktech.com/jed/ExampleWikis/Text%20Menus/]].''
Basic Menu:
```
<<MobileMenu "Wiki Examples" "BasicMenuExample">>
```
<<textSlider """Basic Menu Example""" """{{!!basic_menu_example}}""">>
---
Table of contents type menu
```
<<MobileMenu "Wiki Examples" "MobileTOCMenuExample" MenuType:TOC>>
```
<<textSlider """Table of Contents Menu Example""" """{{!!toc_menu_example}}""">>
---
Selectively expandable table of contents menu
```
<<MobileMenu "Contents" "MobileTOCMenuExample" MenuType:"TOC-Selective">>
```
<<textSlider """Selectively expandable Table of Contents Menu Example""" """{{!!selective_toc_menu_example}}""">>
A site showing off the mobile app-type menu macros I made. They can be used as a table of contents or a generic menu.
{{!!url}}
[[$:/themes/inmysocks/Mobile]]
|Name |<$view field='caption'/> |
|Type |<$view field='name_plate_type'/> |
|Description |<$view field='description'/> |
|URL |<a href={{!!url}} target='_blank'><$view field='url'/></a> |
There is a [[list of builtin CSS classes|Builtin CSS Classes]] for TiddlyWiki, modifying these classes can be useful.
There is a [[list of some relevant CSS properties]].
Examples here use styled define in [[Example Stylesheet]].
!WikiText CSS
WikiText inline css is marked with `@@`, so you could set text color like this
```
@@color:blue;
Some example text
@@
```
giving:
@@color:blue;
Some example text
@@
You can also use a stylesheet like this (see stylesheet-example-blue defined in [[Example Stylesheet]].):
```
@@.stylesheet-example-blue
Some example text
@@
```
giving:
@@.stylesheet-example-blue
Some example text
@@
Both of these can be done using the trigger actions plugin, but it would still be nice to have the built in functions.
* a version of the select widget that sets different values in each field. Maybe something that uses a data tiddler and when one field is set to the index name the other field is set to the stored value.
*A modified select widget that can trigger actions or send messages when it is used
<<bottomOfTiddler>>
A note about it should be put into learning tiddlywiki under lists
Oh look! You should be able to comment on this using muut. There are problems though. Namely, when a new tiddler is opened that has comments embedded in it, the comments won't show up. You have to load the page with the tiddler containing the comments open (using the permalink or permaview) in order for the script to be loaded properly. You may need to reload the page twice for it to work, I had to. Twitter has a function that reloads the javascript as needed which prevents this problem, I don't think that muut has it.
I am probably not leaving this demo up for long, I don't like having unmoderated comments. You can go over to the other demo site [[here|http://ooktech.com/jed/ExampleWikis/TiddlyWiki-muut/]]. I will leave that one up. People will comment whatever they want there and I probably won't ever check it.
<a class="muut" href="https://muut.com/i/inmysocks-tiddlywiki-muut-test/comments:2" type="dynamic">inmysocks-tiddlywiki-muut-test forum</a>
<script src="//cdn.muut.com/1/moot.min.js"></script>
<$list filter='[tag[My Demo Sites]]'>
</$list>
<table>
<tr>
<th>Name</th>
<th>Description</th>
<th>Link</th>
</tr>
<$list filter='[tag[My Editions]]'>
<tr>
<td><$link to=<<currentTiddler>>><$view field='title'/></$link></td>
<td><$view field='description'/></td>
<td>{{!!link}}</td>
</tr>
</$list>
</table>
Projects!
This is mostly so that I can keep track of them. I keep forgetting about things I have made or that I am working on.
<$list filter='[tag[My Project]]'>
</$list>
<table>
<tr>
<th>Name</th>
<th>Description</th>
<th>Demo Site</th>
<th>Install Link</th>
</tr>
<$list filter='[tag[My Macros]]'>
<tr>
<td><$link to=<<currentTiddler>>><$view field='title'/></$link></td>
<td><$view field='description'/></td>
<td>{{!!demo_site}}</td>
<td>{{!!install_link}}</td>
</tr>
</$list>
</table>
Plugins by me (click and drag the 'Plugin Tiddler' entry to your wiki to import them):
If you have any questions about my plugins the best thing to do is to go to the user feedback (click here {{Menu Icon - User Feedback}}) tiddler and submit a question.
If you are wondering if a plugin is up to date, here are the current plugin version numbers. The github links for the dashboard plugins all point to the TW5-NoLearningRequired-Full repo which contains all the tiddler used to make the plugins.
<table>
<$list filter='[tag[Plugin twCard]maintainer[inmysocks]each[category]]-[[Plugin Info Template]]'>
<tr><th>{{!!category}} Plugins</th><th></th><th></th><th></th><th></th><th></th></tr>
<tr><th>Name</th><th>Version</th><th>Date</th><th>Release</th><th>Description</th><th>Plugin Tiddler</th></tr>
<$set name=currentCategory value={{!!category}}>
<$list filter='[tag[Plugin twCard]maintainer[inmysocks]category<currentCategory>]' template=PlugintwCardDisplayTemplate2>
</$list>
</$set>
</$list>
</table>
The dashboard plugins are all demonstrated on the [[Dashboard]]
A simple example using the math plugins:
[[Dice Example]]
The booksmarks plugin idea is based partly on Jim Lemhers ideas in this thread: https://groups.google.com/forum/?nomobile=true#!topic/tiddlywiki/Fs4I4mQRLh0
<<bottomOfTiddler {{!!title}}>>
<table>
<tr>
<th>Name</th>
<th>Description</th>
<th>Install Link</th>
</tr>
<$list filter='[tag[My Widgets]]'>
<tr>
<td><$link to=<<currentTiddler>>><$view field='title'/></$link></td>
<td><$view field='description'/></td>
<td><$link to={{!!install_link}}><$view field='install_link'/></$link></td>
</tr>
</$list>
</table>
\define hoverBlurb(label)
<$hover popup="$:/state/$label$">
[[$label$]]
</$hover>
<$reveal type="popup" state="$:/state/$label$">
<div class="tc-drop-down">
<$view tiddler="$label$" field="blurb"/>
</div>
</$reveal>
\end
\define hoverTiddler(tiddler1,tiddler2)
<$hover popup="$:/state/$tiddler1$">
[[$tiddler1$]]
</$hover>
<$reveal type="popup" state="$:/state/$tiddler1$">
<div class="tc-drop-down">
{{$tiddler2$}}
</div>
</$reveal>
\end
\define hoverImageBlurb(tiddlerImage)
<$hover popup="$:/state/$tiddlerImage$">
[img [$tiddlerImage$]]
</$hover>
<$reveal type="popup" state="$:/state/$tiddlerImage$">
<div class="tc-drop-down">
<$view tiddler="$tiddlerImage$" field="blurb"/>
</div>
</$reveal>
\end
\define hoverData(label, datatiddler, field)
<$hover popup="$:/state/$label$">
__$label$__
</$hover>
<$reveal type="popup" state="$:/state/$label$">
<div class="tc-drop-down">
{{$datatiddler$##$field$}}
</div>
</$reveal>
\end
Because I am horrible at remaining consistent with this, I am going to list naming conventions here and stick to them.
!Tiddler names:
General rule: `$:/state/` prefix is used for (semi-)persistent states, like reveal states, select widgets or which tab is selected in a tabs macro. The `$:/temp/` prefix is used for form inputs and other non-persistent states. Any `$:/temp/` tiddler should be able to be deleted without any effects other than losing the information entered into forms.
*Non-system/non-shadow tiddlers: Capitalize the first letter of all words other than prepositions and articles
*System tiddlers: Where reasonable avoid spaces in the tiddler names. Use camel case for removing spaces from tiddler names and use underscores for field names.
*Tiddlers used to hold information typed into forms: The tiddler name should be in the form `$:/temp/(tiddler form name)` with the exited field corresponding to the use of the entered text. If there are multiple long inputs where editing a text field would be appropriate than use `$:/temp/(tiddler form name)/(field name)` to distinguish between them
*Tiddlers used to hold reveal states: should have names in the form `$:/state/reveal/(tiddlername)/(tiddler section, if any)` with further `(name)` parts added as needed to ensure unique names
*Plugin tiddlers: follow the standard form `$:/plugins/(username)/(pluginname)`
*System tiddlers used to hold data for other applications: use `$:/data/(application name)/(specific name)`, this means that `$:/data/BookAuthors` should be renamed `$:/data/LibraryTracker/BookAuthors`
*The various forms I have that allow you to add tags to tiddlers you will create (like the library tracker giving tags to books), those tags should be stored in the same `$:/temp/(tiddler form name)` tiddler as tags, unless there is a compelling reason otherwise.
!Macros
*Macro names should be camel case, that is they have no spaces, start with a lower case letter and each other word in the title should start with an uppercase letter.
*Non-global macro names should always start with `this`, and no global macros may start with `this`, to avoid the possibility that a global and local macro have the same name.
*Parameters in macro definitions should use camel case, but the first letter of the parameter name should be capitalized
!Variables
*Variables set by the set widget should always be in camel case and shouldn't start with `this`
.tag1_css a {
color:green;
}
.tag1_css a:hover {
color:orange;
}
.tag2_css a {
color:red;
}
.tag2_css a:hover {
color:black;
}
.tag3_css a {
color:yellow;
}
.tag3_css a:hover {
color:pink;
}
\define GetLinkClass()
$(TagUsed)$_css
\end
\define MakeNeatLinkEntry(tiddler tagUsed)
<$list filter='[[$tiddler$]tag[$tagUsed$]]'>
<$set name=TagUsed value=$tagUsed$>
<span class=<<GetLinkClass>>><$link to="$tiddler$">$tiddler$</$link></span>
</$set>
</$list>
\end
\define MakeBoringLinkEntry(tiddler)
<$list filter='[[$tiddler$]!tag[tag1]!tag[tag2]!tag[tag3]][[$tiddler$]!has[text]!has[tags]]'>
<$link to="$tiddler$">$tiddler$</$link>
</$list>
\end
\define NeatLink(tiddler)
<<MakeNeatLinkEntry """$tiddler$""" tag1>>
<<MakeNeatLinkEntry """$tiddler$""" tag2>>
<<MakeNeatLinkEntry """$tiddler$""" tag3>>
<<MakeBoringLinkEntry """$tiddler$""">>
\end
*Recipe book
*A reset button that clears the form inputs without you having to make a new whatever with the form, or clear them manually.
*Make the button that gets rid of the introduction set the current tabbed-toc page to something other than the introduction.
*Add an option to limit the size of the list in the dictionary part. It would just be a select or radio widget that picks a number to be used with a limit[n] addition to the filter.
*Add the 'no_edit' field to the new parts for the dashboard
*Use the task manager you made for the dashboard instead of this list. Why are you using this list when you have a nice tool you made for exactly this purpose?
|Name |<$view field='caption'/> |
|Type |<$view field='name_plate_type'/> |
|Description |<$view field='description'/> |
|URL |<a href={{!!url}} target='_blank'><$view field='url'/></a> |
Subjects:
<ul>
<$list filter='[[No Paper_Subjects]indexes[]]'>
<li><$view field='title'/></li>
</$list>
</ul>
Abstract:<br>
<$view tiddler={{!!abstract_tiddler}} field='text'/>
Bibtex:
---
<$macrocall $name=monoSpacedCodeBlock src={{No Paper_BibTex}}/>
---
@nonexistent{nothing,
author=noone,
year=never,
}
\define thisMakeTable()
<table>
<tr><td><<addNoteButton>></td><td><<addQuestionButton>> (Specific to this class, but not to any note)</td></tr>
<tr>
<td style='width:$(width1)$'>
<div class='tc-tiddler-frame' style='width:100%'>
<$list filter="""[is[system]note[true]class[$(className)$]]""" template=ClassNoteTemplate>
</$list>
</div>
</td>
<td style='width:$(width2)$'>
<div class='tc-tiddler-frame' style='width:100%'>
<$list filter="""[is[system]question[true]class[$(className)$]]""" template=ClassQuestionTemplate>
</$list>
</div>
</td>
</tr>
</table>
\end
\define thisNoteTiddler()
$:/notes/$(className)$: $(qualifyId)$
\end
\define thisQuestionTiddler()
$:/questions/$(className)$: $(qualifyId)$
\end
\define addNoteButton()
<$button>Add Note
<$action-setfield $field=qualify_id $value=<<now "DDth mmm hh:mm:0ss">>/>
<$action-setfield $tiddler=<<thisNoteTiddler>> note=true class="""$(className)$""" date="""$(currentDate)$"""/>
</$button>
\end
\define addQuestionButton()
<$button>Add Question
<$action-setfield $field=qualify_id $value=<<now "DDth mmm hh:mm:0ss">>/>
<$action-setfield $tiddler=<<thisQuestionTiddler>> question=true class="""$(className)$""" date="""$(currentDate)$""" for_note='No Specific Note'/>
</$button>
\end
<$reveal type="nomatch" state='$:/reveal/notetakingtestaddclass' text='addclass'>
Select Class: <$select field='selected_class' >
<$list filter='[school_class[true]]'>
<option value=<<currentTiddler>>><$view field='title'/></option>
</$list>
</$select>
(<$button set='$:/reveal/notetakingtestaddclass' setTo='addclass'>Add Class</$button>)
</$reveal>
<$reveal type="match" state='$:/reveal/notetakingtestaddclass' text='addclass'>
Class Name: <$edit-text tiddler='$:/state/notetakingtestaddclass' field='add_class_name'/><br>
<$button>
<$action-setfield $tiddler={{$:/state/notetakingtestaddclass!!add_class_name}} $field='school_class' $value='true'/>
<$action-setfield $tiddler='$:/state/notetakingtestaddclass' $field='add_class_name' $value=''/>
Add Class</$button>
<$button set='$:/reveal/notetakingtestaddclass' setTo='selectclass'>Done</$button>
</$reveal>
Note Width: <$edit-text tiddler='$/temp/notetakingtest1' field='width' size=10/> Question Width: <$edit-text tiddler='$/temp/notetakingtest2' field='width' size=10/>
''The `Add Question` button on the right adds a note with the class field filled in, the `Add Question for this Note` button adds a question with both the class field and the note field filled in so that you can select a note and get questions for it, or select a question and get the relevant note and have questions for a class that aren't associated with any specific note. I will get the searching stuff done eventually.''
<$set name=currentDate value=<<now "DDth mmm">>>
<$set name=qualifyId value={{!!qualify_id}}>
<$set name=className value={{!!selected_class}}>
<$set name=width1 value={{$/temp/notetakingtest1!!width}}>
<$set name=width2 value={{$/temp/notetakingtest2!!width}}>
<<thisMakeTable>>
</$set>
</$set>
</$set>
</$set>
</$set>
\define thisMakeTable()
<table>
<tr><td><<addNoteButton>></td><td><<addQuestionButton>> (Specific to this class, but not to any note)</td></tr>
<tr>
<td style='width:$(width1)$'>
<div class='tc-tiddler-frame' style='width:100%'>
<$list filter="""[is[system]note[true]class[$(className)$]]""" template=ClassNoteTemplate2>
</$list>
</div>
</td>
<td style='width:$(width2)$'>
<div class='tc-tiddler-frame' style='width:100%'>
<$list filter="""[is[system]question[true]class[$(className)$]]""" template=ClassQuestionTemplate2>
</$list>
</div>
</td>
</tr>
</table>
\end
\define thisNoteTiddler()
$:/notes/$(className)$: $(qualifyId)$
\end
\define thisQuestionTiddler()
$:/questions/$(className)$: $(qualifyId2)$
\end
\define addNoteButton()
<$button>Add Note
<$action-setfield $tiddler=<<thisNoteTiddler>> note=true class="""$(className)$""" date="""$(currentDate)$"""/>
<$action-setfield $tiddler=<<currentTiddler>> test=true/>
</$button>
\end
\define addQuestionButton()
<$button>Add Question
<$action-setfield $tiddler=<<thisQuestionTiddler>> question=true class="""$(className)$""" date="""$(currentDate)$""" for_note='No Specific Note'/>
<$action-setfield $tiddler=<<currentTiddler>> test=true/>
</$button>
\end
<$reveal type="nomatch" state='$:/reveal/notetakingtestaddclass' text='addclass'>
Select Class: <$select field='selected_class' >
<$list filter='[school_class[true]]'>
<option value=<<currentTiddler>>><$view field='title'/></option>
</$list>
</$select>
(<$button set='$:/reveal/notetakingtestaddclass' setTo='addclass'>Add Class</$button>)
</$reveal>
<$reveal type="match" state='$:/reveal/notetakingtestaddclass' text='addclass'>
Class Name: <$edit-text tiddler='$:/state/notetakingtestaddclass' field='add_class_name'/><br>
<$button>
<$action-setfield $tiddler={{$:/state/notetakingtestaddclass!!add_class_name}} $field='school_class' $value='true'/>
<$action-setfield $tiddler='$:/state/notetakingtestaddclass' $field='add_class_name' $value=''/>
Add Class</$button>
<$button set='$:/reveal/notetakingtestaddclass' setTo='selectclass'>Done</$button>
</$reveal>
Note Width: <$edit-text tiddler='$/temp/notetakingtest1' field='width' size=10/> Question Width: <$edit-text tiddler='$/temp/notetakingtest2' field='width' size=10/>
<$button>Refresh
<$action-setfield $field=test $value=true/>
</$button>
''The `Add Question` button on the right adds a note with the class field filled in, the `Add Question for this Note` button adds a question with both the class field and the note field filled in so that you can select a note and get questions for it, or select a question and get the relevant note and have questions for a class that aren't associated with any specific note. I will get the searching stuff done eventually.''
<$storecount $filter='[is[system]class{!!selected_class}note[true]]' $tiddler=<<currentTiddler>> $field=note_count/>
<$storecount $filter='[is[system]class{!!selected_class}question[true]]' $tiddler=<<currentTiddler>> $field=question_count/>
<$set name=currentDate value=<<now "DDth mmm">>>
<$set name=qualifyId value={{!!note_count}}>
<$set name=qualifyId2 value={{!!question_count}}>
<$set name=className value={{!!selected_class}}>
<$set name=width1 value={{$/temp/notetakingtest1!!width}}>
<$set name=width2 value={{$/temp/notetakingtest2!!width}}>
<<thisMakeTable>>
</$set>
</$set>
</$set>
</$set>
</$set>
There are a bunch of places, it may take some effort to find them all
I should have noticed this during testing. Bleh.
<meta property="og:title" content="Wiki Reference Wiki"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="http://inmysocks.tiddlyspot.com/"/>
<meta property="og:description" content="A wiki containing examples of how to make the wiki do stuff. Wiki wiki wiki. I like saying wiki. wiki."/>
This sets the order field of tiddlers tagged with a selected tag.
Select tag: <$select tiddler='$:/state/Ordering Things' field='selected_tag'><$list filter='[!is[system]tags[]sort[title]]'><option><<currentTiddler>></option></$list></$select>
<table>
<tr><th>Tiddler</th><th>Order</th></tr>
<$list filter='[tag{$:/state/Ordering Things!!selected_tag}]'>
<tr><td style='width:100%'><$view field='title'/></td><td><$edit-text field='order' size=5/></td></tr>
</$list>
</table>
Subjects:
<ul>
<$list filter='[[Other paper_Subjects]indexes[]]'>
<li><$view field='title'/></li>
</$list>
</ul>
Abstract:<br>
<$view tiddler='Other paper_Abstract' field='text'/>
Bibtex:
---
<$macrocall $name=monoSpacedCodeBlock src={{Other paper_BibTex}}/>
---
@SOMETHING{
title={Other Paper},
author={some guy},
}
Community Search:
*https://rawgit.com/erwanm/tw-aggregator/master/tw-community-search.html - a search for tiddlers from many excellent sources (and this site). Very useful.
Much of the content of this wiki was borrowed or derived from these other excellent sources:
*http://www.tiddlywiki.com - The tiddlywiki page. If you managed to get here without knowing about it I am a bit impressed.
*http://twaddle.tiddlyspot.com/ - TWaddle a page full of the thoughts and experiments about TiddlyWiki
*http://tw5magick.tiddlyspot.com/ - a good collection of tips, the start of the contacts example from here.
*http://tiddlystuff.tiddlyspot.com/ - I don't know if i borrowed any of the content from here, but it was a good resource for learning
*https://groups.google.com/forum/#!forum/tiddlywiki - the tiddlywiki google group. The people there are very helpful, and generally pretty fast answering questions.
*http://braintest.tiddlyspot.com/ - The hoverwidget comes from here, as well as some other examples.
*http://thediveo.github.io/TW5FontAwesome/output/fontawesome.html# - the font awesome plugin
*http://tb5.tiddlyspot.com/#GettingStarted - Probably the most comprehensive reference for how to do things in tiddlywiki. It is set up as more of a reference than a tutorial, so it may be more helpful once you understand tiddlywiki a bit. Then it is one of the most useful places to look. The listed resources here ( http://tb5.tiddlyspot.com/#References ) cover just about everything that people have worked out how to do with TiddlyWiki (publicly anyway), so looking there is probably more useful than looking at this list.
*http://tongerner.tiddlyspot.com/# - a tiddlywiki page with plenty of interesting customizations
*http://ooktech.com/iconmenus/ - Icon menus for tiddlywiki, I made this one. It is an alternate menu interface that can be put on top of the basic tiddlywiki themes.
I am certain that there are other sources that I have forgotten. I will add more as I find or remember them.
If you know of a good resource I should add or see that I copied something and missed giving proper credit please email me at inmysocks (at) gmail (dot) com. There are many very good resources and I would like to make sure that everyone gets credit for their work.
If you have questions that aren't specifically about this reference you should probably post to the google group since they will almost certainly be more helpful and quicker to answer than I would be.
<<tabs "[[Search by field content]] [[Search all fields by content]]">>
\define my-toc-selective-expandable(tag,sort:"",itemClassFilter)
<ol class="tc-toc toc-selective-expandable">
<$list filter="[all[shadows+tiddlers]tag[$tag$]!has[draft.of]$sort$]">
<$list filter="[all[current]toc-link[no]]" variable="ignore" emptyMessage="<<my-toc-linked-selective-expandable-body tag:'$tag$' sort:'$sort$' itemClassFilter:'$itemClassFilter$'>>">
<<my-toc-unlinked-selective-expandable-body tag:"""$tag$""" sort:"""$sort$""" itemClassFilter:"""$itemClassFilter$""">>
</$list>
</$list>
</ol>
\end
\define my-toc-unlinked-selective-expandable-body(tag,sort:"",itemClassFilter)
<$set name="toc-state" value=<<qualify "$:/state/toc/$tag$-$(currentTiddler)$">>>
<$set name="toc-item-class" filter="""$itemClassFilter$""" value="toc-item-selected" emptyValue="toc-item">
<li class=<<toc-item-class>>>
<$list filter="[all[current]tagging[]limit[1]]" variable="ignore" emptyMessage="<$button class='tc-btn-invisible'>{{$:/core/images/blank}}</$button> <$view field='caption'><$view field='title'/></$view>">
<$reveal type="nomatch" state=<<toc-state>> text="open">
<$button set=<<toc-state>> setTo="open" class="tc-btn-invisible">
<<toc-caption>>
</$button>
</$reveal>
<$reveal type="match" state=<<toc-state>> text="open">
<$button set=<<toc-state>> setTo="close" class="tc-btn-invisible">
<<toc-caption>>
</$button>
</$reveal>
</$list>
<$reveal type="match" state=<<toc-state>> text="open">
<$macrocall $name="""toc-selective-expandable""" tag=<<currentTiddler>> sort="""$sort$""" itemClassFilter="""$itemClassFilter$"""/>
</$reveal>
</li>
</$set>
</$set>
\end
\define my-toc-linked-selective-expandable-body(tag,sort:"",itemClassFilter)
<$set name="toc-state" value=<<qualify "$:/state/toc/$tag$-$(currentTiddler)$">>>
<$set name="toc-item-class" filter="""$itemClassFilter$""" value="toc-item-selected" emptyValue="toc-item">
<li class=<<toc-item-class>>>
<$link>
<$list filter="[all[current]tagging[]limit[1]]" variable="ignore" emptyMessage="<$button class='tc-btn-invisible'>{{$:/core/images/blank}}</$button>">
<$reveal type="nomatch" state=<<toc-state>> text="open">
<$button set=<<toc-state>> setTo="open" class="tc-btn-invisible">
{{$:/settings/TableOfContentsSettings!!closed_image}}
</$button>
</$reveal>
<$reveal type="match" state=<<toc-state>> text="open">
<$button set=<<toc-state>> setTo="close" class="tc-btn-invisible">
{{$:/settings/TableOfContentsSettings!!open_image}}
</$button>
</$reveal>
</$list>
<<toc-caption>>
</$link>
<$reveal type="match" state=<<toc-state>> text="open">
<$macrocall $name="my-toc-selective-expandable" tag=<<currentTiddler>> sort="""$sort$""" itemClassFilter="""$itemClassFilter$"""/>
</$reveal>
</li>
</$set>
</$set>
\end
<$checkbox tiddler='Black Line' tag='$:/tags/ViewTemplate'>Show Horizontal Rule Under Tiddler Titles</$checkbox><br>
<$checkbox tiddler='$:/core/ui/PageTemplate/sidebar' tag='$:/tags/PageTemplate'>Toggle Old Sidebar</$checkbox> (This only hides the menu, it doesn't change the size of the tiddlers)
<$list filter='[tag[Jed Carty (inmysocks)]tag[<Name Plate>]name_plate_type[TiddlyWiki]has[category]each[category]get[category]]' variable=Category>
<h1><<Category>></h1>
<$list filter='[tag[Jed Carty (inmysocks)]tag[<Name Plate>]name_plate_type[TiddlyWiki]category<Category>]' template=SiteNamePlateDisplayTemplate>
</$list>
</$list>
Making it a plugin makes things easier for people using it and upgrading it.
and it would let us do recurring events
Paragraphs are separated in WikiText by blank lines.
Otherwise linebreaks are ignored.
```
This will show
up
as having
linebreaks wherever the browser
fits them in
```
renders as
This will show
up
as having
linebreaks wherever the browser
fits them in
```
This will show paragraph breaks
wherever there is a blank line
like that
```
renders as:
This will show linebreaks
wherever there is a blank line
like that
<<bottomOfTiddler {{!!title}}>>
People are working on making a social network type thing using TiddlyWiki. This is a crude start to how connecting to people on that hypothetical network may work. Each person/page would have a <<NamePlate>> that contained information about where their wiki is located and whatever is needed to pull information from that wiki. It would probably also contain other small bits of biographical or contact information about the person similar to a social networks profile. This idea is being promoted by [[Rich Shumaker]] and is best articulated at his site [[<Name Plate>@TiddlyWiki Hangouts|http://www.richshumaker.com/tw5/TiddlyWiki-Hangouts.html#%3CName%20Plate%3E]]
This idea is pretty new and needs to be fleshed out a lot, so input is appreciated. The best place to give this input would be on the [[google group page|https://groups.google.com/forum/#!forum/tiddlywiki]].
Note that due to html syntax if you just put the text `<Name Plate>` in a tiddler it wouldn't show up as anything, so I made a macro called [[NamePlate|<Name Plate> Macro]] that will display <<NamePlate>> anywhere you put `<<NamePlate>>`.
Because a single person could have multiple sites they could have site <<NamePlate>>s tagged with their name. These site nameplates would probably be the part that contains the information for pulling information form the site.
People:
<$list filter='[tag[people]]'>
</$list>
This is a horribly clunky way to do it, when version 5.1.8 comes out this will be much simpler.
This picks {{$:/state/Pick a Random Subset from a List!!limit}} random tiddlers from a list of tiddlers. I want to find a way to have this work
Number of tiddlers to pick <$select tiddler='$:/state/Pick a Random Subset from a List' field='limit'><$list filter='1 2 3 4 5 10 20 30 40 50'><option><<currentTiddler>></option></$list></$select>
<$button>Pick Tiddlers!
<$action-randval $tiddler='List Item 1' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 2' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 3' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 4' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 5' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 6' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 7' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 8' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 9' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 10' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 11' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 12' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 13' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 14' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 15' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 16' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 17' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 18' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 19' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 20' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 21' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 22' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-setfield dummy=1/>
</$button>
<$list filter='[tag[List Item]sort[sort_field]limit{$:/state/Pick a Random Subset from a List!!limit}]'>
</$list>
code:
```
This picks {{$:/state/Pick a Random Subset from a List!!limit}} random tiddlers from a list of tiddlers. I want to find a way to have this work
Number of tiddlers to pick <$select tiddler='$:/state/Pick a Random Subset from a List' field='limit'><$list filter='1 2 3 4 5 10 20 30 40 50'><option><<currentTiddler>></option></$list></$select>
<$button>Pick Tiddlers!
<$action-randval $tiddler='List Item 1' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 2' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 3' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 4' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 5' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 6' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 7' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 8' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 9' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 10' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 11' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 12' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 13' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 14' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 15' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 16' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 17' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 18' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 19' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 20' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 21' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-randval $tiddler='List Item 22' $field='sort_field' $lower=1 $upper='100' step='1' numrolls='1'/>
<$action-setfield dummy=1/>
</$button>
<$list filter='[tag[List Item]sort[sort_field]limit{$:/state/Pick a Random Subset from a List!!limit}]'>
</$list>
```
If you see something wrong on this list, or have a plugin that should be included in this list please let me know either by email or by leaving a message using the feedback button in the upper left corner of the wiki (or click here: {{Menu Icon - User Feedback}}).
This list is one of the sources used for the list of plugins on the community search site [[here|http://erwanm.github.io/tw-community-search/#CommunityPlugins]]. If you can't find what you are looking for here that is a good place to look.
<<tabs "[[twCard Listing - Plugins]][[Make Plugin twCard]][[Update Plugin twCard]][[Tiddlers Used for twCards]][[A Note to Plugin Authors]]">>
<$set name=pluginTitle filter='[<currentTiddler>get[title]]+[removeprefix[TWcard - Plugin - ]]'>
<tr><td><$view field=name/></td><td>{{!!revision}} </td><td>{{!!date}}</td><td><$view field=maintainer/></td><td>{{!!short_description}}</td><td>{{!!wiki}}</td></tr>
</$set>
<$set name=pluginTitle filter='[<currentTiddler>get[title]]+[removeprefix[twCard - Plugin - ]]'>
<tr><td><$view field='name'/></td><td>{{!!revision}} </td><td>{{!!date}}</td><td>{{!!release}}</td><td>{{!!short_description}}</td><td><$link to={{!!plugin_tiddler}}><$view field='plugin_tiddler'/></$link></td></tr>
</$set>
You can make a button that when pressed will make some content pop up. The content can be anything that can be included in a tiddler. There may be weird behavior from including images.
Example code:
```
<$button popup="$:/SamplePopupState">Pop me up!</$button>
<$reveal type="popup" state="$:/SamplePopupState">
<div class="tc-drop-down">
!Look Text!
some text here too
and an image
[img [PrinnySpin]]
</div>
</$reveal>
```
displays as
<$button popup="$:/SamplePopupState">Pop me up!</$button>
<$reveal type="popup" state="$:/SamplePopupState">
<div class="tc-drop-down">
!Look Text!
some text here too
and an image
[img [PrinnySpin]]
</div>
</$reveal>
The `Width/Font Size` button in the upper left uses this.
<<bottomOfTiddler {{!!title}}>>
You can make a button that makes an image or tiddler pop up. In the following code replace where it says `PrinnySpin` or `Quadratic Formula` after where it says `param = ` with the tiddler you want to pop up and change where it says `Prinny!` or `Show the Quadratic Formula` before the `</$button>` part with what you want the button to say.
Here is the code:
```
<$button message ="tm-modal" param="PrinnySpin">Prinny!</$button>
```
which gives:
<$button message ="tm-modal" param="PrinnySpin">Prinny!</$button>
```
<$button message ="tm-modal" param="Quadratic Formula">Show the Quadratic Formula</$button>
```
which gives:
<$button message ="tm-modal" param="Quadratic Formula">Show the Quadratic Formula</$button>
<<bottomOfTiddler {{!!title}}>>
Demo site: http://ooktech.com/jed/ExampleWikis/Text%20Menus/upgrade.html
The popups use these two tiddlers:
*[[$:/macros/inmysocks/Popout Menu Macro]]
*[[$:/macros/inmysocks/Popout Menu Macro/Default Styles]]
This tiddler (along with the ribbon) was copied from http://www.richshumaker.com/tw5/TiddlyWiki-Hangouts.html I have made no modifications to it other than adding this message. I think it was originally created by Felix (see the link below).
"""
Here are the files you need to put in your TW to have Powered by ~TiddlyWiki show up as it does on this site Make sure to back up before trying anything new(just in case).
[[$:/plugins/tiddlywiki/github-fork-ribbon/readme]]
[[$:/plugins/tiddlywiki/github-fork-ribbon/styles]]
[[$:/_MyRibbon]]
"""
Here are the modifications to $:/_MyRibbon
```
<div class="github-fork-ribbon-wrapper right">
<div class="github-fork-ribbon" style="background-color:#DF4848;">
<a href="http://tiddlywiki.com">Powered by ~TiddlyWiki</a>
</div>
</div>
```
Thanks to the help of Everyone on the [[Google Groups and specifically Felix|https://groups.google.com/forum/#!topic/tiddlywiki/4yvBIdVn3fo]].
Here is how to add 'Powered by ~TiddlyWiki' to your TW5 site. I think the idea of a dedicated button that could be customized would be very cool.
Yep.
That is store the settings in a non-shadow tiddler. Like $:/settings/Library Tracker/settings or something
[[$:/plugins/inmysocks/QuickNotes]]
Documentation coming at some point. I hope. If I did things correctly not much should be needed. See [[Dashboard]] for how to import the plugin.
<<bottomOfTiddler>>
<$list filter='[[$:/data/Random Background URL List]indexes[]nth{$:/state/Random Background!!number}]' variable=ThisIndex>
<$button tooltip='Change Background Image'>Change Background
<$action-storecount $filter='[[$:/data/Random Background URL List]indexes[]]' $tiddler='$:/state/Random Background' $field='total_num'/>
<$action-randval $tiddler='$:/state/Random Background' $field='number' $lower=1 $upper={{$:/state/Random Background!!total_num}} $step=1 $numrolls=1/>
<$action-setfield $tiddler='$:/state/Random Background' $field=text $value=<<ThisIndex>>/>
</$button>
</$list>
html body.tc-body { background: url({{$:/state/Random Background}}) no-repeat center center fixed; background-size: cover; height: 100%;}
The things on this list are supposed to be immediately interesting. This list is a random selection of 5 items from the [[full list|List of Awesome Things]]. There may be duplicates, it is updated every time the wiki is loaded.
<$list filter='[tag[Awesome Thing]sort[title]nth{$:/state/Awesome Things Listing!!first}]'>
<$link to=<<currentTiddler>>><$view field='title'/></$link> - <$transclude field='description'/> (<a href={{!!url}}>Go to site</a>)
</$list>
<$list filter='[tag[Awesome Thing]sort[title]nth{$:/state/Awesome Things Listing!!second}]'>
<$link to=<<currentTiddler>>><$view field='title'/></$link> - <$transclude field='description'/> (<a href={{!!url}}>Go to site</a>)
</$list>
<$list filter='[tag[Awesome Thing]sort[title]nth{$:/state/Awesome Things Listing!!third}]'>
<$link to=<<currentTiddler>>><$view field='title'/></$link> - <$transclude field='description'/> (<a href={{!!url}}>Go to site</a>)
</$list>
<$list filter='[tag[Awesome Thing]sort[title]nth{$:/state/Awesome Things Listing!!fourth}]'>
<$link to=<<currentTiddler>>><$view field='title'/></$link> - <$transclude field='description'/> (<a href={{!!url}}>Go to site</a>)
</$list>
<$list filter='[tag[Awesome Thing]sort[title]nth{$:/state/Awesome Things Listing!!fifth}]'>
<$link to=<<currentTiddler>>><$view field='title'/></$link> - <$transclude field='description'/> (<a href={{!!url}}>Go to site</a>)
</$list>
Examples of this can be seen [[here|http://ooktech.com/jed/externalbrain/]] and [[here|http://ooktech.com/jed/ExampleWikis/StartupActions/]].
If you would like you can just import the following tiddlers and ignore the rest:
*[[$:/data/Random Background URL List]]
*[[$:/plugins/inmysocks/randVal]]
*[[$:/plugins/inmysocks/MathyThing/action-storecount.js]]
*[[Random Background CSS]]
*The state tiddler will be created the first time you cilck the update button.
*If you want a button to change the background:
**[[Random Background Button]]
*If you want the background to change each time the wiki is loaded (''Will only work with version 5.1.8 and above''):
**[[$:/plugins/inmysocks/StartupActions]] - Note: this may become part of the core, if that happens you should delete this plugin when you upgrade your wiki.
**[[$:/scripts/Change Background on Startup]] - When you import this tiddler you need to give it the tag `$:/tags/StartupAction` in order for it to work.
!How to make your own
This requires a few things:
*A list of potential background image urls
*The [[randVal plugin|RandVal Plugin]]
*A state tiddler
*A css tiddler
*The [[action-storecount widget|MathyThing - action-storecount Widget]]. The action-storecount widget is part of the [[MathyThing Plugin]], but due to some problems with other widgets in that plugin it may be best to just import [[$:/plugins/inmysocks/MathyThing/action-storecount.js]] by itself.
What to do:
*Create a data tiddler that lists the picture urls. The example data tiddler for this is [[$:/data/Random Background URL List]].
*Create the css tiddler (it can have any name, but must be tagged with `$:/tags/Stylesheet` and must __NOT__ have the type set to text/css, just leave the type field empty or the transclusion won't work.
**<div>
```
html body.tc-body { background: url({{$:/state/Random Background}}) no-repeat center center fixed; background-size: cover; height: 100%;}
```
</div>
*''If you want a button'' - Create the update button, you can transclude the tiddler with the button in it anywhere and clicking on the button will update the background. You can also change the button text or css class. Button code:
**<div>
```
<$list filter='[[$:/data/Random Background URL List]indexes[]nth{$:/state/Random Background!!number}]' variable=ThisIndex>
<$button class='tc-btn-invisible' tooltip='Change Background Image'>Change Background
<$action-storecount $filter='[[$:/data/Random Background URL List]indexes[]]' $tiddler='$:/state/Random Background' $field='total_num'/>
<$action-randval $tiddler='$:/state/Random Background' $field='number' $lower=1 $upper={{$:/state/Random Background!!total_num}} $step=1 $numrolls=1/>
<$action-setfield $tiddler='$:/state/Random Background' $field=text $value=<<ThisIndex>>/>
</$button>
</$list>
```
</div>
**Then when that button is pressed the url listed in `$:/state/Random Background` is updated to a random entry from [[$:/data/Random Background URL List]]
*''If you want the background to change everytime the wiki is loaded'' (this may only work in version 5.1.8 and up, I need to test it some more.)
**Import the startup actions plugin: [[$:/plugins/inmysocks/StartupActions]]
**Create a tiddler tagged with `$:/tags/StartupAction` with the following code in the text field:<div>
```
<$list filter='[[$:/data/Random Background URL List]indexes[]nth{$:/state/Random Background!!number}]' variable=ThisIndex>
<$action-storecount $filter='[[$:/data/Random Background URL List]indexes[]]' $tiddler='$:/state/Random Background' $field='total_num'/>
<$action-randval $tiddler='$:/state/Random Background' $field='number' $lower=1 $upper={{$:/state/Random Background!!total_num}} $step=1 $numrolls=1/>
<$action-setfield $tiddler='$:/state/Random Background' $field=text $value=<<ThisIndex>>/>
</$list>
```
</div>
<<bottomOfTiddler>>
There is a github repo for this plugin [[here|https://github.com/inmysocks/TW5-randVal]]
The RandVal plugin imports a javascript macro and a widget that allow you to generate random numbers.
You need to import [[$:/plugins/inmysocks/randVal]] to use this.
The widget is a modification of the action-setfield widget that sets a field to a random value. The syntax is:
```
<$action-randval $tiddler=tiddlerName $field=fieldName $lower=lowerBound $upper=upperBound $step=stepSize $numrolls=numRolls $prefix=prefixString $length=minLength/>
```
|!Attribute |!Description |
|$lower |The lower bound of the random numbers generated, defaults to 1. |
|$upper |The upper bound on the random numbers generated, defaults to 6. |
|$step |The step size of the random numbers generated (that is all random numbers will be in the form rand = lowerBound+n*stepSize where n is an integer and lowerBound <= rand <= upperBound) stepSize defaults to 1 (so integer outputs). If stepSize > upperBound-lowerBound than the output will always be lowerBound |
|$numrolls |The number of times to roll a random number and sum the results, defaults to 1 if no value is given. |
|$tiddler |The tiddler that will contain the random value, defaults to `<<currentTiddler>>` |
|$field |The field of the specified tiddler that will hold the random value, defaults to `store_field`. |
|$prefix |An optional prefix to the appended to the front of the output number. No default. |
|$length |The minimum length of the output, if the output would be shorter than this than zero padding is used. This will not shorten the output. |
This widget can be triggered by a button or anything else that can trigger action widgets. When called this widget will set the value of the specified field to a random number between lowerBound and upperBound.
!Default Values
* The step size `$step` defaults to 1, which will return integers in the specified range (if the lowerBound is set to an integer, see the readme for details [[$:/plugins/inmysocks/randVal/readme]]).
* The lower bound `$lower` defaults to 1
* The upper bound `$upper` defaults to 6
* The number of random numbers to roll `$numrolls` defaults to 1
* The tiddler name `$tiddler` defaults to `<<currentTiddler>>`
There is no default value for `$field`. If you use the widget with only the `$field` value set it is equivalent to rolling a single 6 sided die.
''Only `$numrolls` needs to be a positive integer. For the other inputs non-integer and/or negative values work as expected.''
!A simple example:
Code:
```
<$button>Simple Example
<$action-randval $field='test_field'/>
</$button>
{{!!test_field}}
```
Result:
<$button>Simple Example
<$action-randval $field='test_field'/>
</$button>
{{!!test_field}}
!A more complex example:
Code:
```
Lower Bound: <$edit-text tiddler='$:/temp/randvaltest' field='lower_bound'/><br>
Upper Bound: <$edit-text tiddler='$:/temp/randvaltest' field='upper_bound'/><br>
Step Size: <$edit-text tiddler='$:/temp/randvaltest' field='step_size'/><br>
Number of Rolls: <$edit-text tiddler='$:/temp/randvaltest' field='num_rolls'/><br>
<$button>Roll the Dice
<$action-randval $tiddler='RandVal Plugin' $field='test_field2' $lower={{$:/temp/randvaltest!!lower_bound}} $upper={{$:/temp/randvaltest!!upper_bound}} $step={{$:/temp/randvaltest!!step_size}} $numrolls={{$:/temp/randvaltest!!num_rolls}}/>
</$button>
{{!!test_field2}}
```
Result:
Lower Bound: <$edit-text tiddler='$:/temp/randvaltest' field='lower_bound'/><br>
Upper Bound: <$edit-text tiddler='$:/temp/randvaltest' field='upper_bound'/><br>
Step Size: <$edit-text tiddler='$:/temp/randvaltest' field='step_size'/><br>
Number of Rolls: <$edit-text tiddler='$:/temp/randvaltest' field='num_rolls'/><br>
<$button>Roll the Dice
<$action-randval $tiddler='RandVal Plugin' $field='test_field2' $lower={{$:/temp/randvaltest!!lower_bound}} $upper={{$:/temp/randvaltest!!upper_bound}} $step={{$:/temp/randvaltest!!step_size}} $numrolls={{$:/temp/randvaltest!!num_rolls}}/>
</$button>
{{!!test_field2}}
!A more useful example:
This will open a random tiddler from the `Wiki Examples` section of this wiki. It uses the `action-storecount` widget from the [[MathyThing Plugin]]
The code:
```
<$list filter='[all[]!is[system]nth{!!random_value}]'>
<$button>
<$action-storecount $filter='[all[]!is[system]]' $tiddler='RandVal Plugin' $field='upper_bound'/>
<$action-randval $tiddler='RandVal Plugin' $field='random_value' $lower=1 $upper={{RandVal Plugin!!upper_bound}} $step=1/>
<$action-navigate $to=<<currentTiddler>>/>
Open Random Tiddler
</$button>
</$list>
```
Will make a button that will open a random non-system tiddler.
It renders as (press the button):
<$list filter='[all[]!is[system]nth{!!random_value}]'>
<$button>
<$action-storecount $filter='[all[]!is[system]]' $tiddler='RandVal Plugin' $field='upper_bound'/>
<$action-randval $tiddler='RandVal Plugin' $field='random_value' $lower=1 $upper={{RandVal Plugin!!upper_bound}} $step=1/>
<$action-navigate $to=<<currentTiddler>>/>
Open Random Tiddler
</$button>
</$list>
!!Quirks:
If you use this the way it is demonstrated in the last example the tiddler that is opened will be based on the current value of the field, then the field will be updated with a new random value. So it doesn't generate a random value and then open a tiddler based on that value, it uses the previous random value and then generates a new one.
This means that the first time you press it nothing will happen unless you initialize the value stored in your field.
You can probably get around this somehow, but that is how it works in this example.
<<bottomOfTiddler {{!!title}}>>
The RandVal plugin contains:
*The action-randVal widget - an action widget that returns a random value based on the passed parameters
Plugin tiddler: $:/plugin/inmysocks/rangewidget/range.js
Github: not set up yet
Usage:
```
<$range tiddler=someTiddler field=someField min=minValue max=maxValue step=stepSize class=someCSSClass/>
```
or
```
<$range tiddler=someTiddler index=someIndex min=minValue max=maxValue step=stepSize class=someCSSClass/>
```
Inputs:
|!Name |!Description |
|tiddler |The tiddler to store the value set by the range widget. |
|field |The field to store the value |
|index |The data tiddler index to store the value |
|min |The minimum value of the widget |
|max |The maximum value of the widget |
|step |The step size used by the widget |
|class |An optional CSS class for the widget |
!!Examples:
```
<$range tiddler='$:/state/Range Widget Plugin/demo' field='demo_field' min=1 max=50 step=1/> The current value is {{$:/state/Range Widget Plugin/demo!!demo_field}}
```
<$range tiddler='$:/state/Range Widget Plugin/demo' field='demo_field' min=1 max=50 step=1/> The current value is {{$:/state/Range Widget Plugin/demo!!demo_field}}
```
<$range tiddler='$:/state/Range Widget Plugin/demo' field='demo_field2' min=-100 max=100 step=10/> The current value is {{$:/state/Range Widget Plugin/demo!!demo_field2}}
```
<$range tiddler='$:/state/Range Widget Plugin/demo' field='demo_field2' min=-100 max=100 step=10/> The current value is {{$:/state/Range Widget Plugin/demo!!demo_field2}}
\define thisDisplayChangeLogEntry()
{{$:/data/Change Log##$(ThisEntry)$}} - <$view tiddler=<<ThisEntry>> field='title'><br>
\end
Show the <$select tiddler='$:/state/Recent Changes' field='num_recent_entries'>
<$list filter="0 10 20 30 40">
<option><<currentTiddler>></option>
</$list>
</$select> most recent manual entries:
<$list filter='[[$:/data/Change Log]indexes[]limit{$:/state/Recent Changes!!num_recent_entries}]' variable=ThisEntry>
<<thisDisplayChangeLogEntry>><br>
</$list>
Show the <$select tiddler='$:/state/Recent Changes' field='num_recent_tiddlers'>
<$list filter="0 10 20 30 40">
<option><<currentTiddler>></option>
</$list>
</$select> most recently modified tiddlers:
<$list filter='[!is[system]has[modified]!sort[modified]limit{$:/state/Recent Changes!!num_recent_tiddlers}]-[[What to do]]'>
<$link to=<<currentTiddler>>><$view field='title'/></$link> - Modified on: <$view field='modified'/><br>
</$list>
http://ooktech.com/jed/ExampleWikis/ResumeBuilderWiki/
It should all work, but make sure.
I am bad at writing these things.
''Rich Shumaker'' [img[http://www.richshumaker.com/images/selfportrait1th.jpg]] <<linkimg RichShumakerNamePlate.png RichShumakerNamePlate.png "RichShumakerNamePlate" height="76">>
"""
{{Rich Shumaker.m4a}}
--''Email''--
Rich Shu ma k er -At- G mail Dot Com - Crazy format to avoid the spiders of the web that spam-a-lot
--''Phone''--
Call me and I will let you know if you are talking to me, #heheh. - It would be cool if we could encrypt this and give people the 'passcode' to decrypt it.
--''~TiddlyWiki 5 Stuff on the Net''--
[[5 Steps to TW5|http://www.richshumaker.com/tw5/FiveStepsToTiddlyWiki5.htm]] - This is my attempt to get a TiddlyWiki NOOB up and running
[[LegacyCd Virtual|http://www.contactjuggling.com/LegacyCd.html]] - Currently in Beta - Release date is set for 5-5-15 - 10 years after the original ~LegacyCd Release
[[This Site - TiddlyWiki-Hangouts|http://www.richshumaker.com/tw5/TiddlyWiki-Hangouts.html]]
--''~TiddlyWiki Classic on the Net''--
[[Dream Machine|http://dreammachine.tiddlyspot.com/]] - Currently working on updating this using TW5
--''Not Yet TW Sites''--
[[Rich Shumaker F(V)anity Site|http://www.RichShumaker.com]]
[[Contact Juggling Dot Com|http://www.contactjuggling.com]]
--''Social Site''--
[[Twitter|https://twitter.com/richshumaker]]
[[YouTube|http://www.YouTube.com/richshumaker]]
[[Google +|https://plus.google.com/102360582405563354873/posts]]
--''Social Sites I don't use enough''--
Facebook
Instagram
--''Almost Archived Social Sites''--
~MySpace
Tribe
~LiveJournal
Del.ic.ous
Deviant Art
Tumblr
I am sure I have forgotten some for sure
"""
!!!__Tiddlers with Rich Shumaker Tags__
{{{ [tag[Rich Shumaker]] }}}
```
Below is the code for the above - I am trying to standardize this stuff so knowing what I did will help to make this more consistent for everyone
--Start of Rich Shumaker [[<Name Plate>]]--
''Rich Shumaker'' [img[http://www.richshumaker.com/images/selfportrait1th.jpg]] <<linkimg RichShumakerNamePlate.png RichShumakerNamePlate.png "RichShumakerNamePlate" height="76">>
"""
{{Rich Shumaker.m4a}}
--''Email''--
Rich Shu ma k er -At- G mail Dot Com - Crazy format to avoid the spiders of the web that spam-a-lot
--''Phone''--
Call me and I will let you know if you are talking to me, #heheh. - It would be cool if we could encrypt this and give people the 'passcode' to decrypt it.
--''~TiddlyWiki 5 Stuff on the Net''--
[[5 Steps to TW5|http://www.richshumaker.com/tw5/FiveStepsToTiddlyWiki5.htm]] - This is my attempt to get a TiddlyWiki NOOB up and running
[[LegacyCd Web|http://www.contactjuggling.com/LegacyCd.html]] - Currently in Beta - Release date is set for 5-5-15 - 10 years after the original ~LegacyCd Release
[[This Site - TiddlyWiki-Hangouts|http://www.richshumaker.com/tw5/TiddlyWiki-Hangouts.html]]
--''~TiddlyWiki Classic on the Net''--
[[Dream Machine|http://dreammachine.tiddlyspot.com/]] - Currently working on updating this using TW5
--''Not Yet TW Sites''--
[[Rich Shumaker F(V)anity Site|http://www.RichShumaker.com]]
[[Contact Juggling Dot Com|http://www.contactjuggling.com]]
--''Social Site''--
[[Twitter|https://twitter.com/richshumaker]]
[[YouTube|http://www.YouTube.com/richshumaker]]
[[Google +|https://plus.google.com/102360582405563354873/posts]]
--''Social Sites I don't use enough''--
Facebook
Instagram
--''Almost Archived Social Sites''--
~MySpace
Tribe
~LiveJournal
Del.ic.ous
Deviant Art
Tumblr
I am sure I have forgotten some for sure
"""
!!!__Tiddlers with Rich Shumaker Tags__
{{{ [tag[Rich Shumaker]] }}}
--End of Rich Shumaker [[<Name Plate>]]--
''Note about the below, This is a useful feature to include in your [[<Name Plate>]] as it allows you to see all references to your name that have been tagged at the site that copies your [[<Name Plate>]]''
Need to create it so that every Tiddler Reference as well as Tags show in the list below so that you get all references to your name in the TW that has this.
!!!Tiddlers with Rich Shumaker Tags
{{{ [tag[Rich Shumaker]] }}}
This is a tiddler for the calendar demo
we will have to figure it out.
\define searchInField(field, for)
<$list filter="[!is[shadow]!is[system]field:$field$/$for$/]">$field$:
<ul><li><$link><$view field="title"/></$link> </li></ul></$list>
\end
This will search all fields of all tiddlers for the search string. It can be a bit slow.
Search for: <$edit-text tiddler='$:/temp/temp' field='test_search'/>
<$list filter="[!is[shadow]!is[system]fields[]] -title -text -tags" variable="fieldname">
<$macrocall $name="searchInField" field=<<fieldname>> for={{$:/temp/temp!!test_search}}/>
</$list>
\define thisMakeIndexName()
$(ThisOne)$$(ThisField)$
\end
\define thisClearSelectionButton()
<$button>Clear Selections
<$list filter='[[$:/state/SearchAndReplaceFieldContents/SelectedTiddlers]indexes[]]'>
<$action-setfield $tiddler='$:/state/SearchAndReplaceFieldContents/SelectedTiddlers' $index=<<currentTiddler>> $value='unselected'/>
</$list>
</$button>
\end
\define thisMakeTables()
All matches:
<table>
<tr><th>Tiddler</th><th>Field Name</th><th>Field Value</th><th>Replace</th></tr>
<$list filter='[!is[system]regexp<TiddlerNameSearchRegExp>limit[50]]' variable=ThisOne>
<$list filter='[<ThisOne>fields[]regexp<FieldNameSearchRegExp>]$(IncludeTitleField)$$(IncludeModifiedField)$$(IncludeCreatedField)$$(IncludeTagsField)$$(IncludeTextField)$' variable=ThisField>
<$set name=ThisIndexName value=<<thisMakeIndexName>>>
<$list filter='[<ThisOne>get<ThisField>regexp<FieldContentsSearchRegExp>]' variable=ThisFilteredFieldValue>
<tr><td><$view tiddler=<<ThisOne>> field='title'/></td><td><<ThisField>></td><td><$view tiddler=<<ThisOne>> field=<<ThisField>>/></td><td><<thisReplaceFieldContentsButton>></td></tr>
</$list>
</$set>
</$list>
</$list>
</table>
\end
\define thisReplaceFieldContentsButton()
<$button>Replace
<$action-setfield $tiddler=<<ThisOne>> $field=<<ThisField>> $value={{$:/temp/SearchAndReplaceFieldContents/Search!!replace_text}}/>
</$button>
\end
<$reveal type="nomatch" state="$:/state/SearchAndReplaceFieldContents/ShowInstructions" text="show">
<$button set="$:/state/SearchAndReplaceFieldContents/ShowInstructions" setTo="show">Show instructions</$button>
</$reveal>
<$reveal type="match" state="$:/state/SearchAndReplaceFieldContents/ShowInstructions" text="show">
<$button set="$:/state/SearchAndReplaceFieldContents/ShowInstructions" setTo="hide">Hide instructions</$button>
''How to use this:''
The search results are limited to the fields of 50 tiddlers to prevent it from taking a very long time to render.
Type in your search string into the Search text box. Note that this search only reduces the number of returned entries so if you type `a` //ALL// fields in non-system tiddlers that contain `a` or `A` will be listed. This uses regular expressions and some characters may cause strange behaviour, namely `$`, `[`, `]` and `.` and possibly others.
Type the string you want the field(s) to have into the replace box. Note that this will replace the entire contents of the field, not just the string in the search box. So typing in `foo` will list all fields that have the (case insensitive) string `foo` anywhere in the string in that field. Putting `bar` as the replace string will set the value of all of the selected fields to `bar`, even if `foo` was only part of the previous value.
Click on the `Replace` button next to the field you wish to change to replace the field contents.
</$reveal>
Search by tiddler name: <$edit-text tiddler='$:/temp/SearchAndReplaceFieldContents/Search' placeholder='Search Tiddlers' field=tiddler_search_text/><br>
Search by field name: <$edit-text tiddler='$:/temp/SearchAndReplaceFieldContents/Search' placeholder='Search Field Names' field=field_name_search_text/><br>
Search by field contents: <$edit-text tiddler='$:/temp/SearchAndReplaceFieldContents/Search' placeholder='Search Field Contents' field=search_text/><br>
Replace: <$edit-text tiddler='$:/temp/SearchAndReplaceFieldContents/Search' placeholder='Replacement Contents' field=replace_text/>
<$reveal type="nomatch" state="$:/state/SearchAndReplaceFieldContents/ShowOptions" text="show">
<$button set="$:/state/SearchAndReplaceFieldContents/ShowOptions" setTo="show">Show Options</$button>
</$reveal>
<$reveal type="match" state="$:/state/SearchAndReplaceFieldContents/ShowOptions" text="show">
<$button set="$:/state/SearchAndReplaceFieldContents/ShowOptions" setTo="hide">Hide Options</$button>
<$checkbox tiddler='$:/temp/SearchAndReplaceFieldContents/Search' field=case_sensitive checked='' unchecked='(?i)'>Case sensitive search</$checkbox>
<$checkbox tiddler='$:/temp/SearchAndReplaceFieldContents/Search' field=include_text checked='' unchecked='-[[text]]'>Include text field</$checkbox> - Be careful using this one
<$checkbox tiddler='$:/temp/SearchAndReplaceFieldContents/Search' field=include_tags checked='' unchecked='-[[tags]]'>Include tags field</$checkbox> - Be careful using this one
<$checkbox tiddler='$:/temp/SearchAndReplaceFieldContents/Search' field=include_created checked='' unchecked='-[[created]]'>Include created field</$checkbox>
<$checkbox tiddler='$:/temp/SearchAndReplaceFieldContents/Search' field=include_modified checked='' unchecked='-[[modified]]'>Include modified field</$checkbox>
<$checkbox tiddler='$:/temp/SearchAndReplaceFieldContents/Search' field=include_title checked='' unchecked='-[[title]]'>Include title field</$checkbox>
</$reveal>
<$set name=FieldContentsSearchString value={{$:/temp/SearchAndReplaceFieldContents/Search!!search_text}}>
<$set name=FieldContentsSearchRegExp value="$(CaseSensitive)$$(FieldContentsSearchString)$">
<$set name=FieldNameSearchString value={{$:/temp/SearchAndReplaceFieldContents/Search!!field_name_search_text}}>
<$set name=FieldNameSearchRegExp value="$(CaseSensitive)$$(FieldNameSearchString)$">
<$set name=TiddlerNameSearchString value={{$:/temp/SearchAndReplaceFieldContents/Search!!tiddler_search_text}}>
<$set name=TiddlerNameSearchRegExp value="$(CaseSensitive)$$(TiddlerNameSearchString)$">
<$set name=CaseSensitive value={{$:/temp/SearchAndReplaceFieldContents/Search!!case_sensitive}}>
<$set name=IncludeTextField value={{$:/temp/SearchAndReplaceFieldContents/Search!!include_text}}>
<$set name=IncludeTagsField value={{$:/temp/SearchAndReplaceFieldContents/Search!!include_tags}}>
<$set name=IncludeCreatedField value={{$:/temp/SearchAndReplaceFieldContents/Search!!include_created}}>
<$set name=IncludeModifiedField value={{$:/temp/SearchAndReplaceFieldContents/Search!!include_modified}}>
<$set name=IncludeTitleField value={{$:/temp/SearchAndReplaceFieldContents/Search!!include_title}}>
<<thisMakeTables>>
</$set>
</$set>
</$set>
</$set>
</$set>
</$set>
</$set>
</$set>
</$set>
</$set>
\define thisMakeIndexName()
$(ThisOne)$$(ThisField)$
\end
\define thisMakeTables()
All matches:
<table>
<tr><th>Tiddler</th><th>Field Name</th><th>Field Value</th><th>Replace</th></tr>
<$list filter='[!is[system]regexp<TiddlerNameSearchRegExp>limit[50]]' variable=ThisOne>
<$list filter='[<ThisOne>fields[]regexp<FieldNameSearchRegExp>]$(IncludeTitleField)$$(IncludeModifiedField)$$(IncludeCreatedField)$$(IncludeTagsField)$$(IncludeTextField)$' variable=ThisField>
<$set name=ThisIndexName value=<<thisMakeIndexName>>>
<$list filter='[<ThisOne>get<ThisField>regexp<FieldNamesSearchRegExp>]' variable=ThisFilteredFieldValue>
<tr><td><$view tiddler=<<ThisOne>> field='title'/></td><td><<ThisField>></td><td><$view tiddler=<<ThisOne>> field=<<ThisField>>/></td><td><<thisReplaceFieldNamesButton>></td></tr>
</$list>
</$set>
</$list>
</$list>
</table>
\end
\define thisReplaceFieldNamesButton()
<$button>Rename Field
<$fieldmangler tiddler=<<ThisOne>>>
<$action-setfield $tiddler=<<ThisOne>> $field={{$:/temp/SearchAndReplaceFieldNames/Search!!replace_text}} $value=<<ThisFilteredFieldValue>>/>
<$action-sendmessage $message='tm-remove-field' $param=<<ThisField>>/>
</$fieldmangler>
</$button>
\end
<$reveal type="nomatch" state="$:/state/SearchAndReplaceFieldNames/ShowInstructions" text="show">
<$button set="$:/state/SearchAndReplaceFieldNames/ShowInstructions" setTo="show">Show instructions</$button>
</$reveal>
<$reveal type="match" state="$:/state/SearchAndReplaceFieldNames/ShowInstructions" text="show">
<$button set="$:/state/SearchAndReplaceFieldNames/ShowInstructions" setTo="hide">Hide instructions</$button>
''How to use this:''
The search results are limited to the fields in the first 50 tiddlers returned to prevent very long render times.
Type in your search string into the Search text box. Note that this search only reduces the number of returned entries so if you type `a` //ALL// fields in non-system tiddlers that contain `a` or `A` will be listed. This uses regular expressions and some characters may cause strange behaviour, namely `$`, `[`, `]` and `.` and possibly others.
Type the string you want the field(s) to have into the replace box. Note that this will replace the entire contents of the field, not just the string in the search box. So typing in `foo` will list all fields that have the (case insensitive) string `foo` anywhere in the string in that field. Putting `bar` as the replace string will set the value of all of the selected fields to `bar`, even if `foo` was only part of the previous value.
Click on the `Replace` button next to the field you wish to change to replace the fields name.
</$reveal>
Search by tiddler name: <$edit-text tiddler='$:/temp/SearchAndReplaceFieldNames/Search' placeholder='Search Tiddlers' field=tiddler_search_text/><br>
Search by field name: <$edit-text tiddler='$:/temp/SearchAndReplaceFieldNames/Search' placeholder='Search Field Names' field=field_name_search_text/><br>
Search by field contents: <$edit-text tiddler='$:/temp/SearchAndReplaceFieldNames/Search' placeholder='Search Field Contents' field=search_text/><br>
Replace: <$edit-text tiddler='$:/temp/SearchAndReplaceFieldNames/Search' placeholder='Replacement Contents' field=replace_text/>
<$reveal type="nomatch" state="$:/state/SearchAndReplaceFieldNames/ShowOptions" text="show">
<$button set="$:/state/SearchAndReplaceFieldNames/ShowOptions" setTo="show">Show Options</$button>
</$reveal>
<$reveal type="match" state="$:/state/SearchAndReplaceFieldNames/ShowOptions" text="show">
<$button set="$:/state/SearchAndReplaceFieldNames/ShowOptions" setTo="hide">Hide Options</$button>
<$checkbox tiddler='$:/temp/SearchAndReplaceFieldNames/Search' field=case_sensitive checked='' unchecked='(?i)'>Case sensitive search</$checkbox>
<$checkbox tiddler='$:/temp/SearchAndReplaceFieldNames/Search' field=include_text checked='' unchecked='-[[text]]'>Include text field</$checkbox> - Be careful using this one
<$checkbox tiddler='$:/temp/SearchAndReplaceFieldNames/Search' field=include_tags checked='' unchecked='-[[tags]]'>Include tags field</$checkbox> - Be careful using this one
<$checkbox tiddler='$:/temp/SearchAndReplaceFieldNames/Search' field=include_created checked='' unchecked='-[[created]]'>Include created field</$checkbox>
<$checkbox tiddler='$:/temp/SearchAndReplaceFieldNames/Search' field=include_modified checked='' unchecked='-[[modified]]'>Include modified field</$checkbox>
<$checkbox tiddler='$:/temp/SearchAndReplaceFieldNames/Search' field=include_title checked='' unchecked='-[[title]]'>Include title field</$checkbox>
</$reveal>
<$set name=FieldNamesSearchString value={{$:/temp/SearchAndReplaceFieldNames/Search!!search_text}}>
<$set name=FieldNamesSearchRegExp value="$(CaseSensitive)$$(FieldNamesSearchString)$">
<$set name=FieldNameSearchString value={{$:/temp/SearchAndReplaceFieldNames/Search!!field_name_search_text}}>
<$set name=FieldNameSearchRegExp value="$(CaseSensitive)$$(FieldNameSearchString)$">
<$set name=TiddlerNameSearchString value={{$:/temp/SearchAndReplaceFieldNames/Search!!tiddler_search_text}}>
<$set name=TiddlerNameSearchRegExp value="$(CaseSensitive)$$(TiddlerNameSearchString)$">
<$set name=CaseSensitive value={{$:/temp/SearchAndReplaceFieldNames/Search!!case_sensitive}}>
<$set name=IncludeTextField value={{$:/temp/SearchAndReplaceFieldNames/Search!!include_text}}>
<$set name=IncludeTagsField value={{$:/temp/SearchAndReplaceFieldNames/Search!!include_tags}}>
<$set name=IncludeCreatedField value={{$:/temp/SearchAndReplaceFieldNames/Search!!include_created}}>
<$set name=IncludeModifiedField value={{$:/temp/SearchAndReplaceFieldNames/Search!!include_modified}}>
<$set name=IncludeTitleField value={{$:/temp/SearchAndReplaceFieldNames/Search!!include_title}}>
<<thisMakeTables>>
</$set>
</$set>
</$set>
</$set>
</$set>
</$set>
</$set>
</$set>
</$set>
</$set>
\define thisSelectTag()
Tag to replace: <$select field='selected_tag'>
<$set name=TagSearch value={{$:/temp/changetags!!search_tags}}>
<$list filter='[tags[]regexp[(?i)$(TagSearch)$]sort[title]]'>
<option value=<<currentTiddler>>><$view field='title'/></option>
</$list>
</$set>
</$select> <$edit-text tiddler='$:/temp/changetags' field='search_tags' class='tc-exit-textexitor' placeholder='Narrow Tags List'/>
\end
This lets you search for all tiddlers with a specific tag and selectivly replace that tag with another one. Or if the 'Replace With' field is empty just remove the tag from the tiddler(s).
<<thisSelectTag>>
Replace With: <$edit-text tiddler='$:/temp/changetags' field='replace_tag' class='tc-edit-texteditor'/>
<table>
<tr><th>Tiddler Name</th><th></th></tr>
<$list filter='[tag{!!selected_tag}]'>
<$fieldmangler tiddler=<<currentTiddler>>>
<tr><td><$link to=<<currentTiddler>>><$view field='title'/></$link></td><td><$button>Change Tag<$action-sendmessage $message='tm-add-tag' $param={{$:/temp/changetags!!replace_tag}}/><$action-sendmessage $message='tm-remove-tag' $param={{Search and Replace Tags!!selected_tag}}/></$button></td></tr>
</$fieldmangler>
</$list>
</table>
[[$:/plugins/inmysocks/SearchableDictionary]]
Documentation coming at some point. I hope. If I did things correctly not much should be needed. See [[Dashboard]] for how to import the plugin.
<<bottomOfTiddler>>
<h1><$view field='caption'/></h1>
<hr>
<$transclude mode=block/>
Here are the currently available plugins for the integrating third party services into tiddlywiki with their version numbers and date published. To install a plugin on your wiki click and drag the install link to your wiki.
<table>
<$list filter='[tag[Plugin twCard]category[Service Integration]]+[limit[1]]'>
<tr><th>{{!!category}} Plugins</th><th></th><th></th><th></th><th></th><th></th></tr>
<tr><th>Name</th><th>Version</th><th>Date</th><th>Release</th><th>Description</th><th>Install Link</th></tr>
<$set name=currentCategory value={{!!category}}>
<$list filter='[tag[Plugin twCard]category<currentCategory>maintainer[inmysocks]]' template=PlugintwCardDisplayTemplate2>
</$list>
</$set>
</$list>
</table>
<<bottomOfTiddler>>
!Using an image given the url:
Create a tiddler with a descriptive name, the name isn't important, and put this in the text field:
```
html body.tc-body { background: url("http://www.nasa.gov/sites/default/files/styles/946xvariable_height/public/thumbnails/image/pia19312.jpg") no-repeat center center fixed; background-size: cover; height: 100%;}
```
and replace the url (in this case `http://www.nasa.gov/sites/default/files/styles/946xvariable_height/public/thumbnails/image/pia19312.jpg`) with the url of the image you would like as your background.
Tag the tiddler with `$:/tags/Stylesheet` and save it. If things worked correctly you should see the background change as soon as you save the tiddler.
This allows you to give custom css styles to links if the link destination tiddler has a specific tag.
Note: If the destination tiddler has more than one of the listed tags one link for each style associated with the tags it has will be displayed.
If the tiddler you are linking to has spaces in the name you need to put `[[` and `]]` around the name.
!First, the macros (in the tiddler NeatLinkMacros):
```
\define GetLinkClass()
$(TagUsed)$_css
\end
\define MakeNeatLinkEntry(tiddler tagUsed)
<$list filter='[[$tiddler$]tag[$tagUsed$]]'>
<$set name=TagUsed value=$tagUsed$>
<<GetLinkClass>>
<span class=<<GetLinkClass>>><$link to="$tiddler$">$tiddler$</$link></span>
</$set>
</$list>
\end
\define MakeBoringLinkEntry(tiddler)
<$list filter='[[$tiddler$]!tag[tag1]!tag[tag2]!tag[tag3]]'>
<$link to=$tiddler$>$tiddler$</$link>
</$list>
\end
\define NeatLink(tiddler)
<<MakeNeatLinkEntry """$tiddler$""" tag1>>
<<MakeNeatLinkEntry """$tiddler$""" tag2>>
<<MakeNeatLinkEntry """$tiddler$""" tag3>>
<<MakeBoringLinkEntry """$tiddler$""">>
\end
```
You will need to change this macro to suit your situation, you need to edit the `NeatLink` macro itself and the `MakeBoringLinkEntry` macro. Specifically, you need to add a line like `<<MakeNeatLinkEntry """$tiddler$""" tagn>>` to the neat link macro for each tag you want a custom link style for, and make sure to replace tag1, tag2, tag3, etc with the tags you actually want to use. You also need to edit the filter in the `MakeBoringEntry` macro so that you replace tag1, tag2, tag3, etc with the tags you are using, adding or removing entries as needed.
!Second, the CSS (in the tiddler NeatLinkCSS)
You need to make css classes for each tag you want special links for, the names have to be in the form `tag1_css`, so if you have a tag bob, the css class associated with it would be bob_css. This means that the tags need to be valid css class names.
You also have to specify the `a` tag in your css. I don't know why, but it doesn't work otherwise.
Example css:
```
.tag1_css a {
color:green;
}
.tag1_css a:hover {
color:orange;
}
.tag2_css a {
color:red;
}
.tag2_css a:hover {
color:black;
}
.tag3_css a {
color:yellow;
}
.tag3_css a:hover {
color:pink;
}
```
Then to use the links just use the macro `<<NeatLink SomeTiddler>>`.
Examples:
<<NeatLink NeatLinkExample1>>
<<NeatLink [[Neat Link Example 2]]>>
<<NeatLink [[Neat Link Example 3]]>>
<<bottomOfTiddler>>
If you want to silently create a tiddler (that is, create a tiddler that doesn't get opened when you create it), use the action-setfield widget like this:
```
<$button>Create Tiddler Silently
<$action-setfield $title='A silently created tiddler'/>
</$button>
```
<$button>Create Tiddler Silently
<$action-setfield $tiddler='A silently created tiddler' title='A silently created tiddler'/>
</$button>
Normally when you make a new tiddler the newly created tiddler is opened in edit mode, for some purposes this isn't desired behaviour. So, similar to how [[Silently Creating a Tiddler]], you can silently create a new tiddler using a template by:
*Create the template tiddler you want to use, everything but the title should be exactly what you want in the new tiddler.
*Create a button like this:<div>
```
<$button>Make Tiddler
<$action-setfield $tiddler=<<TemplateTiddler>> $field='title' $value=<<NewTiddlerTitle>>/>
</$button>
```
</div>
Make sure to replace `<<TemplateTiddler>>` and `<<NewTiddlerTitle>>` with the name of the template tiddler and the desired title respectively.
!A quick example:
Enter name:
<$edit-text tiddler='$:/temp/Silently Creating a Tiddler Using a Template' field='new_title' class='tc-edit-texteditor'/>
Template to use:
<$select tiddler='$:/state/Silently Creating a Tiddler Using a Template' field='selected_template'>
<$list filter='[tag[Templates]]'>
<option><<currentTiddler>></option>
</$list>
</$select>
''Remember, this creates the tiddler silently so it won't open the tiddler. You should look under the `Recent` tab in the sidebar to see the newly created tiddler''.
<$set name=NewTiddlerTitle value={{$:/temp/Silently Creating a Tiddler Using a Template!!new_title}}>
<$set name=TemplateTiddler value={{$:/state/Silently Creating a Tiddler Using a Template!!selected_template}}>
<$button>Make Tiddler
<$action-setfield $tiddler=<<TemplateTiddler>> $field='title' $value=<<NewTiddlerTitle>>/>
</$button>
</$set>
</$set>
Code:
```
Enter name:
<$edit-text tiddler='$:/temp/Silently Creating a Tiddler Using a Template' field='new_title' class='tc-edit-texteditor'/>
Template to use:
<$select tiddler='$:/state/Silently Creating a Tiddler Using a Template' field='selected_template'>
<$list filter='[tag[Templates]]'>
<option><<currentTiddler>></option>
</$list>
</$select>
<$set name=NewTiddlerTitle value={{$:/temp/Silently Creating a Tiddler Using a Template!!new_title}}>
<$set name=TemplateTiddler value={{$:/state/Silently Creating a Tiddler Using a Template!!selected_template}}>
<$button>Make Tiddler
<$action-setfield $tiddler=<<TemplateTiddler>> $field='title' $value=<<NewTiddlerTitle>>/>
</$button>
</$set>
</$set>
```
<<bottomOfTiddler>>
<a href={{!!url}} target='_blank'><$view field='caption'/></a> - <$view field='description'/><br>
\define slider(label)
<$button popup="$:/state/$label$" class="btn-invisible tw-slider"><$reveal type="match" text="" default="" state="$:/state/$label$">⊞</$reveal><$reveal type="nomatch" text="" default="" state="$:/state/$label$">⊟</$reveal> {{$label$||unwikified}}</$button>
<$reveal type="nomatch" text="" default="" state="$:/state/$label$" animate="yes">
<br>
<$transclude/>
</$reveal>
\end
<$macrocall $name="slider" label={{!!title}}/>
There are multiple types of sliders, there are in the GeneralMacros tiddler
<<tiddlerSlider "TextSlider Macro">>
<<tiddlerSlider "TiddlerSlider Macro">>
The `imageSlider` macro is a variation of the tiddlerSliderNoButton macro, but specifically for images. It sets the image width to the full tiddler width, so isn't appropriate in all situations. I use this for image posts [[on my other site|ooktech.com/jed/externalbrain/]].
<<imageSlider PrinnySpin "Spin!!">>
There is also `textSliderNoButton` which is used in the [[What to do]] tiddler, the `tiddlerSliderNoButton` which doesn't have an example yet, but it is the same as the tiddler slider, but doesn't show up as a button.
---
This is a different slider macro that requires more than just the macro itself. Using one of the ones listed above may be better.
To add a button that when you click on it will display the contents of a tiddler in the current tiddler use this
```
{{Help||slider}}
```
{{Help||slider}}
Where the part before the || is the full name of the tiddler you want to display. It isn't perfect but it works for now.
To use this on another tiddlywiki click and drag these two things on that tiddlywiki
*[[slider]]
*[[unwikified]]
<<bottomOfTiddler {{!!title}}>>
Subjects:
<ul>
<$list filter='[[Some paper_Subjects]indexes[]]'>
<li><$view field='title'/></li>
</$list>
</ul>
Abstract:<br>
<$view tiddler='Some paper_Abstract' field='text'/>
Bibtex:
---
<$macrocall $name=monoSpacedCodeBlock src={{Some paper_BibTex}}/>
---
This paper is about something interesting
@nothing{yep,
author=somedude,
year=2525,
}
This is used in one of the examples in [[Unindexed Miscellanea]], it shows some weird behaviour you can get when a title has both spaces and a CamelCase word.
If you use
```
<$link to={{!!title}}>{{!!title}}</$link>
```
you get
<$link to={{!!title}}>{{!!title}}</$link>
but
```
<$link to={{!!title}}><$view field=title/></$link>
```
gives
<$link to={{!!title}}><$view field=title/></$link>
Here is code for a table that will sort by a column when you click on the column header. The table is generated using some html and the data in the table comes from tiddler fields. I don't think there is currently a way to do this with tables holding static content.
Just replace `name` and `maintainer` by whatever fields you wish and add columns as you need them.
code:
```
<table>
<tr>
<th>
<$button class='tc-btn-invisible' style='width:100%;height:100%'>
Plugin name
<$action-setfield sort_by='name'/>
</$button>
</th>
<th>
<$button class='tc-btn-invisible' style='width:100%;height:100%'>
Plugin maintainer
<$action-setfield sort_by='maintainer'/>
</$button>
</th>
</tr>
<$list filter='[tag[Plugin twCard]has[name]has[maintainer]sort{!!sort_by}]'>
<tr>
<td>
<$view field='name'/>
</td>
<td>
<$view field='maintainer'/>
</td>
</tr>
</$list>
</table>
```
Result:
<table>
<tr>
<th>
<$button class='tc-btn-invisible' style='width:100%;height:100%'>
Plugin name
<$action-setfield sort_by='name'/>
</$button>
</th>
<th>
<$button class='tc-btn-invisible' style='width:100%;height:100%'>
Plugin maintainer
<$action-setfield sort_by='maintainer'/>
</$button>
</th>
</tr>
<$list filter='[tag[Plugin twCard]has[name]has[maintainer]sort{!!sort_by}]'>
<tr>
<td>
<$view field='name'/>
</td>
<td>
<$view field='maintainer'/>
</td>
</tr>
</$list>
</table>
<<bottomOfTiddler>>
There are some special fields used in ~TiddlyWiki. Here is a (partial) list:
*[[title|The Title Field]] - The tiddler title
*[[text|The Text Field]] - The main body/text of a tiddler
*[[modified|The Modified Field]] - The time that the tiddler was last modified
*[[created|The Created Field]] - The time that the tiddler was created
*[[caption|The Caption Field]] - Used in the table of contents (other uses?)
*[[footer|The Footer Field]] - Used for modal dialogues
*[[subtitle|The Subtitle Field]] - Used for modal dialogues
<<bottomOfTiddler>>
|Name |<$view field='caption'/> |
|Type |<$view field='name_plate_type'/> |
|Description |<$view field='description'/> |
|URL |<a href={{!!url}} target='_blank'><$view field='url'/></a> |
[[$:/plugins/inmysocks/StartupActions]]
<$action-storecount $filter='[tag[Awesome Thing]]' $tiddler='$:/state/Awesome Things Listing' $field=count_field/>
<$action-randval $tiddler='$:/state/Awesome Things Listing' $field=first $lower=1 $upper={{$:/state/Awesome Things Listing!!count_field}} $step=1 $numrolls=1/>
<$action-randval $tiddler='$:/state/Awesome Things Listing' $field=second $lower=1 $upper={{$:/state/Awesome Things Listing!!count_field}} $step=1 $numrolls=1/>
<$action-randval $tiddler='$:/state/Awesome Things Listing' $field=third $lower=1 $upper={{$:/state/Awesome Things Listing!!count_field}} $step=1 $numrolls=1/>
<$action-randval $tiddler='$:/state/Awesome Things Listing' $field=fourth $lower=1 $upper={{$:/state/Awesome Things Listing!!count_field}} $step=1 $numrolls=1/>
<$action-randval $tiddler='$:/state/Awesome Things Listing' $field=fifth $lower=1 $upper={{$:/state/Awesome Things Listing!!count_field}} $step=1 $numrolls=1/>
This is how to make ordered or unordered lists:
!Unordered lists:
```
*list thing
*other list thing
**sublisting under other thing
***subsublisting
*third list thing
```
which shows up as:
*list thing
*other list thing
**sublisting under other thing
***subsublisting
*third list thing
and so on.
Just make sure that you have a blank line before and after the list or there will be weirdness.
!Ordered lists:
```
#First thing
#second thing
##first under second
###third level
#Back to first level
```
Which shows up as:
#First thing
#second thing
##first under second
###third level
#Back to first level
and so on.
!Listing quotation stuff
This isn't the same as the other lists, but it uses the same syntax. It comes from [[Block Quotes]]
```
>First line
>second line
>>second level
>first level again
```
which displays as
>First line
>second line
>>second level
>first level again
!Mixing lists
The list types can be mixed together like this
```
* thing
*# other thing
*#* other other thing
*#*>other other thing quote
*#>other other other thing quote
```
Which gives
* thing
*# other thing
*#* other other thing
*#*>other other thing quote
*#>other other other thing quote
<<bottomOfTiddler {{!!title}}>>
[[Creating a table of contents]]
[[Formatting the table of contents]]
<<bottomOfTiddler>>
**<div>
<$reveal state='$:/state/expandabletoc' type='match' text='show'>
<$button set='$:/state/expandabletoc' setTo='noshow'>Exapndable TOC</$button>
<div class="tc-table-of-contents">
<<toc-expandable "Contents">>
</div>
</$reveal>
<$reveal state='$:/state/expandabletoc' type='nomatch' text='show'>
<$button set='$:/state/expandabletoc' setTo='show'>Exapndable TOC</$button>
</$reveal>
</div>
**<div>
<$reveal state='$:/state/selectexpandabletoc' type='match' text='show'>
<$button set='$:/state/selectexpandabletoc' setTo='noshow'>Selective Exapndable TOC</$button>
<div class="tc-table-of-contents">
<<toc-selective-expandable "Contents">>
</div>
</$reveal>
<$reveal state='$:/state/selectexpandabletoc' type='nomatch' text='show'>
<$button set='$:/state/selectexpandabletoc' setTo='show'>Selective Exapndable TOC</$button>
</$reveal>
</div>
**<div>
<$reveal state='$:/state/simpletoc' type='match' text='show'>
<$button set='$:/state/simpletoc' setTo='noshow'>Simple TOC</$button>
<div class="tc-table-of-contents">
<<toc "Contents">>
</div>
</$reveal>
<$reveal state='$:/state/simpletoc' type='nomatch' text='show'>
<$button set='$:/state/simpletoc' setTo='show'>Simple TOC</$button>
</$reveal>
</div>
**<div>
<$reveal state='$:/state/sortedexpandabletoc' type='match' text='show'>
<$button set='$:/state/sortedexpandabletoc' setTo='noshow'>Expandable TOC - Sorted</$button>
<div class="tc-table-of-contents">
<<toc-expandable "Contents" "sort[title]">>
</div>
</$reveal>
<$reveal state='$:/state/sortedexpandabletoc' type='nomatch' text='show'>
<$button set='$:/state/sortedexpandabletoc' setTo='show'>Expandable TOC - Sorted</$button>
</$reveal>
</div>
**<div>
<$reveal state='$:/state/tabbedinternal' type='match' text='show'>
<$button set='$:/state/tabbedinternal' setTo='noshow'>Tabbed TOC - Internal Navigation</$button>
<<toc-tabbed-internal-nav tag:"Contents" selectedTiddler:"$:/temp/toc/selectedTiddler" unselectedText:"Select a topic in the table of contents. Click the arrow to expand a topic.">>
</$reveal>
<$reveal state='$:/state/tabbedinternal' type='nomatch' text='show'>
<$button set='$:/state/tabbedinternal' setTo='show'>Tabbed TOC - Internal Navigation</$button>
</$reveal>
</div>
**<div>
<$reveal state='$:/state/tabbedexternal' type='match' text='show'>
<$button set='$:/state/tabbedexternal' setTo='noshow'>Tabbed TOC - External Navigation</$button>
<<toc-tabbed-external-nav tag:"Contents" selectedTiddler:"$:/temp/toc/selectedTiddler" unselectedText:"Select a topic in the table of contents. Click the arrow to expand a topic.">>
</$reveal>
<$reveal state='$:/state/tabbedexternal' type='nomatch' text='show'>
<$button set='$:/state/tabbedexternal' setTo='show'>Tabbed TOC - External Navigation</$button>
</$reveal>
</div>
The table of contents macros are defined in:
[[$:/core/macros/toc]]
Content of the `tags_to_add` field: {{!!tags_to_add}}
This button resets the tags field
```
<$button>Clear Tiddler Tags
<$action-setfield $field='tags' $value=''/>
<$action-setfield $field='sorted_tags' $value=''/>
</$button>
```
<$button>Clear Tiddler Tags
<$action-setfield $field='tags' $value=''/>
<$action-setfield $field='sorted_tags' $value=''/>
</$button>
This button will give the current tiddler the tags in the `tags_to_add` field.
```
<$button>Set Tags
<$action-setfield $field='tags' $value={{!!tags_to_add}}/>
</$button>
```
<$button>Set Tags
<$action-setfield $field='tags' $value={{!!tags_to_add}}/>
</$button>
!Sorting tags in multiple steps (see below for a single step version)
This shows the contents of the `tags` field
```
<$set name="unsorted" filter="[is[current]tags[]]">
<<unsorted>>
</$set>
```
Gives:
<$set name="unsorted" filter="[is[current]tags[]]">
<<unsorted>>
</$set>
This shows the sorted contents of the `tags` field, and has a button that sets the field `sorted_tags` to the sorted tags list
```
<$set name="sorted" filter="[is[current]tags[]sort[]]">
<<sorted>><br>
This button will sort the tags:
<$button>Sort Tags
<$action-setfield $field='sorted_tags' $value=<<sorted>>/>
</$button>
</$set>
{{!!sorted_tags}}
```
Gives:
<$set name="sorted" filter="[is[current]tags[]sort[]]">
<<sorted>><br>
This button will sort the tags and store the output in the field `sorted_tags`:
<$button>Sort Tags
<$action-setfield $field='sorted_tags' $value=<<sorted>>/>
</$button>
</$set>
{{!!sorted_tags}}
This button will try to set the `tags` field to the value stored in `sorted_tags`
```
<$button>Sort Tags 2
<$action-setfield $field='tags' $value={{!!sorted_tags}}/>
</$button>
```
Gives:
<$button>Sort Tags 2
<$action-setfield $field='tags' $value={{!!sorted_tags}}/>
</$button>
!Or you can do it all in one step:
```
<$set name="sorted" filter="[is[current]tags[]sort[]]">
<$button>Sort Tags One Step
<$action-setfield $field='sorted_tags' $value=<<sorted>>/>
<$action-setfield $field='tags' $value={{!!sorted_tags}}/>
</$button>
</$set>
```
Gives:
<$set name="sorted" filter="[is[current]tags[]sort[]]">
<$button>Sort Tags One Step
<$action-setfield $field='sorted_tags' $value=<<sorted>>/>
<$action-setfield $field='tags' $value={{!!sorted_tags}}/>
</$button>
</$set>
!This way didn't work the first time I tried and now it seems to. I am confused.
This method failed, but not now? Probably because of how the tags field is handled to prevent multiple tags of the same name. I am not certain of that though. I am a bit confused.
```
Content of the `tags` field: {{!!tags}}
<$set name="sorted" filter="[is[current]tags[]sort[]]">
Sorted list: <<sorted>><br>
This button will try to sort the tags:
<$button>Sort Tags
<$action-setfield $field='tags' $value=<<sorted>>/>
</$button>
</$set>
```
Content of the `tags` field: {{!!tags}}
<$set name="sorted" filter="[is[current]tags[]sort[]]">
Sorted list: Sorted tags: <<sorted>><br>
This button will try to sort the tags:
<$button>Sort Tags
<$action-setfield $field='tags' $value=<<sorted>>/>
</$button>
</$set>
[[$:/plugins/inmysocks/TaskList]]
Documentation coming at some point. I hope. If I did things correctly not much should be needed. See [[Dashboard]] for how to import the plugin.
<<bottomOfTiddler {{!!title}}>>
Template tiddlers can be used in multiple ways, one of the more common ways is formatting the output of the list widget. On the [[Dashboard|$:/plugins/inmysocks/Dashboard/Dashboard]] this is used extensively. [[Manage Table of Contents|$:/plugins/inmysocks/ManageTOC/Manage Table of Contents]] is made using a list widget and a template that is called recursively. The lists in [[Contacts|$:/plugins/inmysocks/Contacts/Contacts]], [[Task List|$:/plugins/inmysocks/TaskList/Task List]], [[Quick Notes|$:/plugins/inmysocks/QuickNotes/Quick Notes]] and [[Dictionary|$:/plugins/inmysocks/SearchableDictionary/Dictionary]] all use much simpler templates to define how the lists are displayed.
[[$:/plugins/inmysocks/TaskList/BasicTaskDisplayTemplate]] is a relatively simple template used in the [[Task List|$:/plugins/inmysocks/TaskList/Task List]] as an example of a display template for a list, [[ContactDisplayTemplate]] is a more complex example of a template.
!Templates used for lists
---
This is a special use of using a template to display a tiddler, it just happens in a list. Even so it is common enough to warrant attention.
To use templates in a list you use:
```
<$list filter='[tag[Plugins]]' template='ExampleTemplate'></$list>
```
Which gives the list (look at ExampleTemplate to see how the template is defined):
<$list filter='[tag[Plugins]]' template='ExampleTemplate'></$list>
What this does is it displays the rendered version of the text field of the template as though it were in each of the listed tiddlers. So in the template `<$view field='title'/>` displays the title of each tiddler in the list, and `<$view field='blurb'/>` displays the blurb field of each tiddler in the list. Note that any text in the template tiddler is displayed ilke this, so if the text in the tiddler is just `Hello!` than the list widget would display `Hello!` once for each tiddler in the list, and nothing else.
```
<$list filter='[tag[Plugins]]' template='HelloTemplate'></$list>
```
Which gives the list (look at HelloTemplate to see how the template is defined):
<$list filter='[tag[Plugins]]' template='HelloTemplate'></$list>
Note that since there is no linebreak in the template there are no linebreaks in the list.
!Templates used to display/transclude tiddlers
---
Templates can be used to display transcluded tiddlers using the syntax `{{TiddlerName||TemplateName}}`. So to display the tiddler containing my contact information from [[Contacts]] using the [[ContactDisplayTemplate]] you would use:
```
{{Jed Carty (inmysocks)||ContactDisplayTemplate}}
```
Which would display as:
{{Jed Carty (inmysocks)||ContactDisplayTemplate}}
!Templates used to make tiddlers
---
Another way to use a template is as a base when creating new tiddlers. For this use, create a tiddler that has all of the tags, fields and text that you want to have in the new tiddlers, and save that that tiddler. Then you can make a new tiddler like described in [[Make a button to create new tiddlers from a template]] and the new tiddlers created this wall will all have the tags, fields, etc of the template.
The tiddler [[TiddlerTopicTemplate]] is an example of this sort of template, and you can create a new tiddler using that template with the following code:
```
<$button message="tm-new-tiddler" param="TiddlerTopicTemplate">New Tiddler</$button>
```
Which will render as (click the button to see how it works):
<$button message="tm-new-tiddler" param="TiddlerTopicTemplate">New Tiddler</$button>
<<bottomOfTiddler {{!!title}}>>
I am not anticipating anything serious
!!Italicized text:
```
//Woo! look at me//
```
displays as
//Woo! look at me//
!!Bold text
```
''Bold text here''
```
displays as
''Bold text here''
!!Underlined text
```
__Underlined__
```
displays as
__Underlined__
!!Superscripts
```
Text can be made ^^superscript^^
```
displays as
Text can be made ^^superscript^^
!!Subscripts
```
But ,,subscripts,, think they are better
```
displays as
But ,,subscripts,, think they are better
!!Strike through
```
~~strikethrough text wonders why it is last~~
```
displays as
~~strikethrough text wonders why it is last~~
<<bottomOfTiddler {{!!title}}>>
This macro is listed in GeneralMacros.
Maybe we should change what the button looks like. Underlined text or something may be better.
This is used to put a button that when pressed displays or hides text.
Usage:
```
<<textSlider label "text to display">>
```
Which gives:
<<textSlider label "text to display">>
You can have a label with spaces if you put quotes around it like this:
```
<<textSlider "multiword label" "text to display">>
```
giving:
<<textSlider "multiword label" "text to display">>
The code for this macro is:
```
\define textSlider(label text)
<$reveal type="nomatch" state="$:/state/$label$" text="show">
<$button set="$:/state/$label$" setTo="show">$label$</$button>
</$reveal>
<$reveal type="match" state="$:/state/$label$" text="show">
<$button set="$:/state/$label$" setTo="hide">$label$</$button>
$text$
</$reveal>
\end
```
<<bottomOfTiddler {{!!title}}>>
I think I should just put a reveal widget to hide it unless the fields are empty.
The field `caption` has some special properties.
The `caption` field will:
*Override the tiddler name in the [[table of contents|Formatting the table of contents]]
*Other stuff?
<<bottomOfTiddler>>
but I can replicate it now.
Almost every tiddler has a `created` field that can be referenced using the syntax `{{tiddlerTitle!!created}}`. The title of the `currentTiddler` can be referenced by `{{!!created}}`. The view or transclude widgets can also be used.
The code:
```
*{{The Title Field!!created}}
*{{!!created}}
*<$view field='created'/>
*<$transclude field='created'/>
```
Will display as:
*{{The Title Field!!created}}
*{{!!created}}
*<$view field='created'/>
*<$transclude field='created'/>
This can be useful in template tiddlers used with the list widget. Each item in the list will have the variable `currentTiddler` set to the current item on the list, so if you have `{{!!created}}` in the template used by the list it will display the date that tiddler was created in that entry in the list.
Note that the output of the view widget is different from that of the other methods, this is because of differences in how the view and transclude widgets display their output.
<<bottomOfTiddler>>
The `footer` field is used by modal wizards. By default the window will have a button at the bottom to close the window, but this will be over written by the content of the `footer` field if it exists. You should remember that if you have anything in the `footer` field than close button won't appear unless you include it.
The `footer` field can support transclusions and other wikitext.
<<bottomOfTiddler>>
Tobias and Jeremy brought up the very good point that this shouldn't be implemented the way that it is because unconditionally triggering actions in lists can cause infinite loops and the like.
Changing this isn't really a bad thing since this started out as a way I can be a bit lazy and avoid some set widgets using filters and macro combinations. That isn't really what it has been used for so a large overhaul would be good.
And maybe a name change to make the function more obvious. Something like set-fields but that isn't very good either.
Options:
Make this into an action widget. Let it take a filter to set the target tiddlers and a data tiddler to set the mapping from the sourcefield to the storefield.
Or not an action widget, but something like now, but take the filter as an input instead of putting it inside a list.
Let the action-setfield widget take a filter or data tiddler (or both?) as an input (so like in [[link-fields Widget - Set Multiple Fields Using Select (Data Tiddler Version)]]).
Usage:
```
<$link-fields $sourcetiddler=sourceTiddler $sourcefield=sourceField $storetiddler=storeTiddler $storefield=storeField (field_name1=tiddlerName1 field_name2=tiddlerName2 ...)/>
```
|!Attribute |!Description |
|$sourcetiddler |The title of the tiddler containing the value source value, defaults to `<<currentTiddler>>` |
|$sourcefield |The name of the field containing the source value |
|$sourceindex |The index of a property in a data tiddler holding the source value ($sourcefield takes precedence over $sourceindex if both are present) |
|$storetiddler |The tiddler that contains the field whose value will match the source field or source index |
|$storefield |The field in the store tiddler whose value will be set to match that of the source field/index |
|$storeindex |The index of the store tiddler whose value will be set to match that of the source field/index. ($storefield takes precedence over $storeindex if both are present) |
|Any field=tiddler pair not starting with `$` |Links the given field of the given tiddler to the source field in the source tiddler, so whenever the source field changes the given field changes with it. This only works with fields, not indexes. |
Examples:
<$list filter='[tag[The link-fields Widget]]'>
<$macrocall $name=tiddlerSlider tiddlerName=<<currentTiddler>>/>
</$list>
<<bottomOfTiddler>>
They don't at the moment because they were really wide on my desktop. This isn't a good reason.
Almost every tiddler has a `modified` field that can be referenced using the syntax `{{tiddlerTitle!!modified}}`. The title of the `currentTiddler` can be referenced by `{{!!modified}}`. The view or transclude widgets can also be used.
The code:
```
*{{The Title Field!!modified}}
*{{!!modified}}
*<$view field='modified'/>
*<$transclude field='modified'/>
```
Will display as:
*{{The Title Field!!modified}}
*{{!!modified}}
*<$view field='modified'/>
*<$transclude field='modified'/>
This can be useful in template tiddlers used with the list widget. Each item in the list will have the variable `currentTiddler` set to the current item on the list, so if you have `{{!!modified}}` in the template used by the list it will display the date that tiddler was last modified in that entry in the list.
Note that the output of the view widget is different from that of the other methods, this is because of differences in how the view and transclude widgets display their output.
<<bottomOfTiddler>>
The `subtitle` field is used by modal wizards. The content of the `subtitle` field is displayed as the title of the wizard.
<<bottomOfTiddler>>
Almost every tiddler has a `text` field (image tiddlers may not) that can be referenced using the syntax `{{tiddlerTitle!!text}}`. The title of the `currentTiddler` can be referenced by `{{!!text}}`. The view or transclude widgets can also be used.
The code:
```
<$tiddler tiddler='HelloTemplate'>
*{{HelloTemplate!!text}}
*{{!!text}}
*<$view field='text'/>
*<$transclude field='text'/>
</$tiddler>
```
Will display as:
<$tiddler tiddler='HelloTemplate'>
*{{HelloTemplate!!text}}
*{{!!text}}
*<$view field='text'/>
*<$transclude field='text'/>
</$tiddler>
This can be useful in template tiddlers used with the list widget. Each item in the list will have the variable `currentTiddler` set to the current item on the list, so if you have `{{!!text}}` in the template used by the list it will display the text of that entry in the list.
In the code the `tiddler` widget was used to set the value of `currentTiddler` to `HelloTemplate` because if you transclude the text of a tiddler in itself you can get recursion errors. And this tiddler has a lot of text so it would take a lot of space.
<<bottomOfTiddler>>
Every tiddler has a `title` field that can be referenced using the syntax `{{tiddlerTitle!!title}}`. The title of the `currentTiddler` can be referenced by `{{!!title}}`. The view or transclude widgets can also be used.
The code:
```
*{{The Title Field!!title}}
*{{!!title}}
*<$view field='title'/>
*<$transclude field='title'/>
```
Will display as:
*{{The Title Field!!title}}
*{{!!title}}
*<$view field='title'/>
*<$transclude field='title'/>
This can be useful in template tiddlers used with the list widget. Each item in the list will have the variable `currentTiddler` set to the current item on the list, so if you have `{{!!title}}` in the template used by the list it will display the title of that entry in the list.
<<bottomOfTiddler>>
I am not actually sure how to fix it.
I have made:
*[[Editions|My Editions]]
*[[Plugins|My Plugins]]
*[[Widgets|My Widgets]]
*[[Themes|My Themes]]
*[[Macros|My Macros]]
*[[Demo Sites|My Demo Sites]]
I have a searchable list of what I have made on my [[directory site|http://ooktech.com/jed/ExampleWikis/Directory.html]].
This is a list of things that I want to find ways to do. The import/export part is planned for a future release of TW so I am going to just wait for that.
*Being able to set multiple fields using the select widget - I put in a pull request for this, it isn't perfect but it would work.
*A widget like the reveal widget that is able to send messages (so you give it a state tiddler and when in the correct state instead of revealing content it sends a message or executes the action widgets it contains). This could be used to achieve the same result as having a select widget set multiple fields.
*~~Batch import and export of tiddlers (like being able to take all of the examples in this wiki and import them into another wiki)~~ This can mostly be done by using the same method as making a plugin (or swarm). I may try to make something that bundles tiddlers together based on the output of a filter.
*A way to make a recurring event on the to do list. (something that will show up every day/week/whatever, even if it was completed before)
*A way to make the table of contents that allows you to tag all sub entries under a heading with that heading, but still preserve the hierarchy for the table of contents. So you could tage the [[How to make macros]] tiddler with both [[Macros]] and [[Wiki Examples]] but only have it show up under [[Macros]] because [[Macros]] is already under [[Wiki Examples]]. This could be hard if a tiddler shows up under two other tiddlers with the same parent (some tiddlers are under both [[Macros]] and [[Wiki Widgets - buttons, filters, etc.]], and we want to keep that structure) so you can't just make the tags something like `Wiki Examples:Macros:How to make macros`.
*The `hoverBlurb` macro doesn't work when you use an alias in a wiki link (like `[[Examples|Wiki Examples]]` showing up as [[Examples|Wiki Examples]], the macro won't work with that.) I think we can fix this by using the `$link` widget in the macro.
*A way to make the dashboard display contacts using the template when they are selected on the side bar of the dashboard.
*Add to or change the button in the upper left so that it can change more settings than just the tiddler width, like the font size, etc. It is much easier to do that way and you don't have to worry about accidently making the wiki unusable by setting font size or tiddler width to 0.
*The add citations button will remove any tags from a tiddler if a subject is added with the same name as the tiddler title. I need to prevent this by adding the a tag instead of setting the tags field.
<<bottomOfTiddler {{!!title}}>>
''This list is in desperate need of updates, so sorry about that. I will get to it at some point.''
__Note: To update anything here just import it again and you will copy over the old version.__
Just click and drag the following links to your wiki to import them, a list will pop showing the tiddlers you are going to import, then just press the `import` button. You may have to reload the wiki for the plugins to start working, but you only need to do that once after you import them.
For the `Change Tiddler Width` button in the top left corner. This is just a button that opens up what I think is a nicer interface to change the width of tiddlers. It makes switching between different devices go smoother. See [[Change Tiddler Width Button]] for how to import it.
The [[Dashboard]] is a simple unified interface for many of the things I use tiddlywiki for. You can see You can just import the section you want and create your own interface if you don't want to use the dashboard. If you do that I would like to hear how you are using it and what your choice of interface is so that I can improve things here. Email me at inmysocks (at) gmail (dot) com
The macro that makes the stuff at the bottom of the tiddlers work (see [[BottomOfTiddler Macro]]):
[[BottomOfTiddlerMacro]]
<<fa "fa-star fa-spin">> [[Font Awesome|Using Font Awesome]] <<fa fa-flag>> Font awesome is a font that lets you use many different SVG icons. <<fa fa-home>> You should read the page here on it and check out the linked pages for plugin information and more documentation. <<fa fa-heart>> The macros here are described in [[Using Font Awesome]] and are just shortcuts for adding icons. <<fa fa-smile-o>>
Plugin: [[$:/fonts/FontAwesome]]<br>
Macros: FontAwesomeMacro
The [[RandVal Plugin]] (for some reason just importing this plugin tiddler isn't importing everything, you may have to import the tiddlers individually. Click on the plugin name below and import the listed tiddlers.) This plugin adds the widget action-randval that generates a random number in a set range and stores it in a field. See the plugin page for more detail.
[[$:/plugins/inmysocks/randVal]]
KaTeX plugin - [[lets you do LaTeX typesetting in the wiki|Adding LaTeX Equations]]
[[$:/plugins/tiddlywiki/katex]]
General Macros - macros that do other stuff. Currently contains: [[TextSlider Macro]], [[TiddlerSlider Macro]], and some other stuff
[[GeneralMacros]]
The HoverWidget to make mouseover popup things work
[[$:/plugins/ahahn/hoverWidget]]
Macros that implement other hover actions, these require the HoverWidget, so import that also. (currently the [[hoverData|Make data from a dictionary tiddler appear when you hover over something]], [[hoverBlurb|Make a tiddlers blurb popup when you hover over a link]], [[hoverTiddler|Make one tiddler popup when you hover over a link to another tiddler]] , and [[hoverImageBlurb|Make an image tiddlers blurb field show up like a tooltip]] macros are included.)
[[MyHoverMacros]]
If you like the spinning prinny than you can import the image
[[PrinnySpin]]
<<bottomOfTiddler {{!!title}}>>
So after some surprisingly patient explanations from people in the google group in [[this thread|https://groups.google.com/forum/#!topic/tiddlywiki/Itt-_P-k-Og]] it turns out that while some of the problems listed here exist they aren't nearly as important as I thought. All that is required is some explanation of what is from the core tiddlywiki, what is from plugins and what is wiki content. There are still some fuzzy areas but that will only be a problem if there are plugins with non-BSD-style licenses that limit the use of modified code.
---
As a single page application used for content creation and distribution TiddlyWiki fits into an area that isn't explicitly addressed by any of the software licenses I have seen. The content of tiddlers should, in my opinion, be considered separate from the tiddlywiki core, and plugins should be considered separate entities from either the content of the wiki or the core itself. Unfortunately while this sounds nice in theory, in practice it raises questions without obvious answers.
Unlink other content creation tools, like photoshop or any of the various word processors, the content created by the user and the program itself are distinct entities but for tiddlywiki, because everything is a tiddler, user created content is contained in a single html file (unless it is run under node), the distinction between wiki content, plugins, and the core is hard do define in a precise way because of the many possible edge cases. If you use a plugin and then overwrite one of the shadow tiddlers in the plugin does the overwritten tiddler become part of the wiki content or is it still part of the plugin? The same applies to the core. It seems obvious that if you are changing the settings used by a plugin and the settings are stored in a shadow tiddler than the overwritten tiddler containing these settings is still part of the plugin, but in the case of the core it doesn't make sense for the content of the tiddlers $:/SiteTitle and $:/SiteSubtitle to be considered part of the core as opposed to wiki content.
This may be able to be resolved in a similar way as the linking exemption allowed under some forms of the GPL for software libraries, but there are people that argue about the validity of those exemptions and they have a much more clearly defined separation between the components with a GPL license and those without.
We might be able to say that plugins (including the core), defined as the collection of unmodified shadow tiddlers, are each distinct entities as far as licensing is concerned and make sure to include a clause in the licenses used that handles the cases where these shadow tiddlers are modified. How this is going to be distinct from a derivative work I don't know. Maybe any modifications to the shadow tiddlers that doesn't alter the fundamental use of the plugin, like changing settings tiddlers, can fit under one clause and derivative works can be defined as repacking the plugin with changes. Or possibly any changes that are made using tools supplied by the plugin itself are in one category and changes that require manually editing are another case.
Then any other tiddlers are considered wiki content and can be handled by a separate license.
So each plugin would be able to have its own license, where the plugin license handles the case of modified shadow tiddlers, and wiki content can have it's own license.
This still leaves some holes, like the situation where a non-shadow tiddler can modify the behavior of a plugin using things like css. Or if a plugin uses the `$:/RawMarkup` tag does the html generated by it fall under the plugin license or the TiddlyWiki license?
While these problems are probably not going to be a big deal for the code side of TiddlyWiki as currently it looks like most people creating code for TiddlyWiki want the code to be free, this may become a problem when people start using TiddlyWiki to create content that they then sell or use commercially in some other way.
| Set Font Size | Set Line Height |h
|<$radio tiddler='$:/themes/tiddlywiki/vanilla/metrics/bodyfontsize' field='text' value='24px'> 24</$radio> |<$radio tiddler='$:/themes/tiddlywiki/vanilla/metrics/bodylineheight' field='text' value='30px'> 30</$radio>|
|<$radio tiddler='$:/themes/tiddlywiki/vanilla/metrics/bodyfontsize' field='text' value='18px'> 18</$radio>|<$radio tiddler='$:/themes/tiddlywiki/vanilla/metrics/bodylineheight' field='text' value='24px'> 24</$radio>|
|<$radio tiddler='$:/themes/tiddlywiki/vanilla/metrics/bodyfontsize' field='text' value='15px'> 15</$radio>|<$radio tiddler='$:/themes/tiddlywiki/vanilla/metrics/bodylineheight' field='text' value='22px'> 22</$radio>|
|<$radio tiddler='$:/themes/tiddlywiki/vanilla/metrics/bodyfontsize' field='text' value='12px'> 12</$radio>|<$radio tiddler='$:/themes/tiddlywiki/vanilla/metrics/bodylineheight' field='text' value='18px'> 18</$radio>|
|<$radio tiddler='$:/themes/tiddlywiki/vanilla/metrics/bodyfontsize' field='text' value='8px'> 8</$radio> |<$radio tiddler='$:/themes/tiddlywiki/vanilla/metrics/bodylineheight' field='text' value='14px'> 14</$radio>|
|Name |<$view field='caption'/> |
|Type |<$view field='name_plate_type'/> |
|Description |<$view field='description'/> |
|URL |<a href={{!!url}} target='_blank'><$view field='url'/></a> |
<<tabs "TiddlerWidthSettings [[Tiddler Title Font Settings]] [[Tiddler Body Font Settings]]" TiddlerWidthSettings '$:/state/settingstab' 'tc-vertical'>>
| Set Font Size | Set Line Height |h
|<$radio tiddler='$:/themes/tiddlywiki/vanilla/metrics/fontsize' field='text' value='24px'> 24</$radio> |<$radio tiddler='$:/themes/tiddlywiki/vanilla/metrics/lineheight' field='text' value='30px'> 30</$radio>|
|<$radio tiddler='$:/themes/tiddlywiki/vanilla/metrics/fontsize' field='text' value='18px'> 18</$radio>|<$radio tiddler='$:/themes/tiddlywiki/vanilla/metrics/lineheight' field='text' value='24px'> 24</$radio>|
|<$radio tiddler='$:/themes/tiddlywiki/vanilla/metrics/fontsize' field='text' value='14px'> 14</$radio>|<$radio tiddler='$:/themes/tiddlywiki/vanilla/metrics/lineheight' field='text' value='20px'> 20</$radio>|
|<$radio tiddler='$:/themes/tiddlywiki/vanilla/metrics/fontsize' field='text' value='12px'> 12</$radio>|<$radio tiddler='$:/themes/tiddlywiki/vanilla/metrics/lineheight' field='text' value='18px'> 18</$radio>|
|<$radio tiddler='$:/themes/tiddlywiki/vanilla/metrics/fontsize' field='text' value='8px'> 8</$radio> |<$radio tiddler='$:/themes/tiddlywiki/vanilla/metrics/lineheight' field='text' value='14px'> 14</$radio>|
<$list filter='[all[]][is[system]][is[shadow]][plugintiddlers[]]-[[$:/library/sjcl.js]] -[[$:/boot/bootprefix.js]] -[[$:/boot/boot.js]] -[[$:/boot/boot.css]] -[[$:/core]] -[[$:/isEncrypted]] -[[$:/themes/tiddlywiki/snowwhite]] -[[$:/themes/tiddlywiki/vanilla]] -[[$:/temp/info-plugin]] -[[$:/StoryList]] -[[$:/HistoryList]] -[[$:/state/tab/sidebar--1835078512]] -[[$:/state/tab/moresidebar-401116514]] -[[$:/Acknowledgements]] -[[$:/AdvancedSearch]] -[[$:/ControlPanel]] -[[$:/DefaultTiddlers]] -[[$:/SiteSubtitle]] -[[$:/SiteTitle]] -[[$:/TagManager]] -[[$:/config/AnimationDuration]] -[[$:/config/AutoSave]] -[[$:/config/BitmapEditor/Colour]] -[[$:/config/BitmapEditor/LineWidth]] -[[$:/config/EditTemplateFields/Visibility/bag]] -[[$:/config/EditTemplateFields/Visibility/created]] -[[$:/config/EditTemplateFields/Visibility/creator]] -[[$:/config/EditTemplateFields/Visibility/draft.of]] -[[$:/config/EditTemplateFields/Visibility/draft.title]] -[[$:/config/EditTemplateFields/Visibility/modified]] -[[$:/config/EditTemplateFields/Visibility/modifier]] -[[$:/config/EditTemplateFields/Visibility/revision]] -[[$:/config/EditTemplateFields/Visibility/tags]] -[[$:/config/EditTemplateFields/Visibility/text]] -[[$:/config/EditTemplateFields/Visibility/title]] -[[$:/config/EditTemplateFields/Visibility/type]] -[[$:/config/EditorTypeMappings/image/gif]] -[[$:/config/EditorTypeMappings/image/jpeg]] -[[$:/config/EditorTypeMappings/image/jpg]] -[[$:/config/EditorTypeMappings/image/png]] -[[$:/config/EditorTypeMappings/image/x-icon]] -[[$:/config/EditorTypeMappings/text/vnd.tiddlywiki]] -[[$:/config/Navigation/UpdateAddressBar]] -[[$:/config/Navigation/UpdateHistory]] -[[$:/config/NewJournal/Tags]] -[[$:/config/NewJournal/Title]] -[[$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/advanced-search]] -[[$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/close-all]] -[[$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/encryption]] -[[$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/export-page]] -[[$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/full-screen]] -[[$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/home]] -[[$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/import]] -[[$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/language]] -[[$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/more-page-actions]] -[[$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/new-journal]] -[[$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/permaview]] -[[$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/refresh]] -[[$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/storyview]] -[[$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/tag-manager]] -[[$:/config/PageControlButtons/Visibility/$:/core/ui/Buttons/theme]] -[[$:/config/SaveWikiButton/Template]] -[[$:/config/SaverFilter]] -[[$:/config/SearchResults/Default]] -[[$:/config/SyncFilter]] -[[$:/config/TiddlerInfo/Default]] -[[$:/config/Toolbar/Icons]] -[[$:/config/Toolbar/Text]] -[[$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/clone]] -[[$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/close-others]] -[[$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/export-tiddler]] -[[$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/info]] -[[$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/more-tiddler-actions]] -[[$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/new-here]] -[[$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/new-journal-here]] -[[$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/permalink]] -[[$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/permaview]] -[[$:/core/Filters/AllTags]] -[[$:/core/Filters/AllTiddlers]] -[[$:/core/Filters/Drafts]] -[[$:/core/Filters/Missing]] -[[$:/core/Filters/Orphans]] -[[$:/core/Filters/OverriddenShadowTiddlers]] -[[$:/core/Filters/RecentSystemTiddlers]] -[[$:/core/Filters/RecentTiddlers]] -[[$:/core/Filters/ShadowTiddlers]] -[[$:/core/Filters/SystemTags]] -[[$:/core/Filters/SystemTiddlers]] -[[$:/core/copyright.txt]] -[[$:/core/icon]] -[[$:/core/images/advanced-search-button]] -[[$:/core/images/blank]] -[[$:/core/images/cancel-button]] -[[$:/core/images/chevron-down]] -[[$:/core/images/chevron-left]] -[[$:/core/images/chevron-right]] -[[$:/core/images/chevron-up]] -[[$:/core/images/clone-button]] -[[$:/core/images/close-all-button]] -[[$:/core/images/close-button]] -[[$:/core/images/close-others-button]] -[[$:/core/images/delete-button]] -[[$:/core/images/done-button]] -[[$:/core/images/down-arrow]] -[[$:/core/images/download-button]] -[[$:/core/images/edit-button]] -[[$:/core/images/export-button]] -[[$:/core/images/full-screen-button]] -[[$:/core/images/globe]] -[[$:/core/images/home-button]] -[[$:/core/images/import-button]] -[[$:/core/images/info-button]] -[[$:/core/images/locked-padlock]] -[[$:/core/images/menu-button]] -[[$:/core/images/new-button]] -[[$:/core/images/new-here-button]] -[[$:/core/images/new-journal-button]] -[[$:/core/images/options-button]] -[[$:/core/images/permalink-button]] -[[$:/core/images/permaview-button]] -[[$:/core/images/plugin-generic-language]] -[[$:/core/images/plugin-generic-plugin]] -[[$:/core/images/plugin-generic-theme]] -[[$:/core/images/refresh-button]] -[[$:/core/images/right-arrow]] -[[$:/core/images/save-button]] -[[$:/core/images/star-filled]] -[[$:/core/images/storyview-classic]] -[[$:/core/images/storyview-pop]] -[[$:/core/images/storyview-zoomin]] -[[$:/core/images/tag-button]] -[[$:/core/images/theme-button]] -[[$:/core/images/unlocked-padlock]] -[[$:/core/images/video]] -[[$:/core/macros/CSS]] -[[$:/core/macros/export]] -[[$:/core/macros/lingo]] -[[$:/core/macros/list]] -[[$:/core/macros/tabs]] -[[$:/core/macros/tag]] -[[$:/core/macros/timeline]] -[[$:/core/macros/toc]] -[[$:/core/modules/commander.js]] -[[$:/core/modules/commands/build.js]] -[[$:/core/modules/commands/clearpassword.js]] -[[$:/core/modules/commands/editions.js]] -[[$:/core/modules/commands/help.js]] -[[$:/core/modules/commands/init.js]] -[[$:/core/modules/commands/load.js]] -[[$:/core/modules/commands/makelibrary.js]] -[[$:/core/modules/commands/output.js]] -[[$:/core/modules/commands/password.js]] -[[$:/core/modules/commands/rendertiddler.js]] -[[$:/core/modules/commands/rendertiddlers.js]] -[[$:/core/modules/commands/savetiddler.js]] -[[$:/core/modules/commands/savetiddlers.js]] -[[$:/core/modules/commands/server.js]] -[[$:/core/modules/commands/setfield.js]] -[[$:/core/modules/commands/unpackplugin.js]] -[[$:/core/modules/commands/verbose.js]] -[[$:/core/modules/commands/version.js]] -[[$:/core/modules/config.js]] -[[$:/core/modules/deserializers.js]] -[[$:/core/modules/filters.js]] -[[$:/core/modules/filters/addprefix.js]] -[[$:/core/modules/filters/addsuffix.js]] -[[$:/core/modules/filters/after.js]] -[[$:/core/modules/filters/all.js]] -[[$:/core/modules/filters/all/current.js]] -[[$:/core/modules/filters/all/missing.js]] -[[$:/core/modules/filters/all/orphans.js]] -[[$:/core/modules/filters/all/shadows.js]] -[[$:/core/modules/filters/all/tiddlers.js]] -[[$:/core/modules/filters/backlinks.js]] -[[$:/core/modules/filters/before.js]] -[[$:/core/modules/filters/commands.js]] -[[$:/core/modules/filters/each.js]] -[[$:/core/modules/filters/eachday.js]] -[[$:/core/modules/filters/field.js]] -[[$:/core/modules/filters/fields.js]] -[[$:/core/modules/filters/get.js]] -[[$:/core/modules/filters/has.js]] -[[$:/core/modules/filters/indexes.js]] -[[$:/core/modules/filters/is.js]] -[[$:/core/modules/filters/is/current.js]] -[[$:/core/modules/filters/is/image.js]] -[[$:/core/modules/filters/is/missing.js]] -[[$:/core/modules/filters/is/orphan.js]] -[[$:/core/modules/filters/is/shadow.js]] -[[$:/core/modules/filters/is/system.js]] -[[$:/core/modules/filters/is/tag.js]] -[[$:/core/modules/filters/is/tiddler.js]] -[[$:/core/modules/filters/limit.js]] -[[$:/core/modules/filters/links.js]] -[[$:/core/modules/filters/list.js]] -[[$:/core/modules/filters/listed.js]] -[[$:/core/modules/filters/listops.js]] -[[$:/core/modules/filters/modules.js]] -[[$:/core/modules/filters/moduletypes.js]] -[[$:/core/modules/filters/next.js]] -[[$:/core/modules/filters/plugintiddlers.js]] -[[$:/core/modules/filters/prefix.js]] -[[$:/core/modules/filters/previous.js]] -[[$:/core/modules/filters/regexp.js]] -[[$:/core/modules/filters/removeprefix.js]] -[[$:/core/modules/filters/removesuffix.js]] -[[$:/core/modules/filters/sameday.js]] -[[$:/core/modules/filters/search.js]] -[[$:/core/modules/filters/shadowsource.js]] -[[$:/core/modules/filters/sort.js]] -[[$:/core/modules/filters/splitbefore.js]] -[[$:/core/modules/filters/storyviews.js]] -[[$:/core/modules/filters/suffix.js]] -[[$:/core/modules/filters/tag.js]] -[[$:/core/modules/filters/tagging.js]] -[[$:/core/modules/filters/tags.js]] -[[$:/core/modules/filters/title.js]] -[[$:/core/modules/filters/untagged.js]] -[[$:/core/modules/info/platform.js]] -[[$:/core/modules/language.js]] -[[$:/core/modules/macros/changecount.js]] -[[$:/core/modules/macros/contrastcolour.js]] -[[$:/core/modules/macros/csvtiddlers.js]] -[[$:/core/modules/macros/dumpvariables.js]] -[[$:/core/modules/macros/jsontiddlers.js]] -[[$:/core/modules/macros/makedatauri.js]] -[[$:/core/modules/macros/now.js]] -[[$:/core/modules/macros/qualify.js]] -[[$:/core/modules/macros/version.js]] -[[$:/core/modules/parsers/audioparser.js]] -[[$:/core/modules/parsers/csvparser.js]] -[[$:/core/modules/parsers/htmlparser.js]] -[[$:/core/modules/parsers/imageparser.js]] -[[$:/core/modules/parsers/textparser.js]] -[[$:/core/modules/parsers/wikiparser/rules/codeblock.js]] -[[$:/core/modules/parsers/wikiparser/rules/codeinline.js]] -[[$:/core/modules/parsers/wikiparser/rules/commentblock.js]] -[[$:/core/modules/parsers/wikiparser/rules/commentinline.js]] -[[$:/core/modules/parsers/wikiparser/rules/dash.js]] -[[$:/core/modules/parsers/wikiparser/rules/emphasis/bold.js]] -[[$:/core/modules/parsers/wikiparser/rules/emphasis/italic.js]] -[[$:/core/modules/parsers/wikiparser/rules/emphasis/strikethrough.js]] -[[$:/core/modules/parsers/wikiparser/rules/emphasis/subscript.js]] -[[$:/core/modules/parsers/wikiparser/rules/emphasis/superscript.js]] -[[$:/core/modules/parsers/wikiparser/rules/emphasis/underscore.js]] -[[$:/core/modules/parsers/wikiparser/rules/entity.js]] -[[$:/core/modules/parsers/wikiparser/rules/extlink.js]] -[[$:/core/modules/parsers/wikiparser/rules/filteredtranscludeblock.js]] -[[$:/core/modules/parsers/wikiparser/rules/filteredtranscludeinline.js]] -[[$:/core/modules/parsers/wikiparser/rules/hardlinebreaks.js]] -[[$:/core/modules/parsers/wikiparser/rules/heading.js]] -[[$:/core/modules/parsers/wikiparser/rules/horizrule.js]] -[[$:/core/modules/parsers/wikiparser/rules/html.js]] -[[$:/core/modules/parsers/wikiparser/rules/image.js]] -[[$:/core/modules/parsers/wikiparser/rules/list.js]] -[[$:/core/modules/parsers/wikiparser/rules/macrocallblock.js]] -[[$:/core/modules/parsers/wikiparser/rules/macrocallinline.js]] -[[$:/core/modules/parsers/wikiparser/rules/macrodef.js]] -[[$:/core/modules/parsers/wikiparser/rules/prettyextlink.js]] -[[$:/core/modules/parsers/wikiparser/rules/prettylink.js]] -[[$:/core/modules/parsers/wikiparser/rules/quoteblock.js]] -[[$:/core/modules/parsers/wikiparser/rules/rules.js]] -[[$:/core/modules/parsers/wikiparser/rules/styleblock.js]] -[[$:/core/modules/parsers/wikiparser/rules/styleinline.js]] -[[$:/core/modules/parsers/wikiparser/rules/table.js]] -[[$:/core/modules/parsers/wikiparser/rules/transcludeblock.js]] -[[$:/core/modules/parsers/wikiparser/rules/transcludeinline.js]] -[[$:/core/modules/parsers/wikiparser/rules/typedblock.js]] -[[$:/core/modules/parsers/wikiparser/rules/wikilink.js]] -[[$:/core/modules/parsers/wikiparser/rules/wikirulebase.js]] -[[$:/core/modules/parsers/wikiparser/wikiparser.js]] -[[$:/core/modules/pluginswitcher.js]] -[[$:/core/modules/saver-handler.js]] -[[$:/core/modules/savers/andtidwiki.js]] -[[$:/core/modules/savers/download.js]] -[[$:/core/modules/savers/fsosaver.js]] -[[$:/core/modules/savers/manualdownload.js]] -[[$:/core/modules/savers/msdownload.js]] -[[$:/core/modules/savers/tiddlyfox.js]] -[[$:/core/modules/savers/tiddlyie.js]] -[[$:/core/modules/savers/twedit.js]] -[[$:/core/modules/savers/upload.js]] -[[$:/core/modules/startup.js]] -[[$:/core/modules/startup/commands.js]] -[[$:/core/modules/startup/favicon.js]] -[[$:/core/modules/startup/info.js]] -[[$:/core/modules/startup/load-modules.js]] -[[$:/core/modules/startup/password.js]] -[[$:/core/modules/startup/render.js]] -[[$:/core/modules/startup/rootwidget.js]] -[[$:/core/modules/startup/story.js]] -[[$:/core/modules/storyviews/classic.js]] -[[$:/core/modules/storyviews/pop.js]] -[[$:/core/modules/storyviews/zoomin.js]] -[[$:/core/modules/syncer.js]] -[[$:/core/modules/tiddler.js]] -[[$:/core/modules/upgraders/plugins.js]] -[[$:/core/modules/upgraders/system.js]] -[[$:/core/modules/upgraders/themetweaks.js]] -[[$:/core/modules/utils/crypto.js]] -[[$:/core/modules/utils/dom.js]] -[[$:/core/modules/utils/dom/animations/slide.js]] -[[$:/core/modules/utils/dom/animator.js]] -[[$:/core/modules/utils/dom/browser.js]] -[[$:/core/modules/utils/dom/csscolorparser.js]] -[[$:/core/modules/utils/dom/http.js]] -[[$:/core/modules/utils/dom/keyboard.js]] -[[$:/core/modules/utils/dom/modal.js]] -[[$:/core/modules/utils/dom/notifier.js]] -[[$:/core/modules/utils/dom/popup.js]] -[[$:/core/modules/utils/dom/scroller.js]] -[[$:/core/modules/utils/fakedom.js]] -[[$:/core/modules/utils/filesystem.js]] -[[$:/core/modules/utils/logger.js]] -[[$:/core/modules/utils/parsetree.js]] -[[$:/core/modules/utils/parseutils.js]] -[[$:/core/modules/utils/performance.js]] -[[$:/core/modules/utils/pluginmaker.js]] -[[$:/core/modules/utils/utils.js]] -[[$:/core/modules/widgets/action-deletefield.js]] -[[$:/core/modules/widgets/action-deletetiddler.js]] -[[$:/core/modules/widgets/action-navigate.js]] -[[$:/core/modules/widgets/action-sendmessage.js]] -[[$:/core/modules/widgets/action-setfield.js]] -[[$:/core/modules/widgets/browse.js]] -[[$:/core/modules/widgets/button.js]] -[[$:/core/modules/widgets/checkbox.js]] -[[$:/core/modules/widgets/codeblock.js]] -[[$:/core/modules/widgets/count.js]] -[[$:/core/modules/widgets/dropzone.js]] -[[$:/core/modules/widgets/edit-binary.js]] -[[$:/core/modules/widgets/edit-bitmap.js]] -[[$:/core/modules/widgets/edit-text.js]] -[[$:/core/modules/widgets/edit.js]] -[[$:/core/modules/widgets/element.js]] -[[$:/core/modules/widgets/encrypt.js]] -[[$:/core/modules/widgets/entity.js]] -[[$:/core/modules/widgets/fieldmangler.js]] -[[$:/core/modules/widgets/fields.js]] -[[$:/core/modules/widgets/image.js]] -[[$:/core/modules/widgets/importvariables.js]] -[[$:/core/modules/widgets/keyboard.js]] -[[$:/core/modules/widgets/link.js]] -[[$:/core/modules/widgets/linkcatcher.js]] -[[$:/core/modules/widgets/list.js]] -[[$:/core/modules/widgets/macrocall.js]] -[[$:/core/modules/widgets/navigator.js]] -[[$:/core/modules/widgets/password.js]] -[[$:/core/modules/widgets/radio.js]] -[[$:/core/modules/widgets/raw.js]] -[[$:/core/modules/widgets/reveal.js]] -[[$:/core/modules/widgets/scrollable.js]] -[[$:/core/modules/widgets/select.js]] -[[$:/core/modules/widgets/set.js]] -[[$:/core/modules/widgets/text.js]] -[[$:/core/modules/widgets/tiddler.js]] -[[$:/core/modules/widgets/transclude.js]] -[[$:/core/modules/widgets/view.js]] -[[$:/core/modules/widgets/widget.js]] -[[$:/core/modules/wiki.js]] -[[$:/core/readme]] -[[$:/core/save/all]] -[[$:/core/save/empty]] -[[$:/core/save/lazy-images]] -[[$:/core/templates/MOTW.html]] -[[$:/core/templates/alltiddlers.template.html]] -[[$:/core/templates/canonical-uri-external-image]] -[[$:/core/templates/css-tiddler]] -[[$:/core/templates/exporters/CsvFile]] -[[$:/core/templates/exporters/JsonFile]] -[[$:/core/templates/exporters/StaticRiver]] -[[$:/core/templates/exporters/StaticRiver/Content]] -[[$:/core/templates/exporters/TidFile]] -[[$:/core/templates/html-div-tiddler]] -[[$:/core/templates/html-tiddler]] -[[$:/core/templates/javascript-tiddler]] -[[$:/core/templates/module-tiddler]] -[[$:/core/templates/plain-text-tiddler]] -[[$:/core/templates/split-recipe]] -[[$:/core/templates/static-tiddler]] -[[$:/core/templates/static.area]] -[[$:/core/templates/static.content]] -[[$:/core/templates/static.template.css]] -[[$:/core/templates/static.template.html]] -[[$:/core/templates/static.tiddler.html]] -[[$:/core/templates/store.area.template.html]] -[[$:/core/templates/tid-tiddler]] -[[$:/core/templates/tiddler-metadata]] -[[$:/core/templates/tiddlywiki5.html]] -[[$:/core/templates/version]] -[[$:/core/templates/wikified-tiddler]] -[[$:/core/ui/AdvancedSearch/Filter]] -[[$:/core/ui/AdvancedSearch/Shadows]] -[[$:/core/ui/AdvancedSearch/Standard]] -[[$:/core/ui/AdvancedSearch/System]] -[[$:/core/ui/AlertTemplate]] -[[$:/core/ui/BinaryWarning]] -[[$:/core/ui/Buttons/advanced-search]] -[[$:/core/ui/Buttons/cancel]] -[[$:/core/ui/Buttons/clone]] -[[$:/core/ui/Buttons/close]] -[[$:/core/ui/Buttons/close-all]] -[[$:/core/ui/Buttons/close-others]] -[[$:/core/ui/Buttons/control-panel]] -[[$:/core/ui/Buttons/delete]] -[[$:/core/ui/Buttons/edit]] -[[$:/core/ui/Buttons/encryption]] -[[$:/core/ui/Buttons/export-page]] -[[$:/core/ui/Buttons/export-tiddler]] -[[$:/core/ui/Buttons/full-screen]] -[[$:/core/ui/Buttons/home]] -[[$:/core/ui/Buttons/import]] -[[$:/core/ui/Buttons/info]] -[[$:/core/ui/Buttons/language]] -[[$:/core/ui/Buttons/more-page-actions]] -[[$:/core/ui/Buttons/more-tiddler-actions]] -[[$:/core/ui/Buttons/new-here]] -[[$:/core/ui/Buttons/new-journal]] -[[$:/core/ui/Buttons/new-journal-here]] -[[$:/core/ui/Buttons/new-tiddler]] -[[$:/core/ui/Buttons/permalink]] -[[$:/core/ui/Buttons/permaview]] -[[$:/core/ui/Buttons/refresh]] -[[$:/core/ui/Buttons/save]] -[[$:/core/ui/Buttons/save-wiki]] -[[$:/core/ui/Buttons/storyview]] -[[$:/core/ui/Buttons/tag-manager]] -[[$:/core/ui/Buttons/theme]] -[[$:/core/ui/ControlPanel/Advanced]] -[[$:/core/ui/ControlPanel/Appearance]] -[[$:/core/ui/ControlPanel/Basics]] -[[$:/core/ui/ControlPanel/EditorTypes]] -[[$:/core/ui/ControlPanel/Info]] -[[$:/core/ui/ControlPanel/LoadedModules]] -[[$:/core/ui/ControlPanel/Palette]] -[[$:/core/ui/ControlPanel/Plugins]] -[[$:/core/ui/ControlPanel/Saving]] -[[$:/core/ui/ControlPanel/Settings]] -[[$:/core/ui/ControlPanel/Settings/AutoSave]] -[[$:/core/ui/ControlPanel/Settings/NavigationAddressBar]] -[[$:/core/ui/ControlPanel/Settings/NavigationHistory]] -[[$:/core/ui/ControlPanel/Settings/ToolbarButtons]] -[[$:/core/ui/ControlPanel/StoryView]] -[[$:/core/ui/ControlPanel/Theme]] -[[$:/core/ui/ControlPanel/TiddlerFields]] -[[$:/core/ui/ControlPanel/Toolbars]] -[[$:/core/ui/ControlPanel/Toolbars/EditToolbar]] -[[$:/core/ui/ControlPanel/Toolbars/PageControls]] -[[$:/core/ui/ControlPanel/Toolbars/ViewToolbar]] -[[$:/core/ui/DefaultSearchResultList]] -[[$:/core/ui/EditTemplate]] -[[$:/core/ui/EditTemplate/body]] -[[$:/core/ui/EditTemplate/controls]] -[[$:/core/ui/EditTemplate/fields]] -[[$:/core/ui/EditTemplate/shadow]] -[[$:/core/ui/EditTemplate/tags]] -[[$:/core/ui/EditTemplate/title]] -[[$:/core/ui/EditTemplate/type]] -[[$:/core/ui/ImportListing]] -[[$:/core/ui/ListItemTemplate]] -[[$:/core/ui/MissingTemplate]] -[[$:/core/ui/MoreSideBar/All]] -[[$:/core/ui/MoreSideBar/Drafts]] -[[$:/core/ui/MoreSideBar/Missing]] -[[$:/core/ui/MoreSideBar/Orphans]] -[[$:/core/ui/MoreSideBar/Recent]] -[[$:/core/ui/MoreSideBar/Shadows]] -[[$:/core/ui/MoreSideBar/System]] -[[$:/core/ui/MoreSideBar/Tags]] -[[$:/core/ui/MoreSideBar/Types]] -[[$:/core/ui/PageStylesheet]] -[[$:/core/ui/PageTemplate]] -[[$:/core/ui/PageTemplate/alerts]] -[[$:/core/ui/PageTemplate/pagecontrols]] -[[$:/core/ui/PageTemplate/sidebar]] -[[$:/core/ui/PageTemplate/story]] -[[$:/core/ui/PageTemplate/topleftbar]] -[[$:/core/ui/PageTemplate/toprightbar]] -[[$:/core/ui/PluginInfo]] -[[$:/core/ui/SearchResults]] -[[$:/core/ui/SideBar/More]] -[[$:/core/ui/SideBar/Open]] -[[$:/core/ui/SideBar/Recent]] -[[$:/core/ui/SideBar/Tools]] -[[$:/core/ui/SideBarLists]] -[[$:/core/ui/TagTemplate]] -[[$:/core/ui/TiddlerFieldTemplate]] -[[$:/core/ui/TiddlerFields]] -[[$:/core/ui/TiddlerInfo]] -[[$:/core/ui/TiddlerInfo/Advanced]] -[[$:/core/ui/TiddlerInfo/Advanced/PluginInfo]] -[[$:/core/ui/TiddlerInfo/Advanced/ShadowInfo]] -[[$:/core/ui/TiddlerInfo/Fields]] -[[$:/core/ui/TiddlerInfo/List]] -[[$:/core/ui/TiddlerInfo/Listed]] -[[$:/core/ui/TiddlerInfo/References]] -[[$:/core/ui/TiddlerInfo/Tagging]] -[[$:/core/ui/TiddlerInfo/Tools]] -[[$:/core/ui/TopBar/menu]] -[[$:/core/ui/UntaggedTemplate]] -[[$:/core/ui/ViewTemplate]] -[[$:/core/ui/ViewTemplate/body]] -[[$:/core/ui/ViewTemplate/classic]] -[[$:/core/ui/ViewTemplate/import]] -[[$:/core/ui/ViewTemplate/plugin]] -[[$:/core/ui/ViewTemplate/subtitle]] -[[$:/core/ui/ViewTemplate/tags]] -[[$:/core/ui/ViewTemplate/title]] -[[$:/core/wiki/title]] -[[$:/info/browser]] -[[$:/info/node]] -[[$:/language]] -[[$:/language/BinaryWarning/Prompt]] -[[$:/language/Buttons/AdvancedSearch/Caption]] -[[$:/language/Buttons/AdvancedSearch/Hint]] -[[$:/language/Buttons/Cancel/Caption]] -[[$:/language/Buttons/Cancel/Hint]] -[[$:/language/Buttons/Clone/Caption]] -[[$:/language/Buttons/Clone/Hint]] -[[$:/language/Buttons/Close/Caption]] -[[$:/language/Buttons/Close/Hint]] -[[$:/language/Buttons/CloseAll/Caption]] -[[$:/language/Buttons/CloseAll/Hint]] -[[$:/language/Buttons/CloseOthers/Caption]] -[[$:/language/Buttons/CloseOthers/Hint]] -[[$:/language/Buttons/ControlPanel/Caption]] -[[$:/language/Buttons/ControlPanel/Hint]] -[[$:/language/Buttons/Delete/Caption]] -[[$:/language/Buttons/Delete/Hint]] -[[$:/language/Buttons/Edit/Caption]] -[[$:/language/Buttons/Edit/Hint]] -[[$:/language/Buttons/Encryption/Caption]] -[[$:/language/Buttons/Encryption/ClearPassword/Caption]] -[[$:/language/Buttons/Encryption/ClearPassword/Hint]] -[[$:/language/Buttons/Encryption/Hint]] -[[$:/language/Buttons/Encryption/SetPassword/Caption]] -[[$:/language/Buttons/Encryption/SetPassword/Hint]] -[[$:/language/Buttons/ExportPage/Caption]] -[[$:/language/Buttons/ExportPage/Hint]] -[[$:/language/Buttons/ExportTiddler/Caption]] -[[$:/language/Buttons/ExportTiddler/Hint]] -[[$:/language/Buttons/ExportTiddlers/Caption]] -[[$:/language/Buttons/ExportTiddlers/Hint]] -[[$:/language/Buttons/FullScreen/Caption]] -[[$:/language/Buttons/FullScreen/Hint]] -[[$:/language/Buttons/HideSideBar/Caption]] -[[$:/language/Buttons/HideSideBar/Hint]] -[[$:/language/Buttons/Home/Caption]] -[[$:/language/Buttons/Home/Hint]] -[[$:/language/Buttons/Import/Caption]] -[[$:/language/Buttons/Import/Hint]] -[[$:/language/Buttons/Info/Caption]] -[[$:/language/Buttons/Info/Hint]] -[[$:/language/Buttons/Language/Caption]] -[[$:/language/Buttons/Language/Hint]] -[[$:/language/Buttons/More/Caption]] -[[$:/language/Buttons/More/Hint]] -[[$:/language/Buttons/NewHere/Caption]] -[[$:/language/Buttons/NewHere/Hint]] -[[$:/language/Buttons/NewJournal/Caption]] -[[$:/language/Buttons/NewJournal/Hint]] -[[$:/language/Buttons/NewJournalHere/Caption]] -[[$:/language/Buttons/NewJournalHere/Hint]] -[[$:/language/Buttons/NewTiddler/Caption]] -[[$:/language/Buttons/NewTiddler/Hint]] -[[$:/language/Buttons/Permalink/Caption]] -[[$:/language/Buttons/Permalink/Hint]] -[[$:/language/Buttons/Permaview/Caption]] -[[$:/language/Buttons/Permaview/Hint]] -[[$:/language/Buttons/Refresh/Caption]] -[[$:/language/Buttons/Refresh/Hint]] -[[$:/language/Buttons/Save/Caption]] -[[$:/language/Buttons/Save/Hint]] -[[$:/language/Buttons/SaveWiki/Caption]] -[[$:/language/Buttons/SaveWiki/Hint]] -[[$:/language/Buttons/ShowSideBar/Caption]] -[[$:/language/Buttons/ShowSideBar/Hint]] -[[$:/language/Buttons/StoryView/Caption]] -[[$:/language/Buttons/StoryView/Hint]] -[[$:/language/Buttons/TagManager/Caption]] -[[$:/language/Buttons/TagManager/Hint]] -[[$:/language/Buttons/Theme/Caption]] -[[$:/language/Buttons/Theme/Hint]] -[[$:/language/ClassicWarning/Hint]] -[[$:/language/ClassicWarning/Upgrade/Caption]] -[[$:/language/CloseAll/Button]] -[[$:/language/ConfirmCancelTiddler]] -[[$:/language/ConfirmDeleteTiddler]] -[[$:/language/ConfirmEditShadowTiddler]] -[[$:/language/ConfirmOverwriteTiddler]] -[[$:/language/ControlPanel/Advanced/Caption]] -[[$:/language/ControlPanel/Advanced/Hint]] -[[$:/language/ControlPanel/Appearance/Caption]] -[[$:/language/ControlPanel/Appearance/Hint]] -[[$:/language/ControlPanel/Basics/AnimDuration/Prompt]] -[[$:/language/ControlPanel/Basics/Caption]] -[[$:/language/ControlPanel/Basics/DefaultTiddlers/BottomHint]] -[[$:/language/ControlPanel/Basics/DefaultTiddlers/Prompt]] -[[$:/language/ControlPanel/Basics/DefaultTiddlers/TopHint]] -[[$:/language/ControlPanel/Basics/Language/Prompt]] -[[$:/language/ControlPanel/Basics/NewJournal/Tags/Prompt]] -[[$:/language/ControlPanel/Basics/NewJournal/Title/Prompt]] -[[$:/language/ControlPanel/Basics/OverriddenShadowTiddlers/Prompt]] -[[$:/language/ControlPanel/Basics/ShadowTiddlers/Prompt]] -[[$:/language/ControlPanel/Basics/Subtitle/Prompt]] -[[$:/language/ControlPanel/Basics/SystemTiddlers/Prompt]] -[[$:/language/ControlPanel/Basics/Tags/Prompt]] -[[$:/language/ControlPanel/Basics/Tiddlers/Prompt]] -[[$:/language/ControlPanel/Basics/Title/Prompt]] -[[$:/language/ControlPanel/Basics/Username/Prompt]] -[[$:/language/ControlPanel/Basics/Version/Prompt]] -[[$:/language/ControlPanel/EditorTypes/Caption]] -[[$:/language/ControlPanel/EditorTypes/Editor/Caption]] -[[$:/language/ControlPanel/EditorTypes/Hint]] -[[$:/language/ControlPanel/EditorTypes/Type/Caption]] -[[$:/language/ControlPanel/Info/Caption]] -[[$:/language/ControlPanel/Info/Hint]] -[[$:/language/ControlPanel/LoadedModules/Caption]] -[[$:/language/ControlPanel/LoadedModules/Hint]] -[[$:/language/ControlPanel/Palette/Caption]] -[[$:/language/ControlPanel/Palette/Editor/Clone/Caption]] -[[$:/language/ControlPanel/Palette/Editor/Clone/Prompt]] -[[$:/language/ControlPanel/Palette/Editor/Prompt]] -[[$:/language/ControlPanel/Palette/Editor/Prompt/Modified]] -[[$:/language/ControlPanel/Palette/Editor/Reset/Caption]] -[[$:/language/ControlPanel/Palette/HideEditor/Caption]] -[[$:/language/ControlPanel/Palette/Prompt]] -[[$:/language/ControlPanel/Palette/ShowEditor/Caption]] -[[$:/language/ControlPanel/Plugins/Caption]] -[[$:/language/ControlPanel/Plugins/Disable/Caption]] -[[$:/language/ControlPanel/Plugins/Disable/Hint]] -[[$:/language/ControlPanel/Plugins/Disabled/Status]] -[[$:/language/ControlPanel/Plugins/Empty/Hint]] -[[$:/language/ControlPanel/Plugins/Enable/Caption]] -[[$:/language/ControlPanel/Plugins/Enable/Hint]] -[[$:/language/ControlPanel/Plugins/Language/Prompt]] -[[$:/language/ControlPanel/Plugins/Plugin/Prompt]] -[[$:/language/ControlPanel/Plugins/Theme/Prompt]] -[[$:/language/ControlPanel/Saving/Caption]] -[[$:/language/ControlPanel/Saving/Heading]] -[[$:/language/ControlPanel/Saving/TiddlySpot/Advanced/Heading]] -[[$:/language/ControlPanel/Saving/TiddlySpot/BackupDir]] -[[$:/language/ControlPanel/Saving/TiddlySpot/Backups]] -[[$:/language/ControlPanel/Saving/TiddlySpot/Description]] -[[$:/language/ControlPanel/Saving/TiddlySpot/Filename]] -[[$:/language/ControlPanel/Saving/TiddlySpot/Heading]] -[[$:/language/ControlPanel/Saving/TiddlySpot/Hint]] -[[$:/language/ControlPanel/Saving/TiddlySpot/Password]] -[[$:/language/ControlPanel/Saving/TiddlySpot/ServerURL]] -[[$:/language/ControlPanel/Saving/TiddlySpot/UploadDir]] -[[$:/language/ControlPanel/Saving/TiddlySpot/UserName]] -[[$:/language/ControlPanel/Settings/AutoSave/Caption]] -[[$:/language/ControlPanel/Settings/AutoSave/Disabled/Description]] -[[$:/language/ControlPanel/Settings/AutoSave/Enabled/Description]] -[[$:/language/ControlPanel/Settings/AutoSave/Hint]] -[[$:/language/ControlPanel/Settings/Caption]] -[[$:/language/ControlPanel/Settings/Hint]] -[[$:/language/ControlPanel/Settings/NavigationAddressBar/Caption]] -[[$:/language/ControlPanel/Settings/NavigationAddressBar/Hint]] -[[$:/language/ControlPanel/Settings/NavigationAddressBar/No/Description]] -[[$:/language/ControlPanel/Settings/NavigationAddressBar/Permalink/Description]] -[[$:/language/ControlPanel/Settings/NavigationAddressBar/Permaview/Description]] -[[$:/language/ControlPanel/Settings/NavigationHistory/Caption]] -[[$:/language/ControlPanel/Settings/NavigationHistory/Hint]] -[[$:/language/ControlPanel/Settings/NavigationHistory/No/Description]] -[[$:/language/ControlPanel/Settings/NavigationHistory/Yes/Description]] -[[$:/language/ControlPanel/Settings/ToolbarButtons/Caption]] -[[$:/language/ControlPanel/Settings/ToolbarButtons/Hint]] -[[$:/language/ControlPanel/Settings/ToolbarButtons/Icons/Description]] -[[$:/language/ControlPanel/Settings/ToolbarButtons/Text/Description]] -[[$:/language/ControlPanel/StoryView/Caption]] -[[$:/language/ControlPanel/StoryView/Prompt]] -[[$:/language/ControlPanel/Theme/Caption]] -[[$:/language/ControlPanel/Theme/Prompt]] -[[$:/language/ControlPanel/TiddlerFields/Caption]] -[[$:/language/ControlPanel/TiddlerFields/Hint]] -[[$:/language/ControlPanel/Toolbars/Caption]] -[[$:/language/ControlPanel/Toolbars/EditToolbar/Caption]] -[[$:/language/ControlPanel/Toolbars/EditToolbar/Hint]] -[[$:/language/ControlPanel/Toolbars/Hint]] -[[$:/language/ControlPanel/Toolbars/PageControls/Caption]] -[[$:/language/ControlPanel/Toolbars/PageControls/Hint]] -[[$:/language/ControlPanel/Toolbars/ViewToolbar/Caption]] -[[$:/language/ControlPanel/Toolbars/ViewToolbar/Hint]] -[[$:/language/ControlPanel/Tools/Download/Full/Caption]] -[[$:/language/Date/DaySuffix/1]] -[[$:/language/Date/DaySuffix/10]] -[[$:/language/Date/DaySuffix/11]] -[[$:/language/Date/DaySuffix/12]] -[[$:/language/Date/DaySuffix/13]] -[[$:/language/Date/DaySuffix/14]] -[[$:/language/Date/DaySuffix/15]] -[[$:/language/Date/DaySuffix/16]] -[[$:/language/Date/DaySuffix/17]] -[[$:/language/Date/DaySuffix/18]] -[[$:/language/Date/DaySuffix/19]] -[[$:/language/Date/DaySuffix/2]] -[[$:/language/Date/DaySuffix/20]] -[[$:/language/Date/DaySuffix/21]] -[[$:/language/Date/DaySuffix/22]] -[[$:/language/Date/DaySuffix/23]] -[[$:/language/Date/DaySuffix/24]] -[[$:/language/Date/DaySuffix/25]] -[[$:/language/Date/DaySuffix/26]] -[[$:/language/Date/DaySuffix/27]] -[[$:/language/Date/DaySuffix/28]] -[[$:/language/Date/DaySuffix/29]] -[[$:/language/Date/DaySuffix/3]] -[[$:/language/Date/DaySuffix/30]] -[[$:/language/Date/DaySuffix/31]] -[[$:/language/Date/DaySuffix/4]] -[[$:/language/Date/DaySuffix/5]] -[[$:/language/Date/DaySuffix/6]] -[[$:/language/Date/DaySuffix/7]] -[[$:/language/Date/DaySuffix/8]] -[[$:/language/Date/DaySuffix/9]] -[[$:/language/Date/Long/Day/0]] -[[$:/language/Date/Long/Day/1]] -[[$:/language/Date/Long/Day/2]] -[[$:/language/Date/Long/Day/3]] -[[$:/language/Date/Long/Day/4]] -[[$:/language/Date/Long/Day/5]] -[[$:/language/Date/Long/Day/6]] -[[$:/language/Date/Long/Month/1]] -[[$:/language/Date/Long/Month/10]] -[[$:/language/Date/Long/Month/11]] -[[$:/language/Date/Long/Month/12]] -[[$:/language/Date/Long/Month/2]] -[[$:/language/Date/Long/Month/3]] -[[$:/language/Date/Long/Month/4]] -[[$:/language/Date/Long/Month/5]] -[[$:/language/Date/Long/Month/6]] -[[$:/language/Date/Long/Month/7]] -[[$:/language/Date/Long/Month/8]] -[[$:/language/Date/Long/Month/9]] -[[$:/language/Date/Period/am]] -[[$:/language/Date/Period/pm]] -[[$:/language/Date/Short/Day/0]] -[[$:/language/Date/Short/Day/1]] -[[$:/language/Date/Short/Day/2]] -[[$:/language/Date/Short/Day/3]] -[[$:/language/Date/Short/Day/4]] -[[$:/language/Date/Short/Day/5]] -[[$:/language/Date/Short/Day/6]] -[[$:/language/Date/Short/Month/1]] -[[$:/language/Date/Short/Month/10]] -[[$:/language/Date/Short/Month/11]] -[[$:/language/Date/Short/Month/12]] -[[$:/language/Date/Short/Month/2]] -[[$:/language/Date/Short/Month/3]] -[[$:/language/Date/Short/Month/4]] -[[$:/language/Date/Short/Month/5]] -[[$:/language/Date/Short/Month/6]] -[[$:/language/Date/Short/Month/7]] -[[$:/language/Date/Short/Month/8]] -[[$:/language/Date/Short/Month/9]] -[[$:/language/DefaultNewTiddlerTitle]] -[[$:/language/Docs/Fields/_canonical_uri]] -[[$:/language/Docs/Fields/bag]] -[[$:/language/Docs/Fields/caption]] -[[$:/language/Docs/Fields/color]] -[[$:/language/Docs/Fields/component]] -[[$:/language/Docs/Fields/created]] -[[$:/language/Docs/Fields/creator]] -[[$:/language/Docs/Fields/current-tiddler]] -[[$:/language/Docs/Fields/dependents]] -[[$:/language/Docs/Fields/description]] -[[$:/language/Docs/Fields/draft.of]] -[[$:/language/Docs/Fields/draft.title]] -[[$:/language/Docs/Fields/footer]] -[[$:/language/Docs/Fields/hack-to-give-us-something-to-compare-against]] -[[$:/language/Docs/Fields/icon]] -[[$:/language/Docs/Fields/library]] -[[$:/language/Docs/Fields/list]] -[[$:/language/Docs/Fields/list-after]] -[[$:/language/Docs/Fields/list-before]] -[[$:/language/Docs/Fields/modified]] -[[$:/language/Docs/Fields/modifier]] -[[$:/language/Docs/Fields/name]] -[[$:/language/Docs/Fields/plugin-priority]] -[[$:/language/Docs/Fields/plugin-type]] -[[$:/language/Docs/Fields/released]] -[[$:/language/Docs/Fields/revision]] -[[$:/language/Docs/Fields/source]] -[[$:/language/Docs/Fields/subtitle]] -[[$:/language/Docs/Fields/tags]] -[[$:/language/Docs/Fields/text]] -[[$:/language/Docs/Fields/title]] -[[$:/language/Docs/Fields/type]] -[[$:/language/Docs/Fields/version]] -[[$:/language/Docs/ModuleTypes/animation]] -[[$:/language/Docs/ModuleTypes/command]] -[[$:/language/Docs/ModuleTypes/config]] -[[$:/language/Docs/ModuleTypes/filteroperator]] -[[$:/language/Docs/ModuleTypes/global]] -[[$:/language/Docs/ModuleTypes/isfilteroperator]] -[[$:/language/Docs/ModuleTypes/macro]] -[[$:/language/Docs/ModuleTypes/parser]] -[[$:/language/Docs/ModuleTypes/saver]] -[[$:/language/Docs/ModuleTypes/startup]] -[[$:/language/Docs/ModuleTypes/storyview]] -[[$:/language/Docs/ModuleTypes/tiddlerdeserializer]] -[[$:/language/Docs/ModuleTypes/tiddlerfield]] -[[$:/language/Docs/ModuleTypes/tiddlermethod]] -[[$:/language/Docs/ModuleTypes/upgrader]] -[[$:/language/Docs/ModuleTypes/utils]] -[[$:/language/Docs/ModuleTypes/utils-node]] -[[$:/language/Docs/ModuleTypes/widget]] -[[$:/language/Docs/ModuleTypes/wikimethod]] -[[$:/language/Docs/ModuleTypes/wikirule]] -[[$:/language/Docs/PaletteColours/alert-background]] -[[$:/language/Docs/PaletteColours/alert-border]] -[[$:/language/Docs/PaletteColours/alert-highlight]] -[[$:/language/Docs/PaletteColours/alert-muted-foreground]] -[[$:/language/Docs/PaletteColours/background]] -[[$:/language/Docs/PaletteColours/blockquote-bar]] -[[$:/language/Docs/PaletteColours/code-background]] -[[$:/language/Docs/PaletteColours/code-border]] -[[$:/language/Docs/PaletteColours/code-foreground]] -[[$:/language/Docs/PaletteColours/dirty-indicator]] -[[$:/language/Docs/PaletteColours/download-background]] -[[$:/language/Docs/PaletteColours/download-foreground]] -[[$:/language/Docs/PaletteColours/dragger-background]] -[[$:/language/Docs/PaletteColours/dragger-foreground]] -[[$:/language/Docs/PaletteColours/dropdown-background]] -[[$:/language/Docs/PaletteColours/dropdown-border]] -[[$:/language/Docs/PaletteColours/dropdown-tab-background]] -[[$:/language/Docs/PaletteColours/dropdown-tab-background-selected]] -[[$:/language/Docs/PaletteColours/dropzone-background]] -[[$:/language/Docs/PaletteColours/external-link-background]] -[[$:/language/Docs/PaletteColours/external-link-background-hover]] -[[$:/language/Docs/PaletteColours/external-link-background-visited]] -[[$:/language/Docs/PaletteColours/external-link-foreground]] -[[$:/language/Docs/PaletteColours/external-link-foreground-hover]] -[[$:/language/Docs/PaletteColours/external-link-foreground-visited]] -[[$:/language/Docs/PaletteColours/foreground]] -[[$:/language/Docs/PaletteColours/message-background]] -[[$:/language/Docs/PaletteColours/message-border]] -[[$:/language/Docs/PaletteColours/message-foreground]] -[[$:/language/Docs/PaletteColours/modal-backdrop]] -[[$:/language/Docs/PaletteColours/modal-background]] -[[$:/language/Docs/PaletteColours/modal-border]] -[[$:/language/Docs/PaletteColours/modal-footer-background]] -[[$:/language/Docs/PaletteColours/modal-footer-border]] -[[$:/language/Docs/PaletteColours/modal-header-border]] -[[$:/language/Docs/PaletteColours/muted-foreground]] -[[$:/language/Docs/PaletteColours/notification-background]] -[[$:/language/Docs/PaletteColours/notification-border]] -[[$:/language/Docs/PaletteColours/page-background]] -[[$:/language/Docs/PaletteColours/pre-background]] -[[$:/language/Docs/PaletteColours/pre-border]] -[[$:/language/Docs/PaletteColours/primary]] -[[$:/language/Docs/PaletteColours/sidebar-button-foreground]] -[[$:/language/Docs/PaletteColours/sidebar-controls-foreground]] -[[$:/language/Docs/PaletteColours/sidebar-controls-foreground-hover]] -[[$:/language/Docs/PaletteColours/sidebar-foreground]] -[[$:/language/Docs/PaletteColours/sidebar-foreground-shadow]] -[[$:/language/Docs/PaletteColours/sidebar-muted-foreground]] -[[$:/language/Docs/PaletteColours/sidebar-muted-foreground-hover]] -[[$:/language/Docs/PaletteColours/sidebar-tab-background]] -[[$:/language/Docs/PaletteColours/sidebar-tab-background-selected]] -[[$:/language/Docs/PaletteColours/sidebar-tab-border]] -[[$:/language/Docs/PaletteColours/sidebar-tab-border-selected]] -[[$:/language/Docs/PaletteColours/sidebar-tab-divider]] -[[$:/language/Docs/PaletteColours/sidebar-tab-foreground]] -[[$:/language/Docs/PaletteColours/sidebar-tab-foreground-selected]] -[[$:/language/Docs/PaletteColours/sidebar-tiddler-link-foreground]] -[[$:/language/Docs/PaletteColours/sidebar-tiddler-link-foreground-hover]] -[[$:/language/Docs/PaletteColours/static-alert-foreground]] -[[$:/language/Docs/PaletteColours/tab-background]] -[[$:/language/Docs/PaletteColours/tab-background-selected]] -[[$:/language/Docs/PaletteColours/tab-border]] -[[$:/language/Docs/PaletteColours/tab-border-selected]] -[[$:/language/Docs/PaletteColours/tab-divider]] -[[$:/language/Docs/PaletteColours/tab-foreground]] -[[$:/language/Docs/PaletteColours/tab-foreground-selected]] -[[$:/language/Docs/PaletteColours/table-border]] -[[$:/language/Docs/PaletteColours/table-footer-background]] -[[$:/language/Docs/PaletteColours/table-header-background]] -[[$:/language/Docs/PaletteColours/tag-background]] -[[$:/language/Docs/PaletteColours/tag-foreground]] -[[$:/language/Docs/PaletteColours/tiddler-background]] -[[$:/language/Docs/PaletteColours/tiddler-border]] -[[$:/language/Docs/PaletteColours/tiddler-controls-foreground]] -[[$:/language/Docs/PaletteColours/tiddler-controls-foreground-hover]] -[[$:/language/Docs/PaletteColours/tiddler-controls-foreground-selected]] -[[$:/language/Docs/PaletteColours/tiddler-editor-background]] -[[$:/language/Docs/PaletteColours/tiddler-editor-border]] -[[$:/language/Docs/PaletteColours/tiddler-editor-border-image]] -[[$:/language/Docs/PaletteColours/tiddler-editor-fields-even]] -[[$:/language/Docs/PaletteColours/tiddler-editor-fields-odd]] -[[$:/language/Docs/PaletteColours/tiddler-info-background]] -[[$:/language/Docs/PaletteColours/tiddler-info-border]] -[[$:/language/Docs/PaletteColours/tiddler-info-tab-background]] -[[$:/language/Docs/PaletteColours/tiddler-link-background]] -[[$:/language/Docs/PaletteColours/tiddler-link-foreground]] -[[$:/language/Docs/PaletteColours/tiddler-subtitle-foreground]] -[[$:/language/Docs/PaletteColours/tiddler-title-foreground]] -[[$:/language/Docs/PaletteColours/toolbar-cancel-button]] -[[$:/language/Docs/PaletteColours/toolbar-close-button]] -[[$:/language/Docs/PaletteColours/toolbar-delete-button]] -[[$:/language/Docs/PaletteColours/toolbar-done-button]] -[[$:/language/Docs/PaletteColours/toolbar-edit-button]] -[[$:/language/Docs/PaletteColours/toolbar-info-button]] -[[$:/language/Docs/PaletteColours/toolbar-new-button]] -[[$:/language/Docs/PaletteColours/toolbar-options-button]] -[[$:/language/Docs/PaletteColours/toolbar-save-button]] -[[$:/language/Docs/PaletteColours/untagged-background]] -[[$:/language/Docs/PaletteColours/very-muted-foreground]] -[[$:/language/Docs/Types/application/javascript]] -[[$:/language/Docs/Types/application/json]] -[[$:/language/Docs/Types/application/x-tiddler-dictionary]] -[[$:/language/Docs/Types/image/gif]] -[[$:/language/Docs/Types/image/jpeg]] -[[$:/language/Docs/Types/image/png]] -[[$:/language/Docs/Types/image/svg+xml]] -[[$:/language/Docs/Types/image/x-icon]] -[[$:/language/Docs/Types/text/css]] -[[$:/language/Docs/Types/text/html]] -[[$:/language/Docs/Types/text/plain]] -[[$:/language/Docs/Types/text/vnd.tiddlywiki]] -[[$:/language/Docs/Types/text/x-tiddlywiki]] -[[$:/language/DropMessage]] -[[$:/language/EditTemplate/Body/External/Hint]] -[[$:/language/EditTemplate/Body/Hint]] -[[$:/language/EditTemplate/Body/Placeholder]] -[[$:/language/EditTemplate/Body/Preview/Button/Hide]] -[[$:/language/EditTemplate/Body/Preview/Button/Show]] -[[$:/language/EditTemplate/Field/Remove/Caption]] -[[$:/language/EditTemplate/Field/Remove/Hint]] -[[$:/language/EditTemplate/Fields/Add/Button]] -[[$:/language/EditTemplate/Fields/Add/Name/Placeholder]] -[[$:/language/EditTemplate/Fields/Add/Prompt]] -[[$:/language/EditTemplate/Fields/Add/Value/Placeholder]] -[[$:/language/EditTemplate/Shadow/OverriddenWarning]] -[[$:/language/EditTemplate/Shadow/Warning]] -[[$:/language/EditTemplate/Tags/Add/Button]] -[[$:/language/EditTemplate/Tags/Add/Placeholder]] -[[$:/language/EditTemplate/Tags/Dropdown/Caption]] -[[$:/language/EditTemplate/Tags/Dropdown/Hint]] -[[$:/language/EditTemplate/Type/Delete/Caption]] -[[$:/language/EditTemplate/Type/Delete/Hint]] -[[$:/language/EditTemplate/Type/Dropdown/Caption]] -[[$:/language/EditTemplate/Type/Dropdown/Hint]] -[[$:/language/EditTemplate/Type/Placeholder]] -[[$:/language/EditTemplate/Type/Prompt]] -[[$:/language/Encryption/ConfirmClearPassword]] -[[$:/language/Encryption/PromptSetPassword]] -[[$:/language/Exporters/CsvFile]] -[[$:/language/Exporters/JsonFile]] -[[$:/language/Exporters/StaticRiver]] -[[$:/language/Exporters/TidFile]] -[[$:/language/Filters/AllTags]] -[[$:/language/Filters/AllTiddlers]] -[[$:/language/Filters/Drafts]] -[[$:/language/Filters/Missing]] -[[$:/language/Filters/Orphans]] -[[$:/language/Filters/OverriddenShadowTiddlers]] -[[$:/language/Filters/RecentSystemTiddlers]] -[[$:/language/Filters/RecentTiddlers]] -[[$:/language/Filters/ShadowTiddlers]] -[[$:/language/Filters/SystemTags]] -[[$:/language/Filters/SystemTiddlers]] -[[$:/language/Help/build]] -[[$:/language/Help/clearpassword]] -[[$:/language/Help/default]] -[[$:/language/Help/editions]] -[[$:/language/Help/help]] -[[$:/language/Help/init]] -[[$:/language/Help/load]] -[[$:/language/Help/makelibrary]] -[[$:/language/Help/notfound]] -[[$:/language/Help/output]] -[[$:/language/Help/password]] -[[$:/language/Help/rendertiddler]] -[[$:/language/Help/rendertiddlers]] -[[$:/language/Help/savetiddler]] -[[$:/language/Help/savetiddlers]] -[[$:/language/Help/server]] -[[$:/language/Help/setfield]] -[[$:/language/Help/unpackplugin]] -[[$:/language/Help/verbose]] -[[$:/language/Help/version]] -[[$:/language/Import/Listing/Cancel/Caption]] -[[$:/language/Import/Listing/Hint]] -[[$:/language/Import/Listing/Import/Caption]] -[[$:/language/Import/Listing/Select/Caption]] -[[$:/language/Import/Listing/Status/Caption]] -[[$:/language/Import/Listing/Title/Caption]] -[[$:/language/Import/Upgrader/Plugins/Suppressed/Incompatible]] -[[$:/language/Import/Upgrader/Plugins/Suppressed/Version]] -[[$:/language/Import/Upgrader/Plugins/Upgraded]] -[[$:/language/Import/Upgrader/State/Suppressed]] -[[$:/language/Import/Upgrader/System/Suppressed]] -[[$:/language/Import/Upgrader/ThemeTweaks/Created]] -[[$:/language/InvalidFieldName]] -[[$:/language/MissingTiddler/Hint]] -[[$:/language/Modals/Download]] -[[$:/language/Modals/SaveInstructions]] -[[$:/language/Notifications/Save/Done]] -[[$:/language/Notifications/Save/Starting]] -[[$:/language/RecentChanges/DateFormat]] -[[$:/language/RelativeDate/Future/Days]] -[[$:/language/RelativeDate/Future/Hours]] -[[$:/language/RelativeDate/Future/Minutes]] -[[$:/language/RelativeDate/Future/Months]] -[[$:/language/RelativeDate/Future/Second]] -[[$:/language/RelativeDate/Future/Seconds]] -[[$:/language/RelativeDate/Future/Years]] -[[$:/language/RelativeDate/Past/Days]] -[[$:/language/RelativeDate/Past/Hours]] -[[$:/language/RelativeDate/Past/Minutes]] -[[$:/language/RelativeDate/Past/Months]] -[[$:/language/RelativeDate/Past/Second]] -[[$:/language/RelativeDate/Past/Seconds]] -[[$:/language/RelativeDate/Past/Years]] -[[$:/language/Search/DefaultResults/Caption]] -[[$:/language/Search/Filter/Caption]] -[[$:/language/Search/Filter/Hint]] -[[$:/language/Search/Filter/Matches]] -[[$:/language/Search/Matches]] -[[$:/language/Search/Shadows/Caption]] -[[$:/language/Search/Shadows/Hint]] -[[$:/language/Search/Shadows/Matches]] -[[$:/language/Search/Standard/Caption]] -[[$:/language/Search/Standard/Hint]] -[[$:/language/Search/Standard/Matches]] -[[$:/language/Search/System/Caption]] -[[$:/language/Search/System/Hint]] -[[$:/language/Search/System/Matches]] -[[$:/language/SideBar/All/Caption]] -[[$:/language/SideBar/Contents/Caption]] -[[$:/language/SideBar/Drafts/Caption]] -[[$:/language/SideBar/Missing/Caption]] -[[$:/language/SideBar/More/Caption]] -[[$:/language/SideBar/Open/Caption]] -[[$:/language/SideBar/Orphans/Caption]] -[[$:/language/SideBar/Recent/Caption]] -[[$:/language/SideBar/Shadows/Caption]] -[[$:/language/SideBar/System/Caption]] -[[$:/language/SideBar/Tags/Caption]] -[[$:/language/SideBar/Tags/Untagged/Caption]] -[[$:/language/SideBar/Tools/Caption]] -[[$:/language/SideBar/Types/Caption]] -[[$:/language/SystemTiddler/Tooltip]] -[[$:/language/TagManager/Colour/Heading]] -[[$:/language/TagManager/Icon/Heading]] -[[$:/language/TagManager/Info/Heading]] -[[$:/language/TagManager/Tag/Heading]] -[[$:/language/TiddlerInfo/Advanced/Caption]] -[[$:/language/TiddlerInfo/Advanced/PluginInfo/Empty/Hint]] -[[$:/language/TiddlerInfo/Advanced/PluginInfo/Heading]] -[[$:/language/TiddlerInfo/Advanced/PluginInfo/Hint]] -[[$:/language/TiddlerInfo/Advanced/ShadowInfo/Heading]] -[[$:/language/TiddlerInfo/Advanced/ShadowInfo/NotShadow/Hint]] -[[$:/language/TiddlerInfo/Advanced/ShadowInfo/OverriddenShadow/Hint]] -[[$:/language/TiddlerInfo/Advanced/ShadowInfo/Shadow/Hint]] -[[$:/language/TiddlerInfo/Advanced/ShadowInfo/Shadow/Source]] -[[$:/language/TiddlerInfo/Fields/Caption]] -[[$:/language/TiddlerInfo/List/Caption]] -[[$:/language/TiddlerInfo/List/Empty]] -[[$:/language/TiddlerInfo/Listed/Caption]] -[[$:/language/TiddlerInfo/Listed/Empty]] -[[$:/language/TiddlerInfo/References/Caption]] -[[$:/language/TiddlerInfo/References/Empty]] -[[$:/language/TiddlerInfo/Tagging/Caption]] -[[$:/language/TiddlerInfo/Tagging/Empty]] -[[$:/language/TiddlerInfo/Tools/Caption]] -[[$:/language/UnsavedChangesWarning]] -[[$:/languages/en-GB]] -[[$:/languages/en-GB/icon]] -[[$:/palette]] -[[$:/palettes/Blanca]] -[[$:/palettes/Blue]] -[[$:/palettes/Contrast]] -[[$:/palettes/Muted]] -[[$:/palettes/Rocker]] -[[$:/palettes/Vanilla]] -[[$:/snippets/allfields]] -[[$:/snippets/currpalettepreview]] -[[$:/snippets/download-wiki-button]] -[[$:/snippets/languageswitcher]] -[[$:/snippets/minilanguageswitcher]] -[[$:/snippets/minithemeswitcher]] -[[$:/snippets/modules]] -[[$:/snippets/paletteeditor]] -[[$:/snippets/palettepreview]] -[[$:/snippets/paletteswitcher]] -[[$:/snippets/themeswitcher]] -[[$:/snippets/viewswitcher]] -[[$:/tags/AdvancedSearch]] -[[$:/tags/ControlPanel]] -[[$:/tags/ControlPanel/Info]] -[[$:/tags/EditTemplate]] -[[$:/tags/EditToolbar]] -[[$:/tags/MoreSideBar]] -[[$:/tags/PageControls]] -[[$:/tags/PageTemplate]] -[[$:/tags/SideBar]] -[[$:/tags/TiddlerInfo]] -[[$:/tags/TiddlerInfo/Advanced]] -[[$:/tags/ViewTemplate]] -[[$:/tags/ViewToolbar]] -[[$:/temp/advancedsearch]] -[[$:/temp/search]] -[[$:/themes/tiddlywiki/snowwhite/base]] -[[$:/themes/tiddlywiki/vanilla/base]] -[[$:/themes/tiddlywiki/vanilla/metrics/bodyfontsize]] -[[$:/themes/tiddlywiki/vanilla/metrics/bodylineheight]] -[[$:/themes/tiddlywiki/vanilla/metrics/fontsize]] -[[$:/themes/tiddlywiki/vanilla/metrics/lineheight]] -[[$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint]] -[[$:/themes/tiddlywiki/vanilla/metrics/storyleft]] -[[$:/themes/tiddlywiki/vanilla/metrics/storyright]] -[[$:/themes/tiddlywiki/vanilla/metrics/storytop]] -[[$:/themes/tiddlywiki/vanilla/metrics/storywidth]] -[[$:/themes/tiddlywiki/vanilla/metrics/tiddlerwidth]] -[[$:/themes/tiddlywiki/vanilla/reset]] -[[$:/themes/tiddlywiki/vanilla/settings/fontfamily]] -[[$:/themes/tiddlywiki/vanilla/themetweaks]] -[[$:/view]] -[[GettingStarted]]'>
</$list>
<$list filter='[all[]]-[[$:/library/sjcl.js]] -[[$:/boot/bootprefix.js]] -[[$:/boot/boot.js]] -[[$:/boot/boot.css]] -[[$:/core]] -[[$:/isEncrypted]] -[[$:/themes/tiddlywiki/snowwhite]] -[[$:/themes/tiddlywiki/vanilla]] -[[$:/temp/info-plugin]] -[[$:/StoryList]] -[[$:/HistoryList]]'>
</$list>
The following tiddlers are needed for the Citation Library:
*[[Citation Library]]
*[[Citations]]
*[[Add Citation]]
Or as a plugin:
[[$:/plugins/inmysocks/Citations]]
These tiddlers are needed to make the [[Contacts]] tiddler function:
*[[Contacts]] - The main tiddler
*[[New Contact Form]] - The input form used to add new contacts
*[[Contacts Settings]] - The tiddler that displays the settings options
*[[GeneralMacros]] - Some slider macros used
*[[ContactsMacros]] - Macros specific to the contacts tiddlers
*[[Contact Group Selector]] - a tiddler used in the [[New Contacts Form]]
*[[ContactDisplayTemplate1]] - The main display template for contacts
*[[ContactDisplayTemplate1 Settings]] - The settings tiddler for Contact Display Template 1
*[[SimpleContactDisplayTemplate]] - A barebones display template
*[[GroupContactListTemplate]] - The template for displaying the contacts split into groups
*[[GroupContactListGroupTemplate]] - The template for how individual groups are handled when using GroupContactListTemplate
*[[GroupContactListTemplate Settings]] - The settings tiddler for how the grouping list works
*[[SimpleContactListTemplate]] - a simple list template for contacts
*[[ContactTemp]] - A temporary tiddler used when adding new contacts
*[[How to make new display templates for contacts]] - not strictly needed, but it has instructions for making new templates
Not necessary but probably useful for new users:
*[[Example Contact (Alias)]]
*[[Example Group]]
[[$:/plugins/inmysocks/Contacts]]
These tiddlers are needed for the [[Create or Edit Tiddlers]] tiddler to work.
*[[Create or Edit Tiddlers]]
*[[New Tiddler Form]]
*[[Edit Tiddler Form]]
Or as a plugin:
[[$:/plugins/inmysocks/CreateEditTiddlers]]
I would like to thank Stephan Hradek for his help teaching me how to make the dictionary searchable in this thread https://groups.google.com/forum/#!topic/TiddlyWiki/4XTKPnZLEMg
*[[Dictionary]] - the main tiddler
*[[$:/data/Dictionary]] - where the data is stored
or the plugin:
[[$:/plugins/inmysocks/SearchableDictionary]]
The following tiddlers are needed for the [[Manage Table of Contents]] tiddler to work.
*[[Manage Table of Contents]]
*TOCArrangeTemplate
*TOCArrangeTemplate2
Or as a plugin:
[[$:/plugins/inmysocks/ManageTOC]]
*[[Quick Notes]] - main display tiddler
*[[Write Quick Note]] - the note creation part
*[[Note List]] - the editable/searchable list of notes
or the plugin, with all the same thing as above where it won't show up in the dashboard on pre-6.1.6 wikis without stuff.:
[[$:/plugins/inmysocks/QuickNotes]]
The following tiddlers are needed for the To-Do list on the dashboard to function properly:
*[[Upgraded Task List]]
*[[Task List]]
*[[Task List Settings]]
*[[BasicTaskDisplayTemplate]]
*[[BasicTaskDisplayTemplateSettings]]
*[[BasicFinishedEntryDisplayTemplate]]
*[[BasicFinishedEntryDisplayTemplateSettings]]
*[[BasicTaskListTemplate]]
*[[BasicTaskListTemplateSettings]]
*[[NewTaskButton]]
*[[NewTaskButtonSettings]]
Or as a plugin:
[[$:/plugins/inmysocks/TaskList]]
if you want to export the tiddlers needed to create and modify the cards without getting all the plugin cards use this filter in the advanced search:
[tag[Plugin twCard]!prefix[twCard - Plugin - ]]
To get all tiddlers including the plugin cards use this filter:
[tag[Plugin twCard]]
Non-plugin info tiddlers:
<$list filter='[tag[Plugin twCard]!prefix[twCard - Plugin - ]]'>
</$list>
---
All tiddlers:
<$list filter='[[Plugin twCard]tagging[]][[Plugin twCard]]'>
</$list>
To create tabs inside a single tiddler you use this code
```
<<tabs "[[GettingStarted]] [[What to do]] [[Help]]" "[[Help]]">>
```
Which displays as
<<tabs "[[GettingStarted]] [[What to do]] [[Help]]" "[[Help]]">>
Each tab shows the contents of a tiddler, the first 3 thing are the names of the tiddlers that are displayed in each tab, you can add more than 3. The last one in the default tab, so when you open the tiddler that tab is being displayed.
<<bottomOfTiddler {{!!title}}>>
This macro makes a button that when pressed displays a tiddler, and when pressed again hides the tiddler.
Usage:
```
<<tiddlerSlider [[What to do]]>>
```
gives:
<<tiddlerSlider "What to do">>
The code for this macro is:
```
\define tiddlerSlider(tiddlerName)
<$tiddler tiddler="$tiddlerName$">
<$reveal type="nomatch" state="$:/state/$tiddlerName$" text="show">
<$button set="$:/state/$tiddlerName$" setTo="show">Show <<currentTiddler>></$button>
</$reveal>
<$reveal type="match" state="$:/state/$tiddlerName$" text="show">
<$button set="$:/state/$tiddlerName$" setTo="hide">Hide <<currentTiddler>></$button>
<$transclude/>
</$reveal>
</$tiddler>
\end
```
<<bottomOfTiddler {{!!title}}>>
<<bottomOfTiddler {{!!title}}>>
| Set Tiddler Width | What looks good |h
|<$radio tiddler='$:/settings/apperance/TiddlerWidthSettings' field='width_option' value='sixth'> 1500px</$radio>| Looks good on a 24" monitor |
|<$radio tiddler='$:/settings/apperance/TiddlerWidthSettings' field='width_option' value='fifth'> 1200px</$radio>| |
|<$radio tiddler='$:/settings/apperance/TiddlerWidthSettings' field='width_option' value='fourth'> 1000px</$radio>| Looks good on a 17" monitor |
|<$radio tiddler='$:/settings/apperance/TiddlerWidthSettings' field='width_option' value='third'> 900px</$radio>| Looks good on a 10" tablet |
|<$radio tiddler='$:/settings/apperance/TiddlerWidthSettings' field='width_option' value='second'> 770px</$radio>| tiddlywiki.com default |
|<$radio tiddler='$:/settings/apperance/TiddlerWidthSettings' field='width_option' value='first'> 700px</$radio>| |
https://github.com/felixhayashi/TW5-TiddlyMap
The thing you are looking at is a TiddlyWiki. See more at http://www.tiddlywiki.com.
This is a place holder.
TiddlyWiki on its own is a reasonable blogging application. There are some definite drawbacks to using tiddlywiki for social networking that need to be worked out before it can really be a viable alternative to the Facebook-type networks.
To see my site where I have these things implemented [[go here|http://ooktech.com/jed/externalbrain/#Twitter%20Integration]].
Things that can't be done yet:
#Comments on or responses to posts
#Being able to search a blog using an external search engine (like google). TiddlyWiki is a single html file that is generated using javascript, so there isn't much for the search engine to index.
#Posting to or getting posts from other services (twitter and facebook have apis for this, we just need to make something that uses them.) ''I can post to twitter using their buttons.''
Almost everything else that normal blogging sites allow you to do can be done in TiddlyWiki using what is currently available, and you can do significantly more than most blogging sites without knowing how to code.
I have started experimenting using google forms embedded in iframes as a way to allow comments. The comments aren't posted to the site, and I don't know if there is a way to automatically generate the from when you make a post, so it may not be a workable solution.
I think that for external search engines creating static html pages for each post and having those pages list the permalink for the post on the tiddlywiki may work well. Pretty much exactly what [[http://tiddlywiki.com]] does. I don't know if they have an automated process for it or not.
The [[ATOM feed plugin|https://github.com/dullroar/TW5-atomfeed]] may also be useful.
!IndieWeb
[[IndieWeb|http://indiewebcamp.com/]] would be a good alternative to reinventing the wheel when it comes to distributed social networking.
I think that with a few modifications TiddlyWiki could very easily be used as part of the [[indeweb|http://indiewebcamp.com/]], if you have a domain of your own to host your wiki than all you are lacking to be finished with level 2 using the [[IndieMark|http://indiewebcamp.com/IndieMark]] scale is external search integration and implementing [[POSSE|http://indiewebcamp.com/POSSE]].
I think that integration with twitter may be my next real project for [[my other site|http://ooktech.com/jed/externalbrain]], and then the POSSE part will at least be started. Facebook and twitter may play together well so getting twitter to work may allow easy integration with facebook. Google+ doesn't have any posting api, they have been saying it will be available 'soon' for over a year.
!What I have implemented so far:
*View different post types
**Normal posts/article-type posts
**Short posts (twitter-like, but I tend to go on a bit longer than 140 characters)
**Image posts
*Create different post types (this are really only distinguished by content and templates, there isn't a built in limit on what content goes where)
*Different search/archive types:
**Searchable archives - this is the built in tiddlywiki search
**Archives ordered by date - display the posts like the normal blog view, but you pick the dates
**Calendar Archives - Automatically create the calendar month display and populate each day with posts for that day. Clicking on a day will open a tiddler for that day that lists the different posts grouped by post type (the tiddler is created if it doesn't exist).
*Each post can have its own template if you want
*Blog posts can all have tags (I need to add a tag search for the blog posts)
*Some basic twitter integration using [[a plugin|$:/plugins/inmysocks/Twitter]]
**I have improved this so you can post to twitter when making another post, and depending on the post time either put the entire thing on twitter (if it is short enough) or just the title and summary with a link.
**The ~TwitterShareTiddlerButton macro that adds a button to share the permalink to the current tiddler, just put `<<TwitterShareTiddlerButton>>` in a tiddler and it will create the button.
!I am working on comment systems
*[[DISQUS|https://disqus.com/]] - Runs on a third party server and has a free version - It looks like Disqus works to a limited degree. It appears to only allow one comment thread per url, so since the wiki is a singe page there could only be one comment thread. It also has some trouble refreshing JavaScript, so the tiddler with the comments must be open when the page is loaded. If it is closed and reopened the comments will not appear.
*[[Muut|https://muut.com/]] - Runs on a third party server and has a free version - works better this Disqus in that you can set which comment thread to display in a tiddler, but it has the same problems with javascript not refreshing when a tiddler is opened.
*[[Discourse|http://www.discourse.org/faq/]] - Open source, can run on your own server or a paid third party server - It may work with tiddlywiki, but it requires your own external hosting and looks like it is mainly forum stuff. I haven't tried it yet.
*[[Isso|http://posativ.org/isso/]] - could be good, looking into it.
*[[IntenseDebate|http://intensedebate.com/features]] - could be good, looking into it.
Website: http://zorklike.tiddlyspot.com/
This list is mainly tiddlywiki 5 wikis. I may add a section for tiddlywiki classic at some point but I doubt it. (see [[I have too many projects]])
If for some reason you don't want to be listed here let me know. (but why would you have a publicaly available wiki and then object to it being public? Either way, I will remove the listing if you ask.) If you have a wiki and want it listed let me know, either through the [[feedback form|User Feedback]] on this site or [[over on my other site|http://ooktech.com/jed/externalbrain/#Who%20is%20this%20inmysocks%20guy%3F]]. If you go through the trouble of asking to be listed I will probably give you more than just an entry on this list.
This is a very incomplete list of some other tiddlywikis. My wikis aren't included here, if you want to see them go [[here|Other Wikis I Have]]. I am going to just add a link to every one I find here and depending on time I will try to add some information about them as well. Since it is pretty much just going to be a link dump I am not making any sort of statement about quality, usefulness or anything else about them, just that they are publicly available tiddlywikis. Many of these deserve more attention than I am giving them, and many are practically empty. Like I said, I am not making any statement about quality or content by putting them in this list.
*[[http://austinstorm.tiddlyspot.com/]]
*[[http://iwalton.tiddlyspot.com/]]
*[[http://mgsd.tiddlyspot.com/#mGSD]]
*[[http://gri.tiddlyspot.com/]]
*[[http://pespot.tiddlyspot.com/]]
*[[http://chitselb.com/files/tiddlypettil.html]]
*[[http://giffmex.org/experiments/obadiah.html#Table%20of%20contents]]
*[[http://tesis.tiddlyspot.com/]]
*[[http://seealso.tiddlyspot.com/]]
*[[http://innoq.tiddlyspot.com/]]
*[[http://tw5-dev.cibm.de/]]
*[[http://rboue.tiddlyspot.com/]]
*[[http://tw5-texzilla.tiddlyspot.com/]]
*[[https://tobibeer.github.io/tb5/#Welcome]]
*[[http://t5a.tiddlyspot.com/]]
*[[http://ae-railroad.tiddlyspot.com/]]
*[[http://bc.classic.tiddlyspot.com/]]
*[[http://bopland-tw5.tiddlyspot.com/]]
*[[http://bjtools.tiddlyspot.com/]]
*[[http://cjhunt.github.io/]]
*[[http://tobibeer.github.io/tw/classic/]]
*[[https://rawgit.com/erwanm/tw-aggregator/master/tw-community-search.html]]
*[[http://braintest.tiddlyspot.com/]]
*[[http://notestorm.giffmex.org/]]
*[[http://tobibeer.github.io/tw/demo/#GettingStarted]]
*[[http://tobibeer.github.io/tw/dev/#GettingStarted]]
*[[http://draggable.tiddlyspot.com/#Start]]
*[[http://nocategories.net/tiddlywiki/bestrew.html]]
*[[http://pv5.tiddlyspot.com/]]
*[[http://namespace.tiddlyspot.com/#GettingStarted]]
*[[http://gwiz.tiddlyspot.com/]]
*[[http://twspot.tiddlyspot.com/]]
*[[http://magictabs.tiddlyspot.com/]]
*[[http://let.tiddlyspot.com/#GettingStarted]]
*[[http://jtab-tw5.tiddlyspot.com/]]
*[[http://iframe-1.tiddlyspot.com/#iframe-2]]
*[[http://tobibeer.github.io/tw/icons/#Start]]
*[[http://tobibeer.github.io/tw/ibox/#GettingStarted]]
*[[http://tobibeer.github.io/tw/fa/#GettingStarted]]
*[[http://tobibeer.github.io/tw/focus/#GettingStarted]]
*[[http://tobibeer.github.io/tw/filters/#Filter%20Examples]]
*[[http://eucaly-tw5.tiddlyspot.com/]]
*[[http://tiddlyclip.tiddlyspot.com/]]
*[[http://taggly5.tiddlyspot.com/]]
*[[http://tagfilter.tiddlyspot.com/#Start]]
*[[http://style.tiddlyspot.com/#GettingStarted]]
*[[http://storyviewtop.tiddlyspot.com/#GettingStarted]]
*[[http://tw5magick.tiddlyspot.com/]]
*[[http://tobibeer.github.io/tw/static/#Static%20Sites]]
*[[http://skeeve.tiddlyspot.com/]]
*[[http://septembertw.tiddlyspot.com/]]
*[[http://sections.tiddlyspot.com/#GettingStarted]]
*[[http://youtube.tiddlyspot.com/#Start]]
*[[http://tobibeer.github.io/tw/xlist/#Start]]
*[[http://twiz.tiddlyspot.com/]]
*[[http://tw5exploration.tiddlyspot.com/]]
*[[http://tw5custom.tiddlyspot.com/]]
*[[http://tw5bookmarklets.tiddlyspot.com/]]
*[[http://tongerner.tiddlyspot.com/]]
*[[http://tidtoc.tiddlyspot.com/#GettingStarted]]
*[[http://tw5.scholars.tiddlyspot.com/]]
*[[http://tiddlystuff.tiddlyspot.com/]]
*[[http://felixhayashi.github.io/TW5-TiddlyMap/index.html]]
*[[http://datacom.co.id/TW_demo.html#MyMenu]]
*[[http://journal.daleculp.com/]]
<<bottomOfTiddler {{!!title}}>>
I think this is because it isn't ignoring the subcategory or subsubcategory correctly when one has been selected for another category and not cleared.
In order to include the content of one tiddler in another use
```
---
---
{{Dashes in WikiText}}
---
---
```
which displays the content of [[Dashes in WikiText]] between the double [[Horizontal Rules]] included to show where the included tiddler starts and ends, so you only need `{{Dashes in WikiText}}` to show the tiddler.
---
---
{{Dashes in WikiText}}
---
---
This has many other uses, I will add more as I figure them out.
<<bottomOfTiddler {{!!title}}>>
|Name |<$view field='caption'/> |
|Type |<$view field='name_plate_type'/> |
|Description |<$view field='description'/> |
|URL |<a href={{!!url}} target='_blank'><$view field='url'/></a> |
!''This plugin requires tiddlywiki 5 version 5.1.8-prerelease or newer to work. On any older version it will probably not work.''
Since this wiki isn't using the prerelease it doesn't have the plugin installed, you can get the plugin and see a simple example [[here|http://ooktech.com/jed/ExampleWikis/TriggerActions/]].
This plugin has two parts which will probably be split into separate plugins at some point.
!Trigger Actions
---
This is a [[daemon|https://en.wikipedia.org/wiki/Daemon_%28computing%29]] that works in the background and listens for changes to a set of tiddlers, if one of those tiddlers changes than a list of actions is performed.
How to use the trigger actions functions:
#''Set the expression tiddler filter'' - The plugin adds a tab to the [[$:/ControlPanel]] called `Trigger Actions Settings`, on this tab you can define a filter and each tiddler returned by this filter is considered an expression tiddler. The default filter is `[tag[$:/tags/Trigger]]`, so any tiddler tagged with `$:/tags/Trigger` will be an expression tiddler.
#''Create an expression tiddler'' - Simply create a tiddler with whatever name you want and give it and tag it with `$:/tags/Trigger` or whatever you have chosen using the filter in the first step.
#''Define the expressions for each expression tiddler'' - Each expression tiddler is displayed using a custom view template that has 5 input fields:
#* A checkbox labeled 'Set as active', if this isn't checked than the actions listed in the tiddler won't ever trigger. You should have this unchecked while editing the parameters.
#* A text field labeled 'Listen Filter'. Enter a filter here and tiddlers retuned by this filter will trigger the actions defined in whenever the any of the returned tiddlers are changed. This only happens if the 'Set as active' checkbox is checked.
#* A text field labeled 'Action Filter'. The filter entered here will define the tiddlers to be acted upon. This means that each of the defined actions will be executed with the currentTiddler variable set to each one of the tiddlers returned by this filter in turn.
#* A text field labeled 'Name'. This field requires a valid field name, which means it can contain lower case letters, numbers, and the characters `-` and `_`.
#* A text field labeled 'Action' this field takes an action widget expression.
Once both the Name and Action fields are filled in click the `Add` button and the action will be listed at the bottom of the tiddler. Multiple actions can be added and the actions in the list can be edited if desired. Only one action widget is allowed per action added, anything other than an action widget will be ignored, if there are multiple action widgets listed only the first one will be executed.
When a change is detected in any of the tiddlers returned by the listen filter than the process will iterate through each tiddler returned by the action filter. In each of the tiddlers returned by the action filter, each of the action widgets listed in the expression tiddler will be triggered. Here 'in each of the tiddlers' means that the currentTiddler variable is set to each tiddler in turn. So the action widget expression `<$action-setfield $field=foo $value=bar/>` would set the foo field to bar in each one of the tiddlers returned by the action filter.
''Note:'' To prevent infinite update loops no tiddler that triggers an action can be modified by the trigger actions daemon. If you find a way to violate this please let me know so I can fix it, if this behaviour is allowed than it can cause infinite updating loops which can do terrible things.
!Startup Actions
---
This is a process that is triggered during the startup sequence of the wiki, and the actions defined are executed each time the wiki is loaded. The actions allowed in the startup actions can be significantly more complex than in the trigger actions part. This is because the trigger acitons expressions are triggered each time there is a change and strict limits on what can be done are required to prevent infinite loops, while the startup actions happen only once and won't cause the same sort of problems if they aren't well thought out.
Triggering startup actions is simpler than the trigger actions daemon:
Any tiddler that has the tag `$:/tags/StartupAction` will be triggered on startup. This means that any action widgets listed will be invoked. Because there are fewer restrictions on the startup actions some more complex behavior can also be used, such as using reveal widgets to conditionally trigger action widgets. The two examples I have for the moment are [[shamelessly stolen from Jeremy||https://github.com/Jermolene/TiddlyWiki5/issues/1438]]:
Change the palette if the vanilla theme was selected:
```
<$reveal type="match" state="$:/theme" text="$:/themes/tiddlywiki/vanilla/">
<$action-setfield $tiddler="$:/palette" $value="$:/_myFunkyPalette"/>
</$reveal>
```
Display a license agreement modal if the user hasn't already agreed:
```
<$reveal type="nomatch" state="$:/_hasAgreedLicense" text="yes">
<$action-sendmessage $message="tm-modal" $param="$:/_myLicenseAgreement"/>
</$reveal>
```
This tiddler tells the community search to include my icon menus wiki.
|Name |<$view field='caption'/> |
|Type |<$view field='name_plate_type'/> |
|Description |<$view field='description'/> |
|URL |<a href={{!!url}} target='_blank'><$view field='url'/></a> |
''Things I will hopefully add at some point''
*I would like to add a modified select widget that can change multiple fields at the same time.
*Maybe also let the select widget trigger action widgets or send messages.
*Change the link-field widget so it can use a data tiddler to set different values in each field. Sort of done, but I want to be able to give it a data tiddler as input instead of having to list the indicies.
*Make an action widget version of the link-fields widget so that it can be used to reset fields in a reasonable way. The [[update fields on button press|link-fields Widget - Update link-fields on a Button Press]] example does this, but in a rather roundabout way.
*Other stuff?
Readme: [[$:/plugins/inmysocks/TW5Utils/readme]]
Tiddler to import for the plugin: [[$:/plugins/inmysocks/TW5Utils]]
Github: https://github.com/inmysocks/TW5-TW5Utils
Currently this plugin contains:
*[[The link-fields Widget]] - a widget that creates a durable link between a source field and a store field.
**This widget can be used to [[set all of the fields in a specific tiddler or tiddlers to a specific value|link-fields Widget - Iterate Over Fields]] (or set of values [[using fields|link-fields Widget - Set Multiple Fields Using Select]] or [[using data tiddlers|link-fields Widget - Set Multiple Fields Using Select (Data Tiddler Version)]] )
**This widget can be used to set lists of fields or data tiddler indexes from filter expressions
**This widget can be used to [[make a selectt widget set multiple fields|link-fields Widget - Set Multiple Fields Using Select]], to the same or separate values
**All functions can be set to be either triggered on the source field changing (the default behaviour), or [[on a button press|link-fields Widget - Update link-fields on a Button Press]]
!The link-fields Widget
<<tiddlerSlider 'The link-fields Widget'>>
<<bottomOfTiddler>>
A plugin to make a searchable database of bookmarks
A widget and some macros to allow you to make calendars in your wiki
This plugin adds a macro that creates task lists with collapsible categories
A plugin for the Dashboard that add a citations tracker
A contacts database designed to work with the Dashboard
This widget looks for a word inside a tiddler and shows the result with the searched word highlighted with some of its context.
A simple form that can be filled out to create or edit tiddlers
A consistent interface to use with my dashboard plugins
This widget adds the ability to encrypt your tiddlers individually. This have several advantages:
* You can specify a different password for each tiddler if you want.
* You don't have to encrypt your whole wiky.
* If you forget your password, you only lose a tiddler.
* It's possible to edit the tiddler content , tags and fields ''except the encrypt field'' after encryption. Decrypting your tiddler will restore it to its original state when you encrypted it. This way you can hide the encrypted tiddlers as a "different" thing.
* You can even encrypt images.
* You can have sensible data in a day to day wiky.
* I didn't try this, but theoretically you can apply double encryption by encrypting your wiki too.
A plugin that adds some extra filter operators to tiddlywiki
A plugin that adds the ability to use the font awesome icons in your wiki.
The [[IfTid Widget|$:/plugins/matabele/iftid]] traps [[WidgetMessage: tw-if-tiddler|Widget Messaging in the Stack]] dispatched within its child content by performing this action:
* dispatching a widget message if the specified tiddler (or a specified field of the specified tiddler) exists
* sending a different widget message if the tiddler (or field) does not exist
The widget is used to test for the existence of a tiddler (or field) and to send different widget messages based upon the existence of this tiddler (or field.)
The IfTref Widget traps WidgetMessage: tw-if-tref dispatched within its child content by performing this action:
*dispatching a widget message if there is a match between the value of a TextReference and a specified value
*sending a different widget message if there is no match
The widget is used to test for the value of a TextReference and to send different widget messages based upon whether this value matches the value specified by the 'value=' attribute.
The MakeList Widget traps WidgetMessage: tw-make-list dispatched within its child content by performing any or all of these actions:
*setting the value of a TextReference to the output of a filter expression
*setting a new value for the target tiddler
*passing on or sending a different widget message
The widget may be used to set the value of a field to a list of titles selected with the specified filter expression.
The MakeTid Widget traps WidgetMessage: tw-new-tiddler dispatched within its child content by performing any or all of these actions:
setting the title for the new tiddler
setting the tags for the new tiddler
specifying the template for the new tiddler
controlling navigation to the new tiddler
setting the value for the target tiddler
passing on a different widget message
When used with a prepared template, any number of place holders of the form $(placeholder)$ anywhere within the template will be replaced during creation, with values defined by enclosing set widgets.
A tool for rearranging a table of contents in TiddlyWiki5
The MangleTags Widget traps WidgetMessage: tw-mangle-tags dispatched within its child content by performing any or all of these actions:
appending a tag to the tags field
finding and removing a tag from the tags field
finding and replacing a tag from the tags field
setting a new value for the target tiddler
passing on or sending a different widget message
The widget may be used in a stack to manipulate several tags, either in the same target tiddler or in different target tiddlers (the title of the target is passed up through the stack by default.)
MathyThing is a plugin that adds some math functions to TiddlyWiki5. There are widgets to perform sums and products, as well as modified count widgets that store the output value instead of displaying it. One of the modified count widgets updates whenever the count changes, the other widget is an action-widget that only updates on button presses. The plugin also contains a widget that will increment a numeric field of a tiddler by a specified amount.
The sum and product widgets can be thought of as vector operations, where the filter builds a vector of tiddler fields and you take the sum or product of each element of the vector in the case of sumfield and prodfield, and in sumfield2 and prodfield2 are equivalent to multiplying two vectors together element by element.
I tried to come up with a way to use both normal math notation and the powerful filter operators of TiddlyWiki, but I was unable to come up with a good way to do so.
This widget converts a conventional widget message into an action. Specifically I used this in combination with a keyboard widget to open up all Title matches in the standard search upon pressing 'Enter'.
A simple task list with minimal features
Yes, a plugin to pack tiddlers as plugins. This is a a beta test for early adopt. There is not very good documentation because it was for personal use. But I think that some other people could find it useful.
If you don't know what is this for, the you don't need it.
A simple note pad for tiddlywiki5
A plugin that adds a random number generator to a wiki. It is designed to mimic the behavior of dice, but it isn't limited to only that application. It allows the user to set a lower bound, an upper bound, a step size and the number of random numbers to sum for the output and a field in which to store the output. This is an action widget so the random number generation is trigged by a keypress.
A plugin that adds an html range slider input
An editable and searchable dictionary for tiddlywiki 5
The SetField Widget traps WidgetMessage: tw-set-field dispatched within its child content by performing any or all of these actions:
*setting the value of a TextReference
*setting a new value for the target tiddler
*passing on or sending a different widget message
The widget may be used in a stack to set several fields, either in the same target tiddler or in different target tiddlers (the title of the target is passed up through the stack by default.)
This plugin allows you to refine searches using tags. It's possible to search without any tag and the opposite, using just tags as filter.
A configurable task list for TiddlyWiki5
Tiddlyclip (TC) allows parts of webpages to be clipped into a tiddlywiki (TW), and consists of two parts, the browser Addon and the TW plugin. The Addon is completely memoryless, any configuration is determined by the current TW that the user has select to work with (we say that the Addon is docked to the TW). TC is designed to work (in a basic mode) without configuration. Once the Addon and plugin are installed, all the user has to do is select which TW to dock to.
Some utility plugins I made for TW5. This is in early development and shouldn't be used yet.
\define thisMakeMaintainerField()
maintainer[$(ThisMaintainer)$]
\end
\define thisMakeCategoryField()
category[$(ThisCategory)$]
\end
\define thisMakeList()
<table>
<$list filter='[$(CategoryEntry)$$(MaintainerEntry)$tag[Plugin twCard]has[category]sort[category]each[category]]'>
<$set name=currentCategory value={{!!category}}>
<$list filter='[$(MaintainerEntry)$tag[Plugin twCard]category<currentCategory>regexp[(?i)$(SearchString)$]limit[1]]'>
<tr><th>{{!!category}} Plugins</th><th></th><th></th><th></th><th></th><th></th></tr>
<tr><th>Name</th><th>Version</th><th>Date (DD-MM-YYYY)</th><th>Maintainer</th><th>Description</th><th>Wiki</th></tr>
<$list filter='[$(MaintainerEntry)$tag[Plugin twCard]category<currentCategory>sort[title]regexp[(?i)$(SearchString)$]]' template=PluginTWcardDisplayTemplate>
</$list>
</$list>
</$set>
</$list>
</table>
\end
Select maintainer: <$select field='maintainer'>
<option value=''>All</option>
<$list filter='[!is[current]tag[Plugin twCard]each[maintainer]get[maintainer]sort[title]]-[[twCard Listing - Plugins]]' variable=ThisMaintainer>
<option value=<<thisMakeMaintainerField>>><$view tiddler=<<ThisMaintainer>> field='title'/></option>
</$list>
</$select>
Select category: <$select field='category'>
<option value=''>All</option>
<$list filter='[!is[current]tag[Plugin twCard]each[category]get[category]sort[title]]-[[twCard Listing - Plugins]]' variable=ThisCategory>
<option value=<<thisMakeCategoryField>>><$view tiddler=<<ThisCategory>> field='title'/></option>
</$list>
</$select>
Search by title:
<$edit-text tiddler='$:/temp/twCard Listing - Plugins/Title Search' field='search_string' class='tc-edit-texteditor'/>
<$set name=MaintainerEntry value={{!!maintainer}}>
<$set name=CategoryEntry value={{!!category}}>
<$set name=SearchString value={{$:/temp/twCard Listing - Plugins/Title Search!!search_string}}>
<<thisMakeList>>
</$set>
</$set>
</$set>
This is used over at [[my other site|http://ooktech.com/jed/externalbrain]] if you wish to see it working.
''There is something weird going on where the script isn't being used if it is in the plugin. So if you are going to use this import [[$:/plugins/inmysocks/Twitter/TwitterJavaScript]] by itself then import the plugin. If you start getting a lot of javascript errors open [[$:/plugins/inmysocks/Twitter/TwitterJavaScript]] to edit it (on your site) and then save it without changing anything save your wiki and reload. That should let you use it, I don't know why this happens, I will look into it.''
Plugin tiddler: [[$:/plugins/inmysocks/Twitter]]
How to use it:
Import the plugin into your wiki by dragging and dropping the above link into your wiki.
Reload your wiki, this may take more than just using the wikis refresh button, you may have to close the wiki completely and reopen it.
There is a macro called `TwitterShareTiddlerButton` that will create a share button to share the permalink to the current tiddler, you just need to put `<<TwitterShareTiddlerButton>>` in a tiddler to get <<TwitterShareTiddlerButton>>. For this wiki since the site title is so long it completely fills the tweet. I will look into doing something about that.
Then in whatever tiddler you want add the code for one of the buttons described on [[twitters page|https://dev.twitter.com/web/tweet-button]].
You can also [[display widgets, like time lines,|https://twitter.com/settings/widgets]] on a wiki.
''Note:'' You only want the code that is starts `<a class=` and ends with `</a>`, you don't need any of the code between the script tags, the plugin takes care of that part. So for a basic share button you only need to put `<a class="twitter-share-button" href="https://twitter.com/share">Tweet</a>` into your wiki. It gives you this: <a class="twitter-share-button" href="https://twitter.com/share">Tweet</a>
''Also note:'' Some things, like opening a new tab in a tiddler that has tabs, may not trigger the update. If the widgets don't display properly try opening an unrelated tiddler and closing it again, that should trigger the update that will render everything. ''I think this is fixed now''
You can [[see an example here|http://ooktech.com/jed/externalbrain/#Twitter%20Integration]].
<<bottomOfTiddler>>
<h2>''How do I make these reveal widgets stop breaking my table/select/other stuff??''</h2>
You have two options:
If it is somewhere like a table that has a tag associated with it, and you only need to use the tag with no other input, you can put a `tag=foo` option in the reveal widget. So in a table if you want a cell (`td`) to be visible controlled by the reveal widget you would have something like:
`<$reveal type='match' state=<<someState>> text=<<someText>> tag=td>(content)</$reveal>`
If that won't work because you need to have something special with the tag, like `<option value=foo>` or something, than you can use a list widget instead like this:
`<$list filter='[<someState>text<someText>]'>(content)</$list>`
this works in every case I have come across where a reveal widget breaks things. If your state is the field of a tiddler than you can use a filter in the form `[[tiddlername]fieldname[text]]` to replace a match type reveal, or `[[tiddlername]!fieldname[text]]` for a nomatch type reveal.
<h2>''How can I use something like `{{!!title}}` and make it show up as a link?''</h2>
You use `<$link to={{!!title}}><$view field='title'/></$link>` which gives <$link to={{!!title}}><$view field='title'/></$link><br>
If you use `{{!!title}}` you get {{!!title}}<br>
You can use `<$link to={{!!title}}>{{!!title}}</$link>`, but in some cases that gives strange results.
---
<h2>''In lists, tiddlers with titles that have both spaces and CamelCase display strangely when I use a template. How do I fix this?''</h2>
You use `<$link to={{!!title}}><$view field='title'/></$link>` in your list or template.
Without the fix:
```
<$list filter='[[Some Tiddler with ACamelCaseWord]]'>
<$link to={{!!title}}>{{!!title}}</$link> - <$view field='modified'/>
</$list>
```
<$list filter='[[Some Tiddler with ACamelCaseWord]]'>
<$link to={{!!title}}>{{!!title}}</$link> - <$view field='modified'/>
</$list>
With the fix:
```
<$list filter='[[Some Tiddler with ACamelCaseWord]]'>
<$link to={{!!title}}><$view field='title'/></$link> - <$view field='modified'/>
</$list>
```
<$list filter='[[Some Tiddler with ACamelCaseWord]]'>
<$link to={{!!title}}><$view field='title'/></$link> - <$view field='modified'/>
</$list>
<h2>''Useful built in classes''</h2>
*`tc-popup-keep` - this class, when added to a popup, will keep the popup open when you click inside of it and close the popup when you cilck outside of it. This is different from the default of closing whenever you click anywhere.
*`tc-btn-invisible` - make a button without the button image
\define pluginInfoTiddlerName()
twCard - Plugin - $(pluginName)$
\end
\define thisAddWidgetsThing()
<$fieldmangler tiddler={{$:/state/UpdatePlugintwCard}}>
<$button>Add Widget
<$action-sendmessage $message='tm-add-tag' $param="""widget-$(widgetTag)$"""/>
<$action-setfield $tiddler='$:/temp/UpdatePlugintwCard/temp' $field=add_widget $value=''/>
</$button>
</$fieldmangler>
\end
\define thisAddTiddlersThing()
<$fieldmangler tiddler={{$:/state/UpdatePlugintwCard}}>
<$button>Add Other Tiddler
<$action-sendmessage $message='tm-add-tag' $param="""tiddler-$(tiddlerTag)$"""/>
<$action-setfield $tiddler='$:/temp/UpdatePlugintwCard/temp' $field=add_tiddler $value=''/>
</$button>
</$fieldmangler>
\end
\define thisRemoveWidgetThing()
<$fieldmangler tiddler="""$(currentPlugintwCard)$""">
<$button>Remove Widget
<$action-sendmessage $message='tm-remove-tag' $param="""widget-$(widgetTag)$"""/>
</$button>
</$fieldmangler>
\end
\define thisRemoveTiddlerThing()
<$fieldmangler tiddler="""$(currentPlugintwCard)$""">
<$button>Remove Tiddler
<$action-sendmessage $message='tm-remove-tag' $param="""tiddler-$(tiddlerTag)$"""/>
</$button>
</$fieldmangler>
\end
\define currentPlugintwCardName() """$(currentPlugintwCard)$"""
Enter Plugin Information Here:
Plugin Name: <$select tiddler='$:/state/UpdatePlugintwCard'>
<$list filter='[tag[Plugin twCard]sort[title]]'>
<$set name=thisTid value=<<currentTiddler>>>
<$list filter='[<currentTiddler>get[title]]+[removeprefix[twCard - Plugin - ]]'>
<option value=<<thisTid>>><$view field='title'/></option>
</$list>
</$set>
</$list>
</$select>
<$list filter='[[$:/state/UpdatePlugintwCard]get[text]]' variable=currentPlugintwCard>
<$fieldmangler tiddler=<<currentPlugintwCardName>>>
Long Description:
<$edit-text tiddler={{$:/state/UpdatePlugintwCard}} field=text class='tc-edit-texteditor'/>
<$set name=widgetTag value={{$:/temp/UpdatePlugintwCard/temp!!add_widget}}>
<<thisAddWidgetsThing>></$set> : <$edit-text tiddler='$:/temp/UpdatePlugintwCard/temp' field='add_widget'/><br>
<$set name=tiddlerTag value={{$:/temp/UpdatePlugintwCard/temp!!add_tiddler}}>
<<thisAddTiddlersThing>></$set> : <$edit-text tiddler='$:/temp/UpdatePlugintwCard/temp' field='add_tiddler'/>
<table>
<tr><th>Widget List</th></tr>
<$list filter='[<currentPlugintwCard>tags[]]+[removeprefix[widget-]]'>
<$set name=widgetTag value=<<currentTiddler>>>
<tr><td><<currentTiddler>></td><td><<thisRemoveWidgetThing>></td></tr>
</$set>
</$list>
<tr><th>Other Tiddler List</th></tr>
<$list filter='[<currentPlugintwCard>tags[]]+[removeprefix[tiddler-]]'>
<$set name=tiddlerTag value=<<currentTiddler>>>
<tr><td><<currentTiddler>></td><td><<thisRemoveTiddlerThing>></td></tr>
</$set>
</$list>
</table>
<table>
<$list filter='[[Plugin Info Template]fields[]sort[title]]-[[text]]-[[modified]]-[[created]]-[[tags]]-[[title]]'>
<tr><td><<currentTiddler>></td><td><$edit-text tiddler=<<currentPlugintwCard>> field=<<currentTiddler>> class='tc-edit-texteditor' size=70/></td></tr>
</$list>
</table>
</$fieldmangler>
</$list>
Now that 5.1.8 has come out we can actually put it out for general use.
\define makeCitationText()
Subjects:
<ul>
<$list filter='[[$(subjectsTiddler)$]indexes[]]'>
<li><$view field='title'/></li>
</$list>
</ul>
Abstract:<br>
<$view tiddler="""$(abstractTiddler)$""" field='text'/>
Bibtex:
---
$(bibTex)$
---
\end
\define thisMakeBibtexTiddler()
$(currentTitle)$_BibTex
\end
\define thisMakeAbstractTiddler()
$(currentTitle)$_Abstract
\end
\define thisMakeSubjectTiddler()
$(currentTitle)$_Subject
\end
\define getBibTex()
<$macrocall $name=monoSpacedCodeBlock src={{$(bibTexTiddler)$}}/>
\end
<$select tiddler='$:/state/UpgradeCitation/selectedtiddler'>
<$list filter='[tag[Citations]has[subject]]'>
<option><$view field='title'/></option>
</$list>
</$select>
<$tiddler tiddler={{$:/state/UpgradeCitation/selectedtiddler}}>
<$set name=currentTitle value=<<currentTiddler>>>
<$set name=bibTexTiddler value=<<thisMakeBibtexTiddler>>>
<$set name=subjectsTiddler value=<<thisMakeSubjectTiddler>>>
<$set name=bibTex value=<<getBibTex>>>
<$set name=abstractTiddler value=<<thisMakeAbstractTiddler>>>
<$button>Upgrade
<$action-setfield bibtex_tiddler=<<thisMakeBibtexTiddler>> abstract_tiddler=<<thisMakeAbstractTiddler>> subject_tiddler=<<thisMakeSubjectTiddler>>/>
<$action-setfield $tiddler=<<thisMakeSubjectTiddler>> $index={{!!subject}} $value=1/>
<$action-setfield text=<<makeCitationText>>/>
</$button>
</$set>
</$set>
</$set>
</$set>
</$set>
</$tiddler>
Put a short list at the top of what to do
Maybe this time it will have the features that get me to keep using it.
Remove the checkbox to mark a task as finished, and possibly take the remove task button out. I could use this for listing plugins and stuff. I am sure I will find other uses as well.
The main thing is resetting the TOC state. I am not sure if there is much more to worry about.
<iframe src="https://docs.google.com/forms/d/1btNNHk0CbdT3hPVJ8N7oF63gha57QXki1dPDooS65tQ/viewform?embedded=true" width="760" height="500" frameborder="0" marginheight="0" marginwidth="0">Loading...</iframe>
To improve organization in the tiddlywiki universe I think that people who make reference wikis, plugins, demo sites or for some other reason have multiple wikis should create a directory of everything that they have made. This will replicate some of what is on the community search, but it can also be used for smaller demos and projects that for whatever reason aren't listed in the community search. I have a dedicated wiki for this, but even just a listing in your main wiki would be helpful for mapping out the resources that exist for tiddlywiki.
If you do make a directory site you should use the [[follow url feature|http://erwanm.github.io/tw-community-search/#FollowUrlFeature]] of the community search wiki so that your directory site is also indexed.
I think that an interesting project would be using [[tiddlymap|http://tiddlymap.org/]] to create a visualization of the different public tiddlywikis.
You can import the plugin from this wiki with this link [[$:/fonts/FontAwesome]] but it would probably be better to go to [[this site|http://tobibeer.github.io/tw/fa/#GettingStarted]] to make sure you get the newest version of the font plugin.
The macros that I use are available for import here: FontAwesomeMacro
A list of available icons is here http://fortawesome.github.io/Font-Awesome/icons/
HTML examples: http://fortawesome.github.io/Font-Awesome/examples/
!Using the font:
There are two ways to use the font, using html (more flexible) or the macros (easier and faster)
You can stack attributes, so you can have a 2x sized icon that spins.
!!Basic use:
*html - `<i class="fa fa-at"></i>` for <i class="fa fa-at"></i>
*macro - `<<fa fa-at>>` for <<fa fa-at>>
!!Changing the size of the icon:
*Using normal html:
**Normal size `<i class="fa fa-at"></i>` for <i class="fa fa-at"></i>
**Large size `<i class="fa fa-at fa-lg"></i>` for <i class="fa fa-at fa-lg"></i>
**2x size `<i class="fa fa-at fa-2x"></i>` for <i class="fa fa-at fa-2x"></i>
**3x size `<i class="fa fa-at fa-3x"></i>` for <i class="fa fa-at fa-3x"></i>
**4x size `<i class="fa fa-at fa-4x"></i>` for <i class="fa fa-at fa-4x"></i>
**5x size `<i class="fa fa-at fa-5x"></i>` for <i class="fa fa-at fa-5x"></i>
*Using one of the macros
**Normal size `<<fa fa-at>>` for <<fa fa-at>>
**Large size `<<falg fa-at>>` for <<falg fa-at>>
**2xsize `<<fa2x fa-at>>` for <<fa2x fa-at>>
**3xsize `<<fa3x fa-at>>` for <<fa3x fa-at>>
**4xsize `<<fa4x fa-at>>` for <<fa4x fa-at>>
**5xsize `<<fa5x fa-at>>` for <<fa5x fa-at>>
!!Using fixed-width icons
*Html - `<i class="fa fa-at fa-fw"></i>` for <i class="fa fa-at fa-fw"></i>
*Macro - `<<fafw fa-at>>` for <<fafw fa-at>>
!!Mixing things
You can mix things together to get multiple effects, here is a 2x sized @ symbol spinning:
*html - `<i class="fa fa-at fa-spin fa-2x"></i>` for <i class="fa fa-at fa-spin fa-2x"></i>
*Macro - `<<fa "fa-at fa-spin fa-2x">>` for <<fa "fa-at fa-spin fa-2x">>
**Remember to put the options inside quotes or it won't work.
There is more you can do, including:
*Replace bullets on lists
*Stack icons
*Add borders
*Make icons spin
*Rotate or flip icons
*stuff
For how to do these things look at the font awesome documentation: http://fortawesome.github.io/Font-Awesome/examples/
Where you change the `fa-at` part to the name of the icon you want. Icons and names are listed here: http://fortawesome.github.io/Font-Awesome/icons/
!Using the macro
<<bottomOfTiddler {{!!title}}>>
This shouldn't be too hard. It is mostly done with the startup actions plugin, but it would work well with the category lists and calendar plugins.
Here are the currently available utility plugins I have made with their version numbers and date published.
<table>
<tr><th>Name</th><th>Version</th><th>Date</th><th>Release</th><th>Description</th><th>Install Link</th></tr>
<$list filter='[tag[Plugin twCard]maintainer[inmysocks]category[Utility]]' template=PlugintwCardDisplayTemplate2>
</$list>
</table>
<<bottomOfTiddler>>
|Name |<$view field='caption'/> |
|Type |<$view field='name_plate_type'/> |
|Description |<$view field='description'/> |
|URL |<a href={{!!url}} target='_blank'><$view field='url'/></a> |
\define topic(description, timecode)
<$macrocall $name="youtube-link" video={{$:/.rich/data/videos##$(hangout)$}} time="$timecode$"/> <<sep>> $description$
\end
\define thisGetName()
$(tidName)$ - $(timeStamp)$
\end
\define thisGetTags()
$(tidName)$ Hangouts
\end
\define thisMakeURL()
https://www.youtube.com/watch?v=$(youtubeid)$&t=$(hours)$h$(minutes)$m$(seconds)$s
\end
\define thisGetYoutubeID()
<$set name=youtubeid value={{$:/.rich/data/videos##$(selectedVideo)$}}>
<<thisMakeURL>>
</$set>
\end
''I can't take much credit for most of this, I am ~~mostly stealing~~ heavily borrowing from Rich Shumaker and Astrid Elocson in this thread https://groups.google.com/forum/#!topic/tiddlywiki/5FugIFRgYLs''
!Look below for version 2 (broken) and version 3 (working)
Instructions:
For taking notes on the video embedded below, fill out the timestamp field in the HH:MM:SS form and then enter a description. Click `Add Timestamp` and it will be added to the list. The dropdown menu selects between the currently available videos. To add a video click on the `Add Video` button and give the video a name and enter the ~YouTube video id, then the video will be available in the dropdown menu. You can add tags to each timestamp. The list of available tags is created slightly differently than most tags, each tiddler that can be used as a tag here has a field `video_tag` set to `true`, this is so that you can use existing tiddlers as tags and create new tags without messing anything up. The list of tags isn't cleared when you make a new timestamp so that you can have a list of tags that are shared by multiple successive timestamps without having to readd all of them.
Things to add:
*An option for the displayed video to jump to the time when the link in each timestamp is clicked.
*An option to remove tags from the potential video tags list
*(Possibly) If/when data tiddlers get upgraded to be able to deal with multi-level json data convert this so that it uses a data tiddler instead of creating a new tiddler for each timestamp. This may be a bad idea if people want to be able to put more extensive notes in a timestamp.
*Is there a way to automatically get the timestamp from a paused video? Because that would be awesome.
*probably some other stuff
<$macrocall $name=embed hangout={{!!selected_video}}/>
<$reveal type='nomatch' state='$:/state/videotimestampreveal' text='show'>
<$select field='selected_video'>
<$list filter='[[$:/.rich/data/videos]indexes[]]'>
<option value=<<currentTiddler>>><$view field='title'/></option>
</$list>
</$select>
<$button set='$:/state/videotimestampreveal' setTo='show'>New Video</$button>
</$reveal>
<$reveal type='match' state='$:/state/videotimestampreveal' text='show'>
~YouTube ID:<$edit-text tiddler='$:/temp/videotimestame' field='youtubeid' placeholder='YouTube ID'/><br>
Video Name:<$edit-text tiddler='$:/temp/videotimestame' field='vidname' placeholder='Video Name'/><br>
<$button>Add Video
<$action-setfield $tiddler='$:/.rich/data/videos' $index={{$:/temp/videotimestame!!vidname}} $value={{$:/temp/videotimestame!!youtubeid}}/>
<$action-setfield $tiddler='$:/temp/videotimestame' vidname='' youtubeid=''/>
</$button>
<$button set='$:/state/videotimestampreveal' setTo='noshow'>Done</$button>
</$reveal>
Timestamp:<br><$edit-text tiddler='$:/temp/videotimestame' field='timestamp' size=40 placeholder='hh:mm:ss' class='tc-edit-texteditor'/><br>
Description:<br><$edit-text tiddler='$:/temp/videotimestame' field='description' class='tc-edit-texteditor' placeholder='Description for Timestamp' class='tc-edit-texteditor'/><br>
Tags (it will always be tagged with the name of the video by default):<br>
<$reveal type=match state='$:/state/videotag!!add_or_create_tag' text='create'>
New Tag: <$edit-text tiddler='$:/state/videotag' field='tag_temp' placeholder='New Tag'/><$fieldmangler tiddler='$:/state/videotag'>
<$button>Create Tag
<$action-setfield $tiddler={{$:/state/videotag!!tag_temp}} $field='video_tag' $value='true'/>
<$action-setfield $tiddler='$:/state/videotag' $field='tag_temp' $value=''/>
</$button>
</$fieldmangler><$button set='$:/state/videotag!!add_or_create_tag' setTo='nocreate'>Done</$button><br>
</$reveal>
<$reveal type='nomatch' state='$:/state/videotag!!add_or_create_tag' text='create'>
Tag to add:
<$select tiddler='$:/state/videotag' field='selected_tag'>
<$list filter='[video_tag[true]]'>
<option value=<<currentTiddler>>><$view field='title'/></option>
</$list>
</$select>
<$fieldmangler tiddler='$:/temp/videotimestame'>
<$button>
<$action-sendmessage $message='tm-add-tag' $param={{$:/state/videotag!!selected_tag}}/>Add Tag
</$button><$button set='$:/state/videotag!!add_or_create_tag' setTo='create'>New Tag</$button>
</$fieldmangler>
<br>
</$reveal>
List of current tags:<br>
<$fieldmangler tiddler='$:/temp/videotimestame'>
<$list filter='[[$:/temp/videotimestame]tags[]]'><$view field='title'/> <$button>Remove Tag<$action-sendmessage $message='tm-remove-tag' $param=<<currentTiddler>>/></$button><br> </$list>
</$fieldmangler>
<$set name=tidName value={{!!selected_video}}>
<$set name=timeStamp value={{$:/temp/videotimestame!!timestamp}}>
<$fieldmangler tiddler=<<thisGetName>>>
<$button>Add Timestamp
<$action-setfield $tiddler='$:/temp/videotimestame' title=<<thisGetName>>/>
<$action-setfield $tiddler='$:/temp/videotimestame' timestamp='' link='' description=''/>
<$action-sendmessage $message='tm-add-tag' $param=<<tidName>>/>
</$button>
</$fieldmangler>
<br>
<$list filter='[tag<tidName>sort[timestamp]]'>
<$set name=hangout value={{Video timestamp test!!selected_video}}>
<$macrocall $name=topic timecode={{!!timestamp}} description={{!!description}}/><br>
</$set>
</$list>
</$set>
</$set>
!!Version 2
---
This uses the same video selection as the one above but does it all using only the core wiki. Later we can see about adding in the option to input time in hh:mm:ss form. The big question is why can't I use the `<a>` html tag with it? Or even set a field to the value.
<br>
<$edit-text tiddler='$:/temp/test' field=hours size='2'/><$edit-text tiddler='$:/temp/test' field=minutes size='2'/><$edit-text tiddler='$:/temp/test' field=seconds size='2'/>
<$set name=selectedVideo value={{!!selected_video}}>
<$set name=hours value={{$:/temp/test!!hours}}>
<$set name=minutes value={{$:/temp/test!!minutes}}>
<$set name=seconds value={{$:/temp/test!!seconds}}>
Without using `<a>`: <<thisGetYoutubeID>>
<a href=<<thisGetYoutubeID>>>Using `<a>`</a>
</$set>
</$set>
</$set>
</$set>
!!Version 3
{{Video Timestamp Version 3}}
\define topic(description, timecode)
<$macrocall $name="youtube-link" video={{$:/.rich/data/videos##$(hangout)$}} time="$timecode$"/> <<sep>> $description$
\end
\define thisGetName()
$(tidName)$ - $(timeStamp)$
\end
\define thisGetTags()
$(tidName)$ Hangouts
\end
\define thisMakeURL()
https://www.youtube.com/watch?v=$(youtubeid)$&t=$(hours)$h$(minutes)$m$(seconds)$s
\end
\define thisGetYoutubeID()
<$set name=youtubeid value={{$:/.rich/data/videos##$(selectedVideo)$}}>
<<thisMakeURL>>
</$set>
\end
\define thisGetYoutubeID2()
<$set name=youtubeid value=$(somethingHere)$>
<<thisMakeURL>>
</$set>
\end
\define thisTestAgain()
<a href=<<thisGetYoutubeID>>>Link</a>
\end
\define thisTestAgain2()
<<thisGetYoutubeID2>>
\end
!Version 1
---
<$select field='selected_video'>
<$list filter='[[$:/.rich/data/videos]indexes[]]'>
<option value=<<currentTiddler>>><$view field='title'/></option>
</$list>
</$select>
<$edit-text tiddler='$:/temp/test' field=hours size='2'/><$edit-text tiddler='$:/temp/test' field=minutes size='2'/><$edit-text tiddler='$:/temp/test' field=seconds size='2'/>
<$set name=selectedVideo value={{!!selected_video}}>
<$set name=hours value={{$:/temp/test!!hours}}>
<$set name=minutes value={{$:/temp/test!!minutes}}>
<$set name=seconds value={{$:/temp/test!!seconds}}>
<<thisGetYoutubeID>>
<br>
<<thisTestAgain>>
</$set>
</$set>
</$set>
</$set>
!Version 2
---
<$select field='selected_video'>
<$list filter='[[$:/.rich/data/videos]indexes[]]'>
<option value=<<currentTiddler>>><$view field='title'/></option>
</$list>
</$select>
<$edit-text tiddler='$:/temp/test' field=hours size='2'/><$edit-text tiddler='$:/temp/test' field=minutes size='2'/><$edit-text tiddler='$:/temp/test' field=seconds size='2'/>
<$set name=selectedVideo value={{!!selected_video}}>
<$set name=hours value={{$:/temp/test!!hours}}>
<$set name=minutes value={{$:/temp/test!!minutes}}>
<$set name=seconds value={{$:/temp/test!!seconds}}>
<$set name=somethingHere value={{$:/.rich/data/videos##58}}>
<<thisGetYoutubeID2>>
<br>
<<thisTestAgain2>>
</$set>
</$set>
</$set>
</$set>
</$set>
\define getAddress()
http://www.principiadiscordia.com/book/$(page)$.php
\end
\define makeOption()
<$set name=optionValue value={{$:/.rich/data/videos##$(currentThing)$}}>
<option value=<<optionValue>>><$view field='title'/></option>
</$set>
\end
\define thisMakeURL()
https://www.youtube.com/watch?v=$(youtubeid)$&t=$(hours)$h$(minutes)$m$(seconds)$s
\end
\define thisMakeEmbedURL()
http://www.youtube.com/embed/$(youtubeid)$?rel=0&start=$(startTime)$&end=$(endTime)$&autoplay=0
\end
\define topic(description, timecode)
<$macrocall $name="youtube-link" video={{$:/.rich/data/videos##$(hangout)$}} time="$timecode$"/> <<sep>> $description$
\end
''Setting the start and end times for the embedded video still doesn't work, other than that it works well enough.''
<$set name=startTime value={{$:/temp/test!!start}}>
<$set name=minutes value={{$:/temp/test!!end}}>
<$set name=youtubeid value={{!!test_field}}>
<iframe width='640' height='360' src=<<thisMakeEmbedURL>> frameborder='0' allowfullscreen></iframe>
</$set>
</$set>
</$set>
Start:
<$edit-text tiddler='$:/temp/test' field=start size='2'/>
End:
<$edit-text tiddler='$:/temp/test' field=end size='2'/>
<$select field='test_field'>
<$list filter='[[$:/.rich/data/videos]indexes[]]'>
<$set name=currentThing value=<<currentTiddler>>>
<<makeOption>>
</$set>
</$list>
</$select>
Timestamp:
<$edit-text tiddler='$:/temp/test' field=hours size='2'/><$edit-text tiddler='$:/temp/test' field=minutes size='2'/><$edit-text tiddler='$:/temp/test' field=seconds size='2'/>
<$set name=hours value={{$:/temp/test!!hours}}>
<$set name=minutes value={{$:/temp/test!!minutes}}>
<$set name=seconds value={{$:/temp/test!!seconds}}>
<$set name=youtubeid value={{!!test_field}}>
<a href=<<thisMakeURL>> target="_blank">Go to <<hours>>:<<minutes>>:<<seconds>></a><br>
<$button>Test Storing Link
<$action-setfield $field='test_field2' $value=<<thisMakeURL>>/>
</$button>
</$set>
</$set>
</$set>
</$set>
Contents of test_field2: <$view field='test_field2'/>
If you happen to know ~JavaScript, or want to help create documentation or have ideas for improvements to [[tiddlywiki.com|http://tiddlywiki.com]] you can check out the [[TiddlyWiki GitHub page|https://github.com/Jermolene/TiddlyWiki5]].
If you are feeling ambitious, you can create your own site on [[TiddlySpot|http://tiddlyspot.com]] ([[instructions|http://tiddlywiki.com/#Saving%20on%20TiddlySpot]]).
If you are feeling less ambitious but you have something neat to show off you can [[post to the google group|https://groups.google.com/forum/#!forum/tiddlywiki]], or you can contact me to get it put up on this site (you will get full credit of course) through the [[feedback form|User Feedback]] on this site or go over to [[my other page|http://ooktech.com/jed/externalbrain/#Me]] which has various methods of contacting me.
If you like the things I do and want me to show some appreciation, leave some feedback somewhere, I like hearing that people are actually using this stuff.
You can also donate to the 'help jed eat and pay rent' fund using paypal or bitcoin (<<fa fa-bitcoin>>) on my other site [[here|http://ooktech.com/jed/externalbrain/#Donate]] (this goes to me specifically, not to ~TiddlyWiki development in general, although it will help me spend more time contributing to ~TiddlyWiki development. Also, in case it wasn't obvious from context, [[I am jed|About Me]]).
<<fa fa-star>> ''I have a question!'' Some people (a whole 2 of them!) have asked about what new things I have been working on. Is there any actual interest in me setting up some sort of notification system? It would probably be using twitter because that is quick and easy. I would rather not spam my personal twitter feed with whatever I am playing with in tiddlywiki. If you want to answer you can use the [[user feedback form|User Feedback]] or [[the other ways to contact me|About Me]].
The list below gets updated pretty often, I add new things to the end of the list so you may need to scroll down to see them.
You can skip directly to [[Learning TiddlyWiki]] if you would like. Just be warned that like the rest of the site, it is a work in progress and is continually updated.
If you are looking for something new and interesting, you can also to the [[Random List of Awesome Things]], a list of interesting TiddlyWiki things that other people have made. The list is randomly generated each time the wiki is loaded, so it should have different content every time you visit this site.
!First:
If you can't see the entire tiddler, or if you can't see the table of contents to the right you can click on the `Width/Font Size` button in the top right of the page to adjust the width so you can see everything. You can adjust the font and text spacing by clicking on the {{Menu Icon - Font Options}} button text to the change width button.
If you want to get back to this view, press the home button in the middle of the top bar or above the table of contents to the right to go back to the default tiddlers. it looks like this: {{$:/plugins/inmysocks/iconmenus/icon/Home}}.
!Things I have made:
[[Searchable list of most of my things|http://ooktech.com/jed/ExampleWikis/Directory.html]].
From now on I am going to be using the [[Category Lists Plugin]] I made to both list things that I am planning on doing and as a change log. You can see it in the [[plans and change log|Change Log]]. Newest: [[Range Widget Plugin]], added ISBN field and custom user fields to the [[Library Tracker|http://inmysocks.tiddlyspot.com/#Dashboard%20Plugins]], see a demo on the [[Dashboard|$:/plugins/inmysocks/Dashboard/Dashboard]]
!Don't know what to do? Do you...
(click on a list item to get help with that item)
<ul>
<li style='list-style-type:none'>
<<textSliderNoButton "''Need help using this site?''" "Click the black {{Menu Icon - Help}} icon in the top menu and it will open the help page any time.">>
</li>
<li style='list-style-type:none'>
<<textSliderNoButton "''Have questions/comments about the site?''" "Click on the {{Menu Icon - User Feedback}} icon next to the help button to go to the user feedback form. Your responses won't be public.">>
</li>
<li style='list-style-type:none'>
<<textSliderNoButton "''Have questions that aren't answered on this site?''" "Go to the [[TiddlyWiki google group|https://groups.google.com/forum/#!forum/tiddlywiki]] and you can ask there.">>
</li>
<li style='list-style-type:none'>
<<textSliderNoButton "''Want things that work without having to know how to edit a ~TiddlyWik?''" "Check out the [[Dashboard|$:/plugins/inmysocks/Dashboard/Dashboard]] for the thing I currently have available. They can be installed on your wiki by going to [[Dashboard Plugins]]. Demo Wikis:
<ul><li>http://nolearningrequired-full.tiddlyspot.com/ - Everything that is currently available that uses my dashboard setup </li><li>http://nolearning-contactsdb.tiddlyspot.com/ - The contacts database by itself</li></ul>">>
</li>
<li style='list-style-type:none'>
<<textSliderNoButton "''Want to know how to navigate this wiki?''" "The [[Table of Contents|Contents]] tab to the right (or possibly above this if you have a smaller screen) has a table of contents. Using the table of contents is probably the easiest way to navigate this wiki.">>
</li>
<li style='list-style-type:none'>
<<textSliderNoButton "''Want to know where to start looking for examples?''" "Start by going through the [[Wiki Examples]] to get a feel for what is possible, also http://tiddlywiki.com/ uses a tiddlywiki and has other examples of how they can be used. You can also look at my [[other example wikis|Other Wikis I Have]].">>
</li>
<li style='list-style-type:none'>
<<textSliderNoButton "''Want to see a simple interactive fiction engine I made using ~TiddlyWiki?''" "Check out http://zorklike.tiddlyspot.com/">>
</li>
<li style='list-style-type:none'>
<<textSliderNoButton "''Want more resources for learning ~TiddlyWiki?''" "[[Other Places to Look]] lists other resources that have been very helpful for me when learning tiddlywiki. You can also look at the [[Bookmarks|$:/plugins/inmysocks/Bookmarks/Bookmarks]] on the [[Dashboard|$:/plugins/inmysocks/Dashboard/Dashboard]] for things tagged ~TiddlyWiki to get a long list of ~TiddlyWiki related links.">>
</li>
<li style='list-style-type:none'>
<<textSliderNoButton "''Want an important message you should remember when using ~TiddlyWiki?''" "BACK UP YOUR WIKI!! DO IT!! Make sure you make at least one backup of your wiki when you are editing it. There can be weirdness that makes you lose all of your data so having a backup will save lots of work. Make a folder wherever your wiki is called `backups` and make a copy of your wiki in that folder before you start editing it every time you are going to edit it. And after you have made any significant edits make a backup copy. ''This is important.'' When I make a backup I add the date to the end of the name, so like `WikiReferenceWiki092514` and keep multiple old copies. You should probably do the same thing.">>
</li>
<li style='list-style-type:none'>
<<textSliderNoButton "''Want to know how to get the top bar and left menu on your wiki?''" "Go check out the [[Icon Menus Plugin]] tiddler for more information. You can configure the menu in the `Icon Menu Settings` tab of the [[Control Panel|$:/ControlPanel]]. There is also a demo of the icon menus at http://ooktech.com/iconmenus/.">>
</li>
<li style='list-style-type:none'>
<<textSliderNoButton "''Want to see what has been recently changed on this wiki?''" "{{Recent Changes}}">>
</li>
<li style='list-style-type:none'>
<<textSliderNoButton "''Want to check if a you should update a plugin I made?''" "[[My Plugins]] has a list of my plugins and lists the current version and date it was updated, as well as the link to install it on your wiki.">>
</li>
<li style='list-style-type:none'>
<<textSliderNoButton "''Want to see a list of community pulgins?''" "[[Plugin twCard]] has a list of plugins and lists the current version and date it was updated along with a link to where it is available. This list is incomplete and some entries may be out of date. If you have a plugin you would like listed please email me or leave a comment using the feedback button in the upper left.">>
</li>
<li style='list-style-type:none'>
<<textSliderNoButton "''Want to see a list of other wikis I have made?''" "{{Other Wikis I Have}}">>
</li>
<li style='list-style-type:none'>
<<textSliderNoButton """''Want to see a list of currently unindexed questions and answers?''""" """[[Unindexed Miscellanea]]""">>
</li>
<li style='list-style-type:none'>
<<textSliderNoButton """''Want to see a list of the way too many projects I am currently working on?''""" """[[My List Of Way Too Many Projects]]""">>
</li>
<li style='list-style-type:none'>
<<textSliderNoButton """''Want to read my thoughts on the licensing issues surrounding creative works created using TiddlyWiki?''""" """[[Thoughts about TiddlyWiki and Licensing]]""">>
</li>
</ul>
<<bottomOfTiddler {{!!title}}>>
!When removing an item from a list used by the select widget
You probably want to set the value of the select widget (or where ever the state is) to another value on the list. Otherwise, despite a value being displayed on the widget, there will be no value stored and if there is only one item left one the list you can't actually set the value using the widget.
This code is used for removing a book from the book list in the [[Library Tracker]] as an example. It picks the first book that gets listed by the list widget and sets the value of the select widget to that book when a book is deleted.
```
<$set name=newBook filter='[tag[Book]]+[first[]]'>
<$button>Yes, delete {{Manage Books!!book_title}}.
<$action-sendmessage $message='tm-delete-tiddler' $param={{Manage Books!!book_title}}/>
<$action-sendmessage $message='tm-close-tiddler'/>
<$action-setfield $tiddler='Manage Books' $field='book_title' $value=<<newBook>>/>
</$button>
<$button>No<$action-sendmessage $message='tm-close-tiddler'/></$button>
</$set>
```
<<bottomOfTiddler>>
Make sure that if you have a form input that adds an index to a data tiddler that you set it so that it can't try to add an empty string an an index. Otherwise it will overwrite the whole tiddler.
To avoid this you can use something like this code:
```
New Tag: <$edit-text tiddler='$:/temp/Bookmarks' field='tag_temp' placeholder='New Tag'/>
<$reveal type=nomatch state='$:/temp/Bookmarks!!tag_temp' text=''>
<$button>Create Tag
<$action-setfield $tiddler='$:/data/Bookmarks/BookmarkTags' $index={{$:/temp/Bookmarks!!tag_temp}} $value=1/>
<$action-setfield $tiddler='$:/temp/Bookmarks' $field='tag_temp' $value=''/>
</$button>
</$reveal>
<$reveal type=match state='$:/temp/Bookmarks!!tag_temp' text=''>
<$button>Create Tag</$button>
</$reveal>
```
Where `{{$:/temp/Bookmarks!!tag_temp}}` is the name of the new index being added, this way if it is an empty string nothing happens and your data isn't lost, but the form looks consistent and doesn't have buttons appearing out of nowhere.
<<bottomOfTiddler>>
The widgets may not update if the tiddler that they are in isn't being rendered. This means that when you press a button that should make something happen it may not work. To avoid this problem you can make your state tiddler include the button that actually initiates the action and transclude the state tiddler, which should only have the button visible, where you want the button on your other (displayed) tiddler. This forces the state tiddler to render each time the button is pressed and will make everything update properly.
This is the code for the tiddler [[Dice Example]] which uses the MathyThing plugin and the RandVal plugin:
```
<$edit-text tiddler='$:/state/diceexample' field='num_dice' size=2/> d <$edit-text tiddler='$:/state/diceexample' field='dice_size' size=2/> x <$edit-text tiddler='$:/state/diceexample' field='multiplier' size=2/> + <$edit-text tiddler='$:/state/diceexample' field='bonus' size=2/> = {{$:/state/diceexample!!output2}}
<$prodfield2 filter='[[$:/state/diceexample]]' prodfield='die_roll' prodfield2='multiplier' storefield='output'/>
<$sumfield2 filter='[[$:/state/diceexample]]' sumfield='output' sumfield2='bonus' storefield='output2'/>
{{$:/state/diceexample}}
```
And [[$:/state/diceexample]] is:
```
<$button>Roll the Dice
<$action-randval $tiddler='$:/state/diceexample' $field='die_roll' $lower=1 $upper={{$:/state/diceexample!!dice_size}} $step=1 $numrolls={{$:/state/diceexample!!num_dice}}/>
</$button>
```
Here is [[Dice Example]] transcluded:
{{Dice Example}}
Here is what doesn't work:
The tiddler [[Broken Dice Example]]:
```
<$edit-text tiddler='$:/state/diceexample' field='num_dice' size=2/> d <$edit-text tiddler='$:/state/diceexample' field='dice_size' size=2/> x <$edit-text tiddler='$:/state/diceexample' field='multiplier' size=2/> + <$edit-text tiddler='$:/state/diceexample' field='bonus' size=2/> = {{$:/state/diceexample!!output2}}
<$prodfield2 filter='[[$:/state/diceexample]]' prodfield='die_roll' prodfield2='multiplier' storefield='output'/>
<$sumfield2 filter='[[$:/state/diceexample]]' sumfield='output' sumfield2='bonus' storefield='output2'/>
<$button>Roll the Dice
<$action-randval $tiddler='$:/state/diceexample' $field='die_roll' $lower=1 $upper={{$:/state/diceexample!!dice_size}} $step=1 $numrolls={{$:/state/diceexample!!num_dice}}/>
</$button>
```
Transcluded:
{{Broken Dice Example}}
Note that the `Roll the Dice` button does nothing here unless something else changes the tiddler [[$:/state/diceexample]], like changing the values for the number/type of dice or pressing the working button above. Repeatedly pressing this button is what won't work.
<<bottomOfTiddler>>
!What is ~TiddlyWiki and why should you care?
Indexing.
Start by thinking about how you would use the internet if Google didn't exist. If you don't use Google to search than imagine that ~DuckDuckGo or whatever search engine you use didn't exist. Or Wikipedia.
The internet would still be full of very useful information, but there would be no simple way to find it. While Google has spread out into many other domains, their first and most used service is indexing. Search engines make the internet usable by organizing, or attempting to organize, the internet in a way that makes sense.
~TiddlyWiki, if used correctly, can be a tool to achieve the same thing for your own thoughts. This is far from the only use for it, but the largest reason for its existence is that ~TiddlyWiki is a powerful and easy to use tool that can be used to index and cross reference data.
If you aren't someone who has had to try sifting through a large amount of unindexed (or poorly indexed) data than this may not sound like something profound. For anyone younger than about 25 there has never really been a time when the answer couldn't be found using Google. And for searching the internet Google does a very good job of indexing things, especially considering how large the dataset is. What Google is much worse at is sorting and indexing email, or contacts, or just about anything else used in a service Google provides.
How do you use Google, or Facebook, or anything that isn't an SQL database, to find the people in your contacts that are over 21, live in your city and could be your designated driver tonight?
Granted, the list of people who meet those criteria may be short enough that you don't need to worry about a search, but it gets the general idea across. Google sort of lets you do searches like this through your email, but you are limited to searching the attributes that they find important, not whatever you define.
The main selling point of using Google (or any similar service) is that you don't have to put any effort or thought into getting your result, and as long as you are ok with only using the services that they make available in the ways that they let you, there is no problem with that.
But, if you want to have a list of hundreds of bookmarked webpages and to be able to find all the links that have to do with both Violin and Cello? Using most available services you would be able to tag links as being about each one, but if you have a large group of both finding the intersection may not be easy. ~TiddlyWiki is a tool that allows you to build (of use something someone else has built, yay open source!) and create something that lets you do that sort of search. Not just through bookmarks (but if you to the [[Dashboard|$:/plugins/inmysocks/Dashboard/Dashboard]] you can do exactly that) but with any thing from work contact information to the random thoughts that you scribble down at 2am.
Indexing the way you want to is where ~TiddlyWiki truly shines. This does take more work upfront than just asking Google, but it can also be much more powerful.
!And?
If you don't feel that indexing is a good reason to use ~TiddlyWiki than how about being able to control your own data? For this purpose ~TiddlyWiki has some very important benefits:
*It is portable, it can be used on any device that can use a web browser
*It is a single file so it isn't difficult to backup or transport
*It requires no third party services, nor does it require an internet connection
*It is flexible, if you need something that isn't available you can probably create it
!So?
If all you want is a tool to do some specific narrow task than you still may want ~TiddlyWiki, although I don't find that nearly so interesting. There are some examples shown on the [[Dashboard|$:/plugins/inmysocks/Dashboard/Dashboard]] of what you could do, and you can get all of them for free from here. There are many [[Other Places to Look]] for things as well, you can also look through the bookmarks tagged ~TiddlyWiki on the dashboard.
I also use ~TiddlyWiki for blogging and socialmedia-type activities, you can see what I have [[here|ooktech.com/jed/externalbrain/]].
!Still don't like ~TiddlyWiki?
Than I am not sure why you are still here. I don't really sing or dance or anything. Well, I play cello a bit but I am not very good.
!First there are plugins.
My plugins that add new ways to use a wiki are demonstrated on the [[Dashboard|$:/plugins/inmysocks/Dashboard/Dashboard]], the plugins are listed with the links to install them on your wiki are in [[Dashboard Plugins]].
The icon menus at the top and on the right side of the screen come from my [[Icon Menus Plugin]]. There is more explanation and how to install it at that link.
For more advanced users see my [[Math Plugins]] and [[Utility Plugins]].
A list of all my plugins can be found in [[My Plugins]]
For a long list of plugins available from different authors you can browse the [[plugin twCards|Plugin twCard]].
!There there are macros
!!Date Macros
How to use these macros is shown in [[Date Macro Demos]].
*The [[day-diff macro|$:/inmysocks/macros/day-diff.js]] gives the number of full days between two dates
*The [[year-diff macro|$:/inmysocks/macros/year-diff.js]] gives the number of full years between two dates
*The [[add-time macro|$:/inmysocks/macros/add-time.js]] gives the date that is a specificed time away from the current date
!And finally other tools
These are single tiddlers that have some general use in a wiki
*[[Search and Replace Tags]] - search for tags and replace them with new tags
*[[Search and Replace Field Contents]] - search tiddlers and selectively replace the contents of fields
*[[Search and Replace Field Names]] - search tiddlers and selectively change their names
These are ways to customize your wiki:
<$list filter='[is[current]tagging[]]'>
</$list>
<<bottomOfTiddler {{!!title}}>>
A list of examples for how to make different things in the wiki
<<bottomOfTiddler {{!!title}}>>
<<bottomOfTiddler {{!!title}}>>
|Name |<$view field='caption'/> |
|Type |<$view field='name_plate_type'/> |
|Description |<$view field='description'/> |
|URL |<a href={{!!url}} target='_blank'><$view field='url'/></a> |
<<bottomOfTiddler {{!!title}}>>
WikiText is the markup language used by TiddlyWiki, this is a placeholder for now. See [[Wiki Formatting - text, tables, etc.]] and [[Wiki Widgets - buttons, filters, etc.]] for more.
This is a widget that will display the number of words or characters in a tiddler or text string given to it.
Widget tiddler: [[$:/widgets/inmysocks/word-count.js]]
Remember you have to save and reload your wiki before the widget will work.
|!Parameter |!Description |
|mode |This can be set to `word` or `character` and will count either words or characters, defaults to `word` |
|tiddler |The tiddler with the text to process (defauts to `currentTiddler`) |
|field |The field with the text to process (defaults to the text field) |
|text |A text string for the widget to count, if this is given it overrides the `tiddler` and `field` inputs. |
|colors |(Optional) An input that sets text color when the count reaches a certain number. See the examples below. |
|colorState |(Optional) The name of a state tiddler to use to store the current text color so it can be used to set the color of more than just the displayed number. |
!!Usage
!!!Count the number of words in a string:
```
<$word-count text='some text string'/>
```
<$word-count text='some text string'/>
!!!Count the number of characters in a string:
```
<$word-count text='some text string' mode=character/>
```
<$word-count text='some text string' mode=character/>
!!!Count the number of words in a field:
```
<$word-count tiddler='Word Count Widget' field='title' mode=word/>
```
<$word-count tiddler='Word Count Widget' field='title' mode=word/>
!!!Using the colors parameter:
This uses the `colorState` tiddler.
```
<$word-count tiddler='$:/temp/Word Count Widget' mode=character colors='#f0f:10,indianred:100,red:122' colorState='$:/state/Word Count Widget/color'/>
```
<$word-count tiddler='$:/temp/Word Count Widget' mode=character colors='#f0f:10,indianred:100,red:122' colorState='$:/state/Word Count Widget/color'/>
Edit the field here:
<$edit-text tiddler='$:/temp/Word Count Widget' class='tc-edit-texteditor'/>
Contents of the color state tiddler:
<$view tiddler='$:/state/Word Count Widget/color'/>
!!!Change colors of text as the number of characters in a field changes:
At the moment the input field loses focus every time the color changes.
```
<$word-count tiddler='$:/temp/Word Count Widget' mode=character colors='#f0f:10,indianred:100,red:122' colorState='$:/state/Word Count Widget/color'/>
```
<$word-count tiddler='$:/temp/Word Count Widget' mode=character colors='#f0f:10,indianred:100,red:122' colorState='$:/state/Word Count Widget/color'/>
Edit the field here:
<$set name=CurrentColor value={{$:/state/Word Count Widget/color}}>
<$edit-text tiddler='$:/temp/Word Count Widget' class='tc-edit-texteditor change-color'/>
</$set>
Contents of the color state tiddler:
<$view tiddler='$:/state/Word Count Widget/color'/>
.change-color {
color:{{$:/state/Word Count Widget/color}};
}
The things listed under this in the table of contents are currently under development. Fell free to use them but be aware that they may not work and will probably be modified in the future.
<<bottomOfTiddler>>
And I think that people would use the plugin if they knew what it does.
Website: http://ooktech.com/jed/ExampleWikis/KeepingTrackOfStuff/
This time with categories!
This is a tiddler for the calendar demo
\define youtubeEmbed(videoName, start, end)
<$macrocall $name="youtube-embed" video={{$:/.rich/data/videos##$videoName$}} start="$start$" end="$end$"/>
\end
\define thisMakeSelectVideoOption()
<option value=<<videoID>>><$view field='title'/></option>
\end
\define thisExternalMakeURL()
https://www.youtube.com/watch?v=$(youtubeID)$&t=$(hours)$h$(minutes)$m$(seconds)$s
\end
\define thisMakeEmbedURL()
http://www.youtube.com/embed/$(youtubeID)$?rel=0&start=$(startTime)$&end=$(endTime)$&autoplay=$(autoPlay)$
\end
\define thisMakeTiddlerName()
$(youtubeID)$ - $(hours)$:$(minutes)$:$(seconds)$
\end
\define thisMakeSegmentName()
$(selectedVideo)$ - $(startTime)$ to $(endTime)$
\end
\define getProperTags() [[$(properTag)$]] [[$(selectedVideo)$]]
\define thisMakeSegmentURL()
http://www.youtube.com/embed/$(youtubeID)$?rel=0&start=$(startTime)$&end=$(endTime)$
\end
\define thisMakeVideoIframe()
<$set name=videoID value={{$:/.rich/data/videos##$(selectedVideo)$}}>
<$macrocall $name="youtube-embed" video=<<videoID>> start=$(startTime)$ end=$(endTime)$/>
</$set>
\end
\define thisMakeText()
{{!!segment_description}}
$(thisVideoIframe)$
$(thisLongDescription)$
\end
\define thisMakeEmbedIframe()
<<thisEmbideIframe>>
\end
\define thisEmbideIframe()
<$macrocall $name='youtube-embed' video=$(youtubeID)$ start={{!!embed_start}} end={{!!embed_end}}/>
\end
\define getYouTubeId()
{{$:/.rich/data/videos##$(selectedVideo)$}}
\end
Notes about the state of development:
I still want to add the option to just copy a youtube URL into the add video place and use regular expressions to pull out the video id. You would still have to give it a name. I will get around to that at some point.
Also, the `Add Video Segment` and `Add Video Timestamp` tiddlers don't work outside of their use in this tiddler. You can change this. The problem is that there are a few places in the two tiddlers that have `{{!!selected_video}}`, which in the tabs here references the `selected_video` field of the `YouTube Video Annotations` tiddler, not the individual tiddlers. If you change it to `{{YouTube Video Annotations!!selected_video}}` than they should work. I am leaving it the way it is because this way changing the name of `YouTube Video Annotations` won't break anything.
Instructions:
You can select a video using the drop down menu, if you want to add a new video click on the `New Video` button and in the dialog that appears enter the youtube video id and a name for the video and click `add` to add the video and then `done` to get back to the video selection. Video names ''can't'' have any colons (`:`) in the titles or it will break.
If you enter a start and end time then click `Set Video Time` it will set the embedded video to play the segment between the start and end time. `Reset Video Time` resets this.
By entering a start time, an end time, short and long descriptions and any tags you wish then clicking `Add Video Segment` the segment will be saved. If you click on a segment name in the list at the bottom than the video will be set to play that segment (no autoplay though, I am working on it.)
<$set name=selectedVideo value={{!!selected_video}}>
<$set name=youtubeID value=<<getYouTubeId>>>
<$set name=startTime value={{!!embed_start}}>
<$set name=endTime value={{!!embed_end}}>
<!-- Display the embedded video, with the appropriate start and end times set -->
<$macrocall $name=youtubeEmbed videoName={{!!selected_video}} start={{!!embed_start}} end={{!!embed_end}}/>
<!-- Select or Add video things -->
<$reveal type='nomatch' state='$:/state/videotimestampreveal' text='show'>
Select Video: <$select field='selected_video'>
<$list filter='[[$:/.rich/data/videos]indexes[]]'>
<<thisMakeSelectVideoOption>>
</$list>
</$select>
<$button set='$:/state/videotimestampreveal' setTo='show'>New Video</$button>
</$reveal>
<$reveal type='match' state='$:/state/videotimestampreveal' text='show'>
~YouTube ID:<$edit-text tiddler='$:/temp/videotimestamp' field='youtubeid' placeholder='YouTube ID'/><br>
Video Name:<$edit-text tiddler='$:/temp/videotimestamp' field='vidname' placeholder='Video Name'/><br>
<$button>Add Video
<$action-setfield $tiddler='$:/.rich/data/videos' $index={{$:/temp/videotimestamp!!vidname}} $value={{$:/temp/videotimestamp!!youtubeid}}/>
<$action-setfield $tiddler='$:/temp/videotimestamp' vidname='' youtubeid=''/>
</$button>
<$button set='$:/state/videotimestampreveal' setTo='noshow'>Done</$button>
</$reveal>
<<tabs "[[Add Video Segment]] [[Add Video Timestamp]]">>
</$set>
</$set>
</$set>
</$set>
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
!!Default
; `<undeclared>`
* all [[DATE]] are compared with day accuracy only
* all [[BOOL]] that are not ''false'' or ''0'' are interpreted as ''true''
!!Date Example
;`[!is[system]let:DATE LE ![20141127120000]]`
:all non-system tiddlers modified up until exactly noon of 27 Nov. 2014
;result
:.tb-links <$list filter="[!is[system]let:DATE LE ![20141127120000]]"/>
<$list filter="[list[OPERATION]]" variable=category>
<h1 style="width:100%;text-align:center;"><$link to=<<category>>><$view field=title tiddler=<<category>>/></$link></h1>
<$list filter="[list<category>]" variable=operation>
<h1><$link to=<<operation>>><$view tiddler=<<operation>> field=title/></$link></h1>
<div class="tb-summary"><$transclude tiddler=<<operation>> field=summary/></div>
<$transclude tiddler=<<operation>> field=text/>
</$list>
</$list>
<h1 style="width:100%;text-align:center;">[[! exact]]</h1>
{{! exact}}
!!Examples
;`<$list filter="[let:AND check[]]">{{!!title}}</$list>`
:verifies if all tiddlers with field ''check'' have it set to [[Truthy]]
;result
:<$list filter="[let:AND check[]]">{{!!title}}</$list>
;tiddlers (<$count filter="[has[check]]"/>)
:.tb-links <$list filter="[has[check]sort[title]]"/>
:<br>
;`<$list filter="[tag[Truthy]let:AND check[]]">{{!!title}}</$list>`
:verifies if all tiddlers tagged [[Truthy]] with field ''check'' have it set to [[Truthy]]
;result
:<$list filter="[tag[Truthy]let:AND check[]]">{{!!title}}</$list>
;tiddlers (<$count filter="[tag[Truthy]has[check]]"/>)
:.tb-links <$list filter="[tag[Truthy]has[check]sort[title]]"/>
:<br>
;`<$list filter="[tag[Falsy]let:AND check[]]">{{!!title}}</$list>`
:verifies if all tiddlers tagged [[Falsy]] with field ''check'' have it set to [[Truthy]]
;result
:<$list filter="[tag[Falsy]let:AND check[]]">{{!!title}}</$list>
;tiddlers (<$count filter="[tag[Falsy]]"/>)
:.tb-links <$list filter="[tag[Falsy]sort[title]]"/>
:<br>
;`<$list filter="[[1]][[blank = 0 or false]]+[let:AND check BLANKS[]]">{{!!title}}</$list>`
:checks [[tiddlers|Boolean]] [[1]], and [[blank = 0 or false]] if field ''check'' set to [[Truthy]], not ignoring blanks
;result
:<$list filter="[[1]][[blank = 0 or false]]+[let:AND check BLANKS[]]">{{!!title}}</$list>
:<br>
;`<$list filter="[[1]][[blank = 0 or false]]+[let:AND check[]]">{{!!title}}</$list>`
:checks [[tiddlers|Boolean]] [[1]], and [[blank = 0 or false]] if field ''check'' set to [[Truthy]], ignoring blanks
;result
:<$list filter="[[1]][[blank = 0 or false]]+[let:AND check[]]">{{!!title}}</$list>
<table>
<tr>
<th>Function</th>
<th>Meaning</th>
<th>Input<br>[[TYPE]]</th>
<th>Output<br>[[TYPE]]</th>
</tr>
<$list filter="[list[]]">
<tr>
<td><$link><$view field=title/></$link></td>
<td>{{!!summary}}</td>
<td>{{!!input}}</td>
<td>{{!!output}}</td>
</tr>
</$list>
</table>
If not specified, the default input type any of these operations is [[NUM|TYPE]].
!!Number Example
;`<$list filter="[let:AVG number[]]">{{!!title}}</$list>`
:calculate the average of all tiddlers with a field ''number''
;result
:<$list filter="[let:AVG number[]]">{{!!title}}</$list>
;tiddlers (<$count filter="[has[number]]"/>)
:.tb-links <$list filter="[has[number]sort[title]]"/>
:<br>
;`<$list filter="[let:AVG number BLANKS[]]">{{!!title}}</$list>`
:calculate the average of all tiddlers with a field ''number'', including [[BLANKS]]
;result
:<$list filter="[let:AVG number BLANKS[]]">{{!!title}}</$list>
;tiddlers (<$count filter="[tag[Number]]"/>)
:.tb-links <$list filter="[tag[Number]sort[title]]"/>
!!Integer Example
;`<$list filter="[let:AVG count[]]">{{!!title}}</$list>`
:calculate the average of all tiddlers with a field ''count''
;result
:<$list filter="[let:AVG count[]]">{{!!title}}</$list>
;tiddlers (<$count filter="[has[count]]"/>)
:.tb-links <$list filter="[has[count]sort[title]]"/>
:<br>
;`<$list filter="[let:AVG count BLANKS[]]">{{!!title}}</$list>`
:calculate the average of all tiddlers with a field ''count'', including [[BLANKS]]
;result
:<$list filter="[let:AVG count BLANKS[]]">{{!!title}}</$list>
;tiddlers (<$count filter="[tag[Integer]]"/>)
:.tb-links <$list filter="[tag[Integer]sort[title]]"/>
Declared in @@color:#dd1144; UPPERCASE@@ letters, ''BLANKS'' interprets fields that are defined yet don't have a value as...
|![[TYPE]] |!Interpreted As |
|[[NUM]] |0 |
|[[INT]] |0 |
|[[BOOL]] |false |
!!Default
;<undefined>
:by default, blanks are ignored in any [[OPERATION]]
!!Boolean Example
;`<$list filter="[[1]][[blank]]
+[let:check AND BLANKS[]]">{{!!title}}</$list>`
:checks [[tiddlers|Boolean]] [[1]], and [[blank = 0 or false]] if field ''check'' set to [[Truthy]], ignoring blanks
;result
:<$list filter="[[1]][[blank = 0 or false]]
+[let:check AND BLANKS[]]">{{!!title}}</$list>
:<br>
;`<$list filter="[[1]][[blank = 0 or false]]
+[let:check AND[]]">{{!!title}}</$list>`
:checks [[tiddlers|Boolean]] [[1]], and [[blank = 0 or false]] if field ''check'' set to [[Truthy]], ignoring blanks
;result
:<$list filter="[[1]][[blank = 0 or false]]
+[let:check AND[]]">{{!!title}}</$list>
!! Integer Example
;`<$list filter="[[3]][[blank]]
+[let:AVG INT count BLANKS[]]">{{!!title}}</$list>`
:calculates the average of field ''count'' for [[tiddlers|Integer]] [[3]], and [[blank = 0 or false]], ''not'' ignoring blanks
;result
:<$list filter="[[3]][[blank = 0 or false]]
+[let: AVG INT count BLANKS[]]">{{!!title}}</$list>
:<br>
;`<$list filter="[[3]][[blank = 0 or false]]
+[let: AVG INT count[]]">{{!!title}}</$list>`
:calculates the average of [[INT]] field ''count'' for [[tiddlers|Integer]] [[3]], and [[blank = 0 or false]], ignoring blanks
;result
:<$list filter="[[3]][[blank = 0 or false]]
+[let:AVG INT count[]]">{{!!title}}</$list>
!! Number Example
;`<$list filter="[[2.2]][[blank = 0 or false]]
+[let: AVG NUM number BLANKS[]]">{{!!title}}</$list>`
:calculates the average of [[NUM]] field ''number'' for [[tiddlers|Integer]] [[2.2]], and [[blank = 0 or false]], ''not'' ignoring blanks
;result
:<$list filter="[[2.2]][[blank = 0 or false]]
+[let:AVG NUM number BLANKS[]]">{{!!title}}</$list>
:<br>
;`<$list filter="[[2.2]][[blank = 0 or false]]
+[let:AVG NUM number[]]">{{!!title}}</$list>`
:calculates the average of field ''count'' for [[tiddlers|Integer]] [[2.2]], and [[blank = 0 or false]], ignoring blanks
;result
:<$list filter="[[2.2]][[blank = 0 or false]]
+[let:AVG NUM number[]]">{{!!title}}</$list>
Boolean fields are interpreted in a case-insensitive manner as ''true'' or ''false'' when...
|!|>|![[! exact]]|
|~|!No<br>@@font-weight:normal;(default)@@|!Yes<br> |
|![[Falsy]] w/o [[BLANKS]] |all `"0"` or `"false"`|all `"0"` or `"false"`|
|![[Falsy]] w/ [[BLANKS]] |all `"0"`, `"false"` or `""`|all `"0"`, `"false"` or `""`|
|![[Truthy]] |all not `"0"` or `"false"`|all `"1"` or `"true"` |
<table>
<tr>
<th>Function</th>
<th>Meaning</th>
</tr>
<$list filter="[list[]]">
<tr>
<td><$link><$view field=title/></$link></td>
<td>{{!!summary}}</td>
</tr>
</$list>
</table>
<table>
<tr>
<th>Operator</th>
<th>Meaning</th>
<th>Supported [[Types|TYPE]]</th>
</tr>
<$list filter="[list[]]">
<tr>
<td><$link><$view field=title/></$link></td>
<td>{{!!summary}}</td>
<td>{{!!types}}</td>
</tr>
</$list>
</table>
!!Default
;[[EQ]]
:when not specified, always compares equality
!!Filter Example
;`[let:DATE LT[20141224120000]]`
:all modified before 24. December 2014
This filter is is compatible with TiddlyWiki version 5.1.5.
The following filter plugins provide a subset of similar functions...
;date.js / lesser.js / greater.js
:» from [[welford|https://gist.github.com/welford/63cd1b6ab7d4db1ed54b]]
:» https://gist.github.com/welford/63cd1b6ab7d4db1ed54b
!! Dates
Then a target date to be compared against is given via the filter operand:
*`[let:DATE[20141231]]`
...the date can be shifted using addition or subtraction:
;`+1Y`
:plus one year
;`-10D`
:minus 10 days
;full example
:`[let:DATE GE +1M[20141231]]`
:get all where ''modified'' date is greater or equal one month after 31. Dec 2014
!! In Gerneral
;`<operation><value><type>`
:<div>
;operation
:`+` or `-`
;value
:any integer
;type
:<div>
`Y` Years<br>
`M` Months<br>
`D` Days<br>
`h` hours<br>
`m` minutes<br>
`s` seconds
</div>
</div>
!! Date Examples
;`[let: DATE GE +1Y{Version1!!created}]`
:all modified 1 year and later after ''Version1'' was created
```
<$action-compute
$filter="[tag[ProjectX]tag[Task]]"
$let="budget - expenses"
$set=taskSavings/>
<$action-compute
$filter="[tag[ProjectX]tag[Task]]"
$let="budget - expenses"
$tiddler=ProjectX
projectSavings="SUM"/>
<$action-compute
$filter="[tag[ProjectX]tag[Task]]"
$let="budget - expenses"
$set=taskSavings
$tiddler=ProjectX
projectSavings="SUM">
<table>
<$list filter="[tag[ProjectX]tag[Task]]">
<tr>
<td>{{!!title}}</td>
<td>{{!!taskSavings}}</td>
</tr>
</$list>
<tr>
<td>Total</td>
<td>{{ProjectX!!projectSavings}}</td>
</tr>
</table>
\define taskSavings()
<$list filter="[all[current]let:budget - expenses[]]">{{!!title}}</$list>
\end
\define projectSavings()
<$list filter="$(filter)$+[let:SUM ( budget - expenses ) []]">{{!!title}}</$list>
\end
<$set name="filter" value="[tag[ProjectX]tag[Task]]">
<$button>
<$list filter=<<filter>>>
<$action-setfield tiddler=<<currentTiddler>> taskSavings=<<taskSavings>>/>
</$list>
<$action-setfield tiddler=ProjectX projectSavings=<<projectSavings>>/>
</$button>
<table>
<$list filter=<<filter>>>
<tr>
<td>{{!!title}}</td>
<td>{{!!taskSavings}}</td>
</tr>
</$list>
<tr>
<td>Total</td>
<td>{{ProjectX!!projectSavings}}</td>
</tr>
</table>
</$set>
\define getResultAll()
<$list filter="[tag[Boolean]let:valA + valB[]]"{{!!title}}</$list>>
\end
\define getResult()
<$list filter="[let:valA + valB[]]"{{!!title}}</$list>>
\end
<<currentTiddler>> result="foo"/>
\define getResultAction()
<$list filter="[tag[Boolean]]">
<$action-setfield $tiddler=<<currentTiddler>> result="foo"/>
</$list>
<$action-setfield $tiddler=All result=<<getResultAll>>/>
\end
<$button>
<$action-setfield $tiddler="foo" result=<<getResult>>/>
<$action-navigate $to="foo"/>
set bar at foo to evaluated getResult (?!?) and open foo
</$button>
<$button>
<$action-setfield $tiddler="foo" text=<<getResult>>/>
<$action-navigate $to="foo"/>
set text at foo to evaluated getResult (?!?) and open foo
</$button>
<$button>
<$macrocall $name=getResultAction/>
Go!
</$button>
```
!!Examples
;`[let:DATE[]]`
:all modified today
:same as `[let: DATE EQ []]` or `[let: DATE modified EQ []]`
;`[let: DATE [20141224120000]]`
:all from 24 Dec. 2014
:same as `[sameday[20141224120000]]`, or `[let: DATE EQ [20141224120000]]`
!!Number Example
;`<$list filter="[let:NUM number[5.5]]"/>`
:get [[all tiddlers|Number]] where the field ''number'' of [[TYPE]] [[NUM|TYPE]] is ''equal to'' 5.5
;`<$list filter="[let:NUM number EQ[5.5]]"/>`
:since [[EQ]] is the [[default operation|OPERATION]] it does not need to be specified, but can be
;result
:.tb-links <$list filter="[let:NUM number EQ[5.5]]"/>
!!Integer Example
;`<$list filter="[let:INT count[3]]"/>`
:get [[all tiddlers|Integer]] where the field ''count'' of [[TYPE]] [[INT|TYPE]] is ''equal to'' 3
;`<$list filter=[let:INT count EQ[3]]"/>`
:since [[EQ]] is the [[default operation|OPERATION]] it does not need to be specified, but can be
;result
:.tb-links <$list filter="[let:INT count[3]]"/>
!!Boolean Example
;`<$list filter="[let:BOOL check[true]]"/>`
:get [[all tiddlers|Boolean]] where the field ''check'' of [[TYPE]] [[BOOL|TYPE]] is ''equal to'' [[Truthy]]
;`<$list filter="[let:BOOL check EQ[true]]"/>`
:since [[EQ]] is the [[default operation|OPERATION]] it does not need to be specified, but can be
;`<$list filter="[let:BOOL check[1]]"/>`
:same but with 1
;result
:.tb-links <$list filter="[let:BOOL check[1]]"/>
:<br>
;`<$list filter="[let:BOOL check ![true]]"/>`
:get [[all tiddlers|Boolean]] where the field ''check'' of [[TYPE]] [[BOOL|TYPE]] is [[exactly|! exact]] ''equal to'' [[Truthy]], thus only when ''1'' or ''true''
;result
:.tb-links <$list filter="[let:BOOL check ![1]]"/>
:<br>
;`<$list filter="[let:BOOL check[false]]"/>`
:get [[all tiddlers|Boolean]] where the field ''check'' of [[TYPE]] [[BOOL|TYPE]] is ''equal to'' [[Falsy]]
;`<$list filter="[let:BOOL check[0]]"/>`
:same with 0
;`<$list filter="[let:BOOL check[]]"/>`
:same with no operand
;result
:.tb-links <$list filter="[let:BOOL check[false]]"/>
:<br>
;`<$list filter="[let:BOOL check BLANKS[false]]"/>`
:get [[all tiddlers|Boolean]] where the field ''check'' of [[TYPE]] [[BOOL|TYPE]] is ''equal to'' [[Falsy]], including blanks
;result
:.tb-links <$list filter="[let:BOOL check BLANKS[false]]"/>
;with or without [[! exact]]
:all values that are `0` or any variant of `false`, `FALSE`, `faLSE` are falsy
;with [[BLANKS]]
:with this suboperator blanks `""` are also considered falsy
In @@color:#dd1144; lowercase@@ letters, name the field you wish to either compare or calculate with.
For [[TYPE]] = [[DATE]], specify a date field that follows the core date format.
!!Default
;`modified`
:by default compares against the modified date of a tiddler for [[TYPE]] = [[DATE]]
!!Filter Example
;`[let:DATE LE created[20140101]]`
:all created before and including 01. Jan 2014
!! Number Examples
;`<$list filter="[let:NUM number GE[2.2]]"/>`
:get [[all tiddlers|Number]] where the field ''number'' of [[TYPE]] [[NUM|TYPE]] is less than or equal to 2.2
;result
:.tb-links <$list filter="[let:NUM number GE[2.2]]"/>
!! Integer Examples
;`<$list filter="[let: INT count GE [3]]"/>`
:get [[all tiddlers|Integer]] where the field ''number'' of [[TYPE]] [[INT|TYPE]] is less than or equal to 3
;result
:.tb-links <$list filter="[let:INT count GE[3]]"/>
!! Date Examples
;`<$list filter="[!is[system]let:DATE created GE[20141130]sort[title]]"/>`
:get all non-system tiddlers that were modified at the sameday or after 30 Nov. 2014
;result (<$count filter="[!is[system]let:DATE created GE[20141130]sort[title]]"/>)
:.tb-links <$list filter="[!is[system]let:DATE created GE[20141130]sort[title]]"/>
;`<$list filter="[!is[system]let:DATE GE{GettingStarted!!modified}sort[title]]"/>`
:get all non-system tiddlers that were modified after or at the same day GettingStarted was last modified
;result (<$count filter="[!is[system]let:DATE GE{GettingStarted!!modified}]"/>)
:.tb-links <$list filter="[!is[system]let:DATE GE{GettingStarted!!modified}sort[title]]"/>
<<list-links filter:"[field:module-type[filteroperator]]">>
@@color:#dd1144;
<<<
''Important!'' I have decided to __[[change the BASIC SYNTAX again (!)|Syntax Changes]]__, for one, to drop the colons. Anyhow, this is still in beta, so please test. It will at some point be packaged as a plugin. So that will / might change soon.
<<<
@@
[[LetFilter|$:/plugins/tobibeer/letfilter/let.js]] allows to compare and calculate fields of tiddlers in a filter list, e.g.:
* [[compare|Comparators]] a given [[date|TYPE]] [[field]] against a specified [[date|TYPE]]
** by default, both dates are [[compared|OPERATION]] with [[day accuracy|! exact]]
* [[compare|Comparators]] a [[boolean|TYPE]] [[field]] against a specified [[boolean|TYPE]]
* [[compare|Comparators]] a [[number|TYPE]] / [[integer|TYPE]] [[field]] against a specified [[number|TYPE]] / [[integer|TYPE]]
* [[calculate|Arithmetic Operations]] a [[number|TYPE]] / [[integer|TYPE]] [[field]] using [[basic arithmetics|Arithmetic Operations]]
* [[calculate|Boolean Operations]] a [[boolean|TYPE]] [[field]] using [[basic boolean operations|Boolean Operations]]
* define whether to consider [[blank field values|BLANKS]] in its operations or not
* return a [[random|RANDOM]] number of items from a result list
!!Installation
To install, simply drag this link: [[$:/plugins/tobibeer/letfilter/let.js]] onto your TiddlyWiki.
!! A First Example
Tiddlers created the day after the tiddler [[Tobias Beer]] was created...
```
<<list-links
filter:"[!is[system][let: DATE created +1D {Tobias Beer!!created}]">>
```
<<list-links
filter:"[!is[system]let:DATE created +1D {GettingStarted!!created}]">>
Don't trust the result? Verify against the [[Timeline]].
''Note:'' There does seem to be some core date conversion going on that I haven't quite understood yet being on CET and seeing all created dates are always only stored with day accuracy or by the hour, not sure.
!! Number Example
;`<$list filter="[let:NUM number GT[3]]"/>`
:get [[all tiddlers|Number]] where the field ''number'' of [[TYPE]] [[NUM|TYPE]] is ''greater than'' 3
;result
:.tb-links <$list filter="[let:NUM number GT[3]]"/>
!! Integer Example
;`<$list filter="filter="[let:INT count GT[3]]"/>`
:get [[all tiddlers|Number]] where the field ''count'' of [[TYPE]] [[INT|TYPE]] is ''greater than'' 3
;result
:.tb-links <$list filter="[let:INT count GT[3]]"/>
!! Date Examples
;`<$list filter="[!is[system]let:DATE created GT[20141129]sort[title]]"/>`
:get all non-system tiddlers that were modified after 29 Nov. 2014
;result (<$count filter="[!is[system]let:DATE created GT[20141129]sort[title]]"/>)
:.tb-links <$list filter="[!is[system]let:DATE created GT[20141129]sort[title]]"/>
:<br>
;`<$list filter="[!is[system]let:DATE GT{GettingStarted!!modified}sort[title]]"/>`
:get all non-system tiddlers that were modified after GettingStarted was last modified
;result (<$count filter="[!is[system]let:DATE GT{GettingStarted!!modified}]"/>)
:.tb-links <$list filter="[!is[system]let:DATE GT{GettingStarted!!modified}sort[title]]"/>
!! Number Example
;`<$list filter="[let:NUM number LE[5.5]]"/>`
:get all tiddlers where the field ''number'' of [[TYPE]] [[NUM|TYPE]] is less than or equal to 5.5
;result
:.tb-links <$list filter="[let:NUM number LE[5.5]]"/>
!! Integer Example
;`<$list filter="[let:INT count LE[3]]"/>`
:get all tiddlers where the field ''count'' of [[TYPE]] [[INT|TYPE]] is less than or equal to 3
;result
:.tb-links <$list filter="[let:INT count LE[3]]"/>
!! Date Example
;`<$list filter="[tag[TYPE]let:DATE LE ![20141129000000]]"/>`
:all tagged [[TYPE]] modified before the dawn of 29 Nov. 2014, midnight up to the second
;result
:.tb-links <$list filter="[tag[TYPE]let:DATE LE ![20141129000000]]"/>
!! Number Example
;`<$list filter="[let:NUM number LT[5]]"/>`
:get all tiddlers where the field ''number'' of [[TYPE]] [[NUM|TYPE]] is ''less than'' 5
;result
:.tb-links <$list filter="[let:NUM number LT[5]]"/>
:<br>
;`<$list filter="[let:NUM number BLANKS LT[5]]"/>`
:get all tiddlers where the field ''number'' of [[TYPE]] [[NUM|TYPE]] is ''less than'' 5 including [[BLANKS]]
;result
:.tb-links <$list filter="[let:NUM number BLANKS LT[5]]"/>
!! Integer Example
;`<$list filter="[let:INT count LT[5]]"/>`
:get all tiddlers where the field ''count'' of [[TYPE]] [[INT|TYPE]] is ''less than'' 5
;result
:.tb-links <$list filter="[let:INT count LT[5]]"/>
:<br>
;`<$list filter="[let:INT count BLANK LT[5]]"/>`
:get all tiddlers where the field ''count'' of [[TYPE]] [[INT|TYPE]] is ''less than'' 5 including [[BLANKS]]
;result
:.tb-links <$list filter="[let:INT count BLANKS LT[5]]"/>
!! Number Example
;`<$list filter="[let:MAX number[]]">{{!!title}}</$list>`
:calculate the maximum of all tiddlers with a field ''number''
;result
:<$list filter="[let:MAX number[]]">{{!!title}}</$list>
;tiddlers (<$count filter="[has[number]]"/>)
:.tb-links <$list filter="[has[number]sort[title]]"/>
!! Integer Example
;`<$list filter="[let:MAX count[]]">{{!!title}}</$list>`
:calculate the maximum of all tiddlers with a field ''count''
;result
:<$list filter="[let:MAX count[]]">{{!!title}}</$list>
;tiddlers (<$count filter="[has[count]]"/>)
:.tb-links <$list filter="[has[count]sort[title]]"/>
! Number Example
;`<$list filter="[let:MIN number[]]">{{!!title}}</$list>`
:calculate the minimum of all tiddlers with a field ''number''
;result
:<$list filter="[let:MIN number[]]">{{!!title}}</$list>
;tiddlers (<$count filter="[has[number]]"/>)
:.tb-links <$list filter="[has[number]sort[title]]"/>
! Integer Example
;`<$list filter="[let:MIN count[]]">{{!!title}}</$list>`
:calculate the minimum of all tiddlers with a field ''count''
;result
:<$list filter="[let:MIN count[]]">{{!!title}}</$list>
;tiddlers (<$count filter="[has[count]]"/>)
:.tb-links <$list filter="[has[count]sort[title]]"/>
!! Date Example
;`<$list filter="[tag[TYPE]let:DATE NEQ[20141128230000]]"/>`
:all tagged [[TYPE]] not modified on 28 Nov. 2014
;result
:.tb-links <$list filter="[tag[TYPE]let:DATE NEQ[20141128230000]]"/>
!! Number Example
;`<$list filter="[let:NUM number NEQ[5.5]]"/>`
:get all tiddlers where the field ''number'' of [[TYPE]] [[NUM|TYPE]] is ''not equal to'' 5.5
;result
:.tb-links <$list filter="[let:NUM number NEQ[5.5]]"/>
!!Integer Example
;`<$list filter="[let:INT count NEQ[3]]"/>`
:get [[all tiddlers|Integer]] where the field ''count'' of [[TYPE]] [[INT|TYPE]] is ''not equal to'' 3
;result
:.tb-links <$list filter="[let:INT count NEQ[3]]"/>
!!Boolean Example
;`<$list filter="[let:BOOL check NEQ[true]]"/>`
:get [[all tiddlers|Boolean]] where the field ''check'' of [[TYPE]] [[BOOL|TYPE]] is ''not equal to'' [[Truthy]], by default ignoring blanks
;result
:.tb-links <$list filter="[let:BOOL check NEQ[true]]"/>
:<br>
;`<$list filter="[let:BOOL check NEQ[1]]"/>`
:same but with 1 instead of true
;result
:.tb-links <$list filter="[let:BOOL check NEQ[1]]"/>
:<br>
;`<$list filter="[let:BOOL check NEQ BLANKS[1]]"/>`
:get [[all tiddlers|Boolean]] where the field ''check'' of [[TYPE]] [[BOOL|TYPE]] is ''not equal to'' [[Truthy]], including blanks
;result
:.tb-links <$list filter="[let:BOOL check NEQ BLANKS[true]]"/>
:<br>
;`<$list filter="[let:BOOL check NEQ[false]]"/>`
:get [[all tiddlers|Boolean]] where the field ''check'' of [[TYPE]] [[BOOL|TYPE]] is ''not equal to'' [[Falsy]], ''not'' including blanks
;result
:.tb-links <$list filter="[let:BOOL check NEQ[false]]"/>
:<br>
;`<$list filter="[let:BOOL check NEQ ![false]]"/>`
:get [[all tiddlers|Boolean]] where the field ''check'' of [[TYPE]] [[BOOL|TYPE]] is ''not equal to'' [[Falsy]], ''not'' including blanks but [[! exact]]
;result
:.tb-links <$list filter="[let:BOOL check NEQ ![false]]"/>
!!Examples
;`<$list filter="[let:NOR check[]]">{{!!title}}</$list>`
:checks [[all tiddlers|Boolean]] if field ''check'' is not set to ''true'' or ''1''
;result
:<$list filter="[let:NOR check[]]">{{!!title}}</$list>
;tiddlers (<$count filter="[has[check]]"/>)
:.tb-links <$list filter="[has[check]sort[title]]"/>
:<br>
;`<$list filter="[tag[Falsy]let:NOR check[]]">{{!!title}}</$list>`
:checks [[all tiddlers|Boolean]] tagged [[Falsy]] if field ''check'' not set to ''true'' or ''1''
;result
:<$list filter="[tag[Falsy]let:NOR check[]]">{{!!title}}</$list>
;tiddlers (<$count filter="[tag[Falsy]]"/>)
:.tb-links <$list filter="[tag[Falsy]sort[title]]"/>
:<br>
;`<$list filter="[tag[Falsy]let:check NOR ![]]">{{!!title}}</$list>`
:checks [[all tiddlers|Boolean]] tagged [[Falsy]] if field ''check'' not set to ''true'' or ''1'', ignoring blanks
;result
:<$list filter="[tag[Falsy]let:check NOR ![]]">{{!!title}}</$list>
;tiddlers (<$count filter="[tag[Falsy]]"/>)
:.tb-links <$list filter="[tag[Falsy]sort[title]]"/>
:<br>
;`<$list filter="[tag[Truthy]let:NOR check[]]">{{!!title}}</$list>`
:checks [[all tiddlers|Boolean]] tagged [[Truthy]] if field ''check'' not set to ''true'' or ''1''
;result
:<$list filter="[tag[Truthy]let:NOR check[]]">{{!!title}}</$list>
;tiddlers (<$count filter="[tag[Truthy]]"/>)
:.tb-links <$list filter="[tag[Truthy]sort[title]]"/>
Seet [[To Do]] for what's posibly in the pipe...
!!Release Notes
;0.5.0 BETA
:introduces all of... <table>
<tr><th>[[TYPE]]</th><td>[[DATE]], [[NUM]], [[INT]], [[BOOL]]</td></tr>
<tr><th>[[Comparators]]</th><td>[[EQ]], [[NEQ]], [[LE]], [[LT]], [[GE]], [[GT]]</td></tr>
<tr><th>[[Arithmetic Operations]]</th><td>[[SUM]], [[AVG]], [[MAX]], [[MIN]]</td></tr>
<tr><th>[[Boolean Operations]]</th><td>[[AND]], [[OR]], [[NOR]]</td></tr>
<tr><th>[[! exact]]</th><td>allowing to compare dates exactly rather than just on a day basis and only considers [[BOOL]] ''1'' or ''true'' as [[Truthy]]</td></tr>
<tr><th>[[BLANKS]]</th><td>also considers fields where the value is <blank> for either of [[NUM]] or [[INT]] as ''0'' and for [[BOOL]] as [[Falsy]]</td></tr>
<tr><th>[[field]]</th><td>allowing to specify a field to compare or compute</td></tr>
<tr><th>[[compute]]</th><td>when comparing dates, allows to shift a target date in the operand by a number of years, months, days, hours, minutes or seconds</td></tr>
<tr><th>[[RANDOM]]</th><td>allows to make a random draw of x tiddlers from the filter results</td></tr>
</table>
@@color:#dd1144; ''Note:'' You can only use a single [[comparative|Comparators]], [[arithmetic|Arithmetic Operations]] or [[boolean operation|Boolean Operations]] at a time.@@
Required to be specified in @@color:#dd1144; UPPERCASE@@, supported operations are...
<$list filter="[list<currentTiddler>]" variable="operation">
<dl>
<dt><$link to=<<operation>>><$view tiddler=<<operation>> field=title/></$link></dt>
<dd class="tb-links"><$transclude tiddler=<<operation>> field=summary/>:
<br><$list filter="[tag<operation>]"/></dd>
</dl>
</$list>
!!Examples
;`<$list filter="[let:OR check[]]">{{!!title}}</$list>`
:checks [[all tiddlers|Boolean]] with field ''check'' if any set to [[Truthy]]
;result
:<$list filter="[let:OR check[]]">{{!!title}}</$list>
;tiddlers(<$count filter="[has[check]]"/>)
:.tb-links <$list filter="[has[check]sort[title]]"/>
:<br>
;`<$list filter="[tag[Truthy]let:OR check[]]">{{!!title}}</$list>`
:checks [[all tiddlers|Boolean]] tagged [[Truthy]] with field ''check'' if any set to [[Truthy]]
;result
:<$list filter="[tag[Truthy]let:OR check[]]">{{!!title}}</$list>
;tiddlers(<$count filter="[tag[Truthy]]"/>)
:.tb-links <$list filter="[tag[Truthy]]"/>
:<br>
;`<$list filter="[tag[Falsy]let:OR check[]]">{{!!title}}</$list>`
:checks [[all tiddlers|Boolean]] tagged [[Falsy]] with field ''check'' if any set to [[Truthy]]
;result
:<$list filter="[tag[Falsy]let:OR check[]]">{{!!title}}</$list>
;tiddlers(<$count filter="[tag[Falsy]]"/>)
:.tb-links <$list filter="[tag[Falsy]]"/>
Declared in @@color:#dd1144; UPPERCASE@@ letters, RANDOM arbitrarily choses a number of tiddlers from the filter results as specified via the operand. Specifying a [[field]], only tiddlers having that field will be considered.
@@color:#dd1144; ''Note:'' This filter is going to be updated on most every user action, so make sure that this kind of random set generation is actually useful to you.@@
!!Default
;1
:if none is specified, 1 random result is returned
!!Filter Examples
;`<$list filter="[let:RANDOM[]]"/>`
:returns a random tiddler
;result
:<$list filter="[let:RANDOM[]]"/>
;`<<list-links filter:"[!is[system]let:RANDOM[3]sort[title]]">>`
:randomly returns links to three out of all non-system tiddlers
;result
:<<list-links filter:"[!is[system]let:RANDOM[3]sort[title]]">>
<dl>
<$list filter="[list<currentTiddler>]">
<dt><$link>{{!!title}}</$link></dt>
<dd>{{!!summary}}</dd>
</$list>
</dl>
!! Number Example
;`<$list filter="[let:SUM number[]]">{{!!title}}</$list>`
: calculate the sum of all tiddlers with a field ''number''
;result
:<$list filter="[let:SUM number[]]">{{!!title}}</$list>
;tiddlers (<$count filter="[has[number]]"/>):
:.tb-links <$list filter="[has[number]sort[title]]"/>
!! Integer Example
;`<$list filter="[let:SUM count[]]">{{!!title}}</$list>`
:calculate the sum of all tiddlers with a field ''count''
;result
:<$list filter="[let:SUM count[]]">{{!!title}}</$list>
;tiddlers (<$count filter="[has[count]]"/>):
:.tb-links <$list filter="[has[count]sort[title]]"/>
The `[let[]]` filter implements multiple suboperators in the operator suffix.
A filter in TiddlyWiki usually looks like this:
`[<operator>:<suffix>[<operand>]]`
Here is how the ''let'' filter extends that with [[suboperators|Suboperators]]:
<style>
.syntax,
.syntax a {
color:#dd1144;
}
.syntax a{
border-bottom:1px solid #f99;
}
.syntax a:hover{
border-bottom:2px solid #f00;
text-decoration:none;
}
</style>
<div class="syntax">
[let: [[TYPE]] [[OPERATION]] [[compute]] [[field]] [[BLANKS]] [[!|! exact]] [<operand>]]<br>
</div>
For example...
;`[let: DATE created LE ! [20140101010000]]`<br>
:gets all with date field `created` before exactly 1 am of Jan 01. 2014
For specifics on all the things you can do using the ''let'' filter, see [[suboperators|Suboperators]].
@@.todo
*.ok first of all, remove colons
*use [[math.js|http://mathjs.org]]
**.ok basic text
* the comparators will be: `== != < <= => >`
** `[let: INT count == [4]]`
** `[let: BOOL check != [true]]`
** `[let: DATE < [20141224]]`
** `[let: NUM number < [123]]`
** `[let: DATE created > [20141224]]`
** `[let: INT SUM > [100]]`
* there will be plain arithmetic operators: `+ - * /`
** //type defaults to NUM, if not specified//
** `[let: fieldA + fieldB []]`
** `[let: fieldB - fieldA []]`
** `[let: INT fieldA * NUM fieldB []]`
** `[let: NUM fieldB / INT fieldA []]`
* it will thus be possible to use multiple operands and operations, e.g. arithmetic first, comparator last: `a + b > [?!?]`
** `[let: NUM fieldB / INT fieldA <= [20]]`
* eventually also allowing bracketing: `(a - b) * c`
** //I will need help & pointers on that one, to use regexp!//
** `[let: (fieldB - fieldB) / fieldC <= [20]]`
* possibly allow predefined formulas
** //I will need help & pointers on that one, to use regexp!//
** `[let: {formulaAsText!!reference} [20]]`
** `[let: $(formulaAsVariable or Macro)$ [20]]`
@@
[[$:/plugins/tobibeer/letfilter/let.js]]
<$set name="f" value="[let:NUM:GT:foo:![1.4]!sort[created]]">
<<f>>
<$count filter=<<f>>/><$list filter=<<f>>>
;<$link><$view field="title"/></$link><br>
: modified: {{!!modified}}<br>
: created: {{!!created}}
</$list>
</$set>
<style>
.no-border{font-size:0.8em;}
.no-border, .no-border > tr, .no-border > tr > td {border:0;}
</style>
<table class="no-border">
<tr>
<td>
<table>
<tr><th>Modified</th><th>Tiddler</th></tr>
<$list filter="[all[]has[modified]!is[system]!sort[modified]]">
<tr>
<td><$view field=modified format=date template="YYYY-0MM-0DD 0hh:0mm:0ss"/></td>
<td><$link><$view field=title/></$link></td>
</tr>
</$list>
</table>
</td>
<td>
<table>
<tr><th>Created</th><th>Tiddler</th></tr>
<$list filter="[all[]has[created]!is[system]!sort[created]]">
<tr>
<td><$view field=created format=date template="YYYY-0MM-0DD 0hh:0mm:0ss"/></td>
<td><$link><$view field=title/></$link></td>
</tr>
</$list>
</table>
</td>
</tr>
</table>
* fix [[BLANKS]] vs. [[! exact]] before release
* package as plugin
* any widgets?
* enable [[compute]] for [[INT]] and [[NUM]] to do something with the field values before doing [[Arithmetic Operations]] ...and perhaps to declare a final operation, e.g. "divide by x" at the end, x being a transcluded value, perhaps also computed via `[let[]]`
* find a use for the operand in [[arithmetic|Arithmetic Operations]] or [[boolean operations|Boolean Operations]]
** with [[SUM]], could mean to only to sum up those of a certain value
*** that would be irrelevant for [[MIN]], [[MAX]], [[AVG]] as the result would be pretty clear ;)
** could also be something like `>3`
*** e.g. only do the calculation for anything greater X
*** `3-10`
*** `<20`
*** this would not work well with `[let<Variable>]` or `[let{textReference}]`
http://tb5.tiddlyspot.com
;without [[! exact]] (default)
:all values that are not `0` and not any variant of `false`, `FALSE`, `faLSE` are considered truthy, i.e. also `foO` would be true or `100.6`
;with [[! exact]]
:only `1` or any variant of `true`, `TRUE`, `trUE` are considered truthy
!!Example
;`[let:DATE[20140101]]`
:all modified at 01. Jan 2014 (using [[EQ|OPERATION]], the default comparision [[OPERATION]])
!! Specification
Required to be specified in @@color:#dd1144; UPPERCASE@@, supported field types are...
|!Type|!Meaning|!Example|
|[[DATE]]|a valid date|`20140102030405`|
|[[NUM]]|a floating point number|`3.33`|
|[[INT]]|an integer value|`3`|
|[[BOOL]]|a truth value|`false`|
!!Default
[[NUM]]
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
<div style="font-size:75%;margin-top:-3em;margin-left:-16em;margin-bottom:-2.5em;">
~LibreNote est forgé par
<$link to="ContactSources"></$link>
<$button class="tc-btn-invisible tc-tiddlylink" tooltip='Contact et sources'>
<$action-setfield $tiddler="$:/StoryList" list="
[[ContactSources]]"/>
<$action-navigate $to="ContactSources" $scroll="no"/>
''svink''
</$button>
libriste amateur.
</div>
<br>
<div style="margin-bottom:-2em;">
{{Licence}}
<div style="text-align:center; font-size:160%;">
Un projet de site web et de wikis entièrement<br> basé sur ~TiddlyWiki
</div>
<br>
[img width="224" [tuxjack.svg]]
<br>
!!!<i class="fa fa-archive"></i> Archives
---
<div style="text-align:left; font-size:0.9em;">
<$list filter='[tag[Blog]!nsort[created]rest[2]]'>
''<$view field="created" format="date" template="DDth MMM YYYY"/>'' - <$link>{{!!title}}</$link>
<dt>{{!!resume}}</dt>
<br>
<table class="invisibletable">
<tr>
<td valign="left">
<div style="text-align:left; margin-top:-0.4em; margin-bottom:-3.2em; margin-left:-4.5em">
[img width="72" align='left' [logo.svg]]
</div>
</td>
<td>
<div style="text-align:right; margin-bottom:-2.8em; margin-right:-4.5em;">
[img width="192" align='right' [titre.png]]
</div>
<table class="invisibletable">
<tr>
<td valign="left">
<div style="text-align:left; margin-top:0.5em; margin-bottom:-2.5em; margin-left:-4em;">
[img width="384" align='left' [blog.png]]
@@.date
<$view field="created" format="date" template="DD mmm"/><br>
<$view field="created" format="date" template="YYYY"/>
@@
<div style="font-size:1.3em; text-align:left;">
<$button class="tc-btn-invisible" style="color:#2B2B2B ;"><$view field='title'/>
<$action-navigate $to={{!!title}}/>
</$button>
</div>
<br>
<img align="left" width="64" src={{!!url_thumb}}>
<div style="text-align:left;">
{{!!resume}}
<br><br><br>
<$link to=<<currentTiddler>>>Lire la suite <i class="fa fa-angle-right"></i></$link>
</div>
<br>
<hr>
<table class="invisibletable">
<tr>
<td valign="right">
<div style="font-size:0.85em;text-align:right">
Ce site n'utilise aucun outils d'analyse du traffic, n'hésitez pas à m'envoyer un email pour toutes suggestions.
</div>
</td>
<td valign="center">
<div style="font-size:0.7em;text-align:left;margin-left:5em;">
<a href="mailto:svink@openmailbox.org" class="tc-btn-big-green" style="text-decoration:none; background-color:#FF8C19;" target="_blank"> <i class="fa fa-envelope"></i> Contact</a>
</div>
{{Crédits}}
{{Contact}}
{{Sources}}
{{TwVersion}}
<br>
{{Licence}}
<table class="invisibletable">
<tr>
<td valign="right">
<div style="font-size:0.9em;text-align:right">
~LibreNote est forgé par svink.
</div>
</td>
<td>
\define thisDisplayWithTemplate()
{{$(TiddlerToDisplay)$||$(TemplateToUse)$}}
\end
!!Articles récents
---
<$list filter='[tag[Blog]!nsort[created]limit[2]]'>
<$set name=TiddlerToDisplay value=<<currentTiddler>>>
<$set name=TemplateToUse value={{!!template}}>
<<thisDisplayWithTemplate>>
</$set>
</$set>
</$list>
<br>
@@.btn
<i class="fa fa-archive" style="color:#FFFFFF"></i> ''<span class=bta>[[Archives|AnciensPosts]]</span>''
@@
J'ai créé une nouvelle entrée ''demo'' dans l'arborescence du site afin de partager des démonstrations d'utilisation de ~TiddlyWiki.
La première démo présente une manière d'utiliser ~TiddlyWiki pour créer un blog. Les explications détaillées sont accessibles sur http://librenote.aerobatic.io/demo/tiddlyblog.
Les principaux points sont:
*La création et l'utilisation de modèles (//templates//)
*La création d'un bouton personnalisé
*Le trie et le classement des articles
D'autres démos seront mises en ligne par la suite.
<table class="invisibletable">
<tr>
<td valign="center">
<div style="font-size:0.9em;">
<<list-thumbnails filter:"[tag[thumbnail_GN]]" width:"336" height:"190">>
</div>
</td>
<td>
<div style="font-size:0.9em; text-align:center; margin-bottom:2em;">
<a href="http://librenote.aerobatic.io/gitnote" class="tc-btn-big-green" style="text-decoration:none; background-color:#FF8C19;" target="_blank">
''~GitNote'' <i class="fa fa-external-link-square"></i></a>
</div>
<div style="text-align:center;font-size:1.1em;">
Les bases de Git, un logiciel de gestion de version décentralisé
</div>
<div style="text-align:center; font-size:130%;">
~LibreNote est une démonstration de ~TiddlyWiki et un projet de partage de documentation sur les logiciels libres que j'utilise au quotidien.
</div>
<br>
<table class="invisibletablea">
<tr>
<td>
<div style="text-align:center; font-size:150%; background-color: rgba(255,255,255,0.5)">
Chakra<br>
[img width="46" [chakralog]]<br>
</div>
<div style="text-align:center; background-color: rgba(255,255,255,0.5)">
Une distribution GNU/Linux centrée sur KDE
</div>
</td>
<td>
<div style="text-align:center; font-size:150%; background-color: rgba(255,255,255,0.5)">
~TiddlyWiki<br>[img width="74" [Motovun Jack.svg]]<br>
</div>
<div style="text-align:center; background-color: rgba(255,255,255,0.5)">
Un carnet de notes web personnel et non linéaire
</div>
</td>
<td>
<div style="text-align:center; font-size:150%; background: rgba(255,255,255,0.5)">
Git<br>[img width="46" [gitlog]]<br>
</div>
<div style="text-align:center; background: rgba(255,255,255,0.5)">
Un logiciel de gestion de version décentralisé
</div>
</td>
Depuis le 21 septembre le site ~LibreNote a changé d'hébergement. Il est désormais sous [[aerobatic|http://bitbucket.aerobatic.com/]] et accessible à cette nouvelle adresse:
>http://librenote.aerobatic.io
Et les wikis ont suivis :
*~LinuxNote: http://librenote.aerobatic.io/linuxnote
*~TiddlyNote: http://librenote.aerobatic.io/tiddlynote
*~GitNote: http://librenote.aerobatic.io/gitnote
Durant le déménagement tout le monde a perdu son "S".
<br><br>
<div style="text-align:center;">
@@background-color:#FFCC66;
@@margin:10px;
@@padding:10px;
@@border-radius: 5px;
<i class="fa fa-exclamation-triangle fa-2x pull-center"></i><br>
L'ancienne adresse affiche une page de redirection qui ne sera plus accessible à partir du mois de novembre.
@@
</div>
<br>
!!!Un nouveau //workflow// sous Git
Au passage, je revois ma façon de travailler sous Git avec ~TiddlyWiki. Je ne vais plus faire des commits pour chaque changement apporté car cela me fait perdre en productivité.<br>
Commiter proprement toutes les modifications est assez long et n'est pas adapté à mon utilisation. Désormais je ferais généralement juste un commit par wiki mais qui comprendra plusieurs modifications.
<br><br>
---
<table class="invisibletable">
<tr>
<td>
<div style="font-size:1.1em;color:#D4D4D4; text-align:left; margin-bottom:1.5em;">
<i class="fa fa-rss-square" style="color:#FF8330"></i> __Dernières nouvelles__
</div>
<$scrollable class='tc-scrollable'>
{{News}}
</$scrollable>
<div style="text-align:left; font-size:0.9em;">
<$link to="BannièreBlog"></$link>
<$button class="tc-btn-invisible tc-tiddlylink">
<$action-setfield $tiddler="$:/StoryList" list="
[[BannièreBlog]]
[[DerniersPosts]]
[[ListeTags]]"/>
<$action-navigate $to="BannièreBlog" $scroll="yes"/>
<div style="color:#D4D4D4;">
__Plus d'articles sur le blog__
</div>
</$button>
</div>
</td>
<td valign="center">
<div style="font-size:1.1em ;color:#D4D4D4;">
<br>Le blog est un exemple d'utilisation de ~TiddlyWiki qui retrace l'actu de mes logiciels favoris.
Petit tour des sorties entre Mai et début Juillet.
__KDE__
Les mises à jour biens rodées de KDE avec:
* KDE Applications 15.04.3 est sortie le 1er Juillet
*Plasma 5.3.2 est sortie le 30 juin
* KDE Frameworks 5.11.0 est sortie le 12 juin
<i class="fa fa-link"></i> [[KDE Announcements|https://www.kde.org/announcements/]]
<br><br>
__Chakra__
Du côté de Chakra,
* Le 22 juin, mise à jour du __noyaux Linux 4.0.5__ et des pilotes graphiques nvidia et catalyst et plusieurs autres mises à jour avec notamment:
**KDE Frameworks 5.11.0, calligra 2.9.5,
**qt 4.8.7, qt5 5.4.2,
**digikam 4.11.0, wine 1.7.45...
*Le 5 juin, KDE Applications 15.04.2 est disponible
<i class="fa fa-link"></i> [[Chakra News|http://chakraos.org/news/]]
<br><br>
__~TiddlyWiki__
Le 3 Juillet est sortie [[TiddlyWiki 5.1.9|http://tiddlywiki.com]] avec beaucoup d'améliorations comme une nouvelle palette de couleurs, un nouveau style de boutons et bien d'autres choses.
<i class="fa fa-link"></i> [[TiddlyWiki Release|http://tiddlywiki.com/#Release%205.1.9]]
<br><br>
---
<table class="invisibletable">
<tr>
<td valign="center">
<div style="font-size:0.8em;">
<$link to="LinuxNote"></$link>
<$button class="tc-btn-big-green" style="background-color:#474747;">
<$action-setfield $tiddler="$:/StoryList" list="
[[LinuxNote]]
[[TiddlyNote]]
[[GitNote]]"/>
<$action-navigate $to="LinuxNote" $scroll="yes"/>
<i class="fa fa-flask"></i> Les Wikis
</$button>
</div>
<div style="font-size:1.1em;text-align:center; color:#D4D4D4; margin-top:1em;">
~LibreNote regroupe une collection de wikis sur les logiciels libres.
</div>
</td>
<td valign="center">
[img width="320" align='left' [logos]]
~LibreNote changed hosting, the website is now available at http://librenote.aerobatic.io
Update your bookmarks!
<table class="invisibletable">
<tr>
<td>
<div style="font-size:110%;text-align:center;margin-top:0.3em;">
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Licence Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a><br />
</div>
</td>
<div style="font-size:75%;text-align:left;margin-left:-10em;">
<td valign="bottom">
Sauf mention contraire, le contenu de ce site est mis à disposition<br> selon les termes de la Licence CC BY-SA 4.0
<table class="invisibletable">
<tr>
<td valign="center">
<div style="font-size:0.9em;">
<<list-thumbnails filter:"[tag[thumbnail_LN]]" width:"336" height:"190">>
</div>
</td>
<td>
<div style="font-size:0.9em; text-align:center; margin-bottom:2em;">
<a href="http://librenote.aerobatic.io/linuxnote" class="tc-btn-big-green" style="text-decoration:none; background-color:#0066CC;" target="_blank">
''~LinuxNote'' <i class="fa fa-external-link-square"></i></a>
</div>
<div style="text-align:center; font-size:1.1em;">
Un guide d'utilisation de Chakra, une distribution GNU/Linux centrée sur KDE
</div>
<div style="margin-top:-1.8em; margin-bottom:-1.2em;">
<div style="font-size:1.2em; color:#474747;">
<i class="fa fa-tags"></i> Tous les tags
</div>
<div style="color:black;">
<$list filter="[tags[]!is[system]each[color]]">
<$transclude tiddler="$:/core/ui/TagTemplate"/> <small class="tc-menu-list-count"><$count filter="[all[current]tagging[]]"/></small>
</$list>
@@.tc-icon-menu
<$link to="ContactSources"></$link>
<$button class="tc-btn-invisible" tooltip='Contact et Sources'>
<$action-setfield $tiddler="$:/StoryList" list="
[[ContactSources]]"/>
<$action-navigate $to="ContactSources" $scroll="yes"/>
<i class="fa fa-user"></i> A propos
</$button>
@@
@@.tc-icon-menu
<$link to="BannièreBlog"></$link>
<$button class="tc-btn-invisible" tooltip='Le Blog'>
<$action-setfield $tiddler="$:/StoryList" list="
[[BannièreBlog]]
[[DerniersPosts]]
[[ListeTags]]"/>
<$action-navigate $to="BannièreBlog" $scroll="yes"/>
<i class="fa fa-comments"></i> Blog
</$button>
@@
@@.tc-icon-menu
<$link to="Bannière"></$link>
<$button class="tc-btn-invisible" tooltip='Accueil'>
<$action-setfield $tiddler="$:/StoryList" list="
[[Bannière]]
[[Accueil]]
[[Présentation]]
[[Introduction]]
[[Projet]]
[[A propos]]"/>
<$action-navigate $to="Bannière" $scroll="yes"/>
<i class="fa fa-home"></i> Home
</$button>
@@
@@.tc-icon-menu
<$link to="LinuxNote"></$link>
<$button class="tc-btn-invisible" tooltip='Les Wikis'>
<$action-setfield $tiddler="$:/StoryList" list="
[[LinuxNote]]
[[TiddlyNote]]
[[GitNote]]"/>
<$action-navigate $to="LinuxNote" $scroll="yes"/>
<i class="fa fa-flask"></i> Wikis
</$button>
@@
<div style="text-align:left; font-size:0.8em; color:black;">
<dl><$list filter='[tag[Blog]!nsort[created]limit[3]]'>
<dt><$view field="created" format="date" template="0DD/0MM/YY"/> - <$button class="tc-btn-invisible tc-tiddlylink">
<$action-setfield $tiddler="$:/StoryList" list="
[[DerniersPosts]]
[[ListeTags]]"/>
{{!!titre_news}}
<$action-navigate $to={{!!title}} $scroll="yes"/>
</$button>
</dt>
@@float:right;
<$button message="tm-close-tiddler" class="tc-btn-invisible" tooltip="Fermer cet article">{{$:/core/images/close-button}}</$button>
@@
<div style="text-align:center">
!!{{!!title}}
</div>
<div style="text-align:center; color:#7C7C7C">
<i class="fa fa-clock-o"></i> <$view field="created" format="date" template="DDD DDth MMM YYYY"/>
<i class="fa fa-user"></i> <$view field="creator"/>
<i class="fa fa-tags"></i> <$list filter="[all[current]tags[]![tags[Blog]![Wiki]]">{{||$:/core/ui/TagTemplate}}</$list>
</div>
<br><br><br>
{{LeBlog}}
<br>
{{LesWikis}}
<div style="font-size:130%; color:#D4D4D4">
~LibreNote a été créé dans le but de regrouper les wikis que je maintiens sur les logiciels libres. Par la suite, l'idée est venue de créer un site internet complet basé sur <style> a:link { color: #D4D4D4; } a:visited { color: #D4D4D4;} a:hover { color: blue;} </style> <a href="http://tiddlywiki.com/" target="_blank">~TiddlyWiki</a>.
</div>
<table class="invisibletable">
<tr>
<td valign="right">
<div style="font-size:0.85em;text-align:right">
L'ensemble des sources sont disponibles sur le dépôt Git du projet.
</div>
</td>
<td valign="center">
<div style="font-size:0.7em;text-align:left;margin-left:5em;">
<a href="https://bitbucket.org/librenotes/librenote/" class="tc-btn-big-green" style="text-decoration:none; background-color:#5E9FCA;" target="_blank">
<i class="fa fa-bitbucket"></i> Dépôt Git</a>
</div>
<table class="invisibletable">
<tr>
<td>
<div style="font-size:0.9em; text-align:center; margin-bottom:2em;">
<a href="http://librenote.aerobatic.io/tiddlynote" class="tc-btn-big-green" style="text-decoration:none; background-color:#47D147;" target="_blank">
''~TiddlyNote'' <i class="fa fa-external-link-square"></i></a>
</div>
<div style="text-align:center;font-size:1.1em;">
Une introduction à ~TiddlyWiki, un carnet de notes web personnel et non linéaire
</div>
</td>
<td valign="center">
<div style="font-size:0.9em;">
<<list-thumbnails filter:"[tag[thumbnail_TN]]" width:"336" height:"190">>
</div>
<table class="invisibletable">
<tr>
<td valign="right">
<div style="font-size:0.85em;text-align:right">
~TiddlyWiki version
</div>
</td>
<td valign="center">
<div style="font-size:0.85em;text-align:left; margin-left:4em;"> <<version>>
</div>
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
<i class="fa fa-user"></i> Ce wiki fait partie du projet [[LibreNote|http://librenote.aerobatic.io]] forgé par svink
<i class="fa fa-spinner"></i> Dernière mise à jour le {{Dernière modification}}
<div style="font-size:0.7em;text-align:left;margin-top:3em;margin-bottom:3em;">
<a href="mailto:svink@openmailbox.org" class="tc-btn-big-green" style="text-decoration:none; background-color:#FF8C19;" target="_blank"> <i class="fa fa-envelope"></i> Contact mail
</a>
<a href="https://bitbucket.org/librenotes/librenote/" class="tc-btn-big-green" style="text-decoration:none; background-color:#5E9FCA;" target="_blank">
<i class="fa fa-bitbucket"></i> Dépôt Bitbucket
</a>
{{$:/snippets/download-wiki-button}}
</div>
!Démarrage et arrêt
<i class="fa fa-desktop fa-2x pull-left"></i> ''Configurer le comportement du système lors de son démarrage ou de son arrêt.''
Vous pouvez désactiver un service, ou désinstaller le paquet correspondant. En effet, la lecture de fichier de
configuration ralentit légèrement le démarrage du système même si le service ne démarre pas.<br>
Il existe un outil graphique de gestion des processus ~KsysGuard (Surveillance du système) qui permet de voir les services utilisés.
@@.ast
<i class="fa fa-lightbulb-o fa-3x pull-left"></i> __Gestion des processus__<br>
La commande `top` permet d'afficher des informations en continu sur l'activité du système (quantité de RAM et
pourcentage de CPU utilisés par les processus). Il existe aussi `htop` qui est une version améliorée (commande à installer). Pour quitter la commande `top` / `htop`, il suffit de taper la lettre `q`.
@@
!Chargeur d'amorçage GRUB 2
<i class="fa fa-desktop fa-2x pull-left"></i> ''Configurer et personnaliser le comportement de GRUB 2, le chargeur d'amorçage.''
<<<
Pour masquer GRUB au démarrage du système:<br>
Onglet général → Cocher //Amorcer automatiquement l'entrée par défaut//, //immédiatement//.
<<<
<i class="fa fa-folder-open"></i> Le fichier de configuration de GRUB est `/etc/default/grub`
!Gestionnaire des services
<i class="fa fa-desktop fa-2x pull-left"></i> ''Permet de gérer les services au démarrage.''
@@.ast
<i class="fa fa-lightbulb-o fa-3x pull-left"></i> On peut décocher certains services si ils ne sont pas utilisés: //Gestionnaire d'affichage pour le changement de moniteur, Notificateur de changement d'url distante, Notification d'espace libre, Tablette Wacom//.
@@
!Gestion des polices
<i class="fa fa-desktop fa-2x pull-left"></i> ''Permet de visualiser et de gérer les polices.''
<<<
On peut ajouter des polices (ttf) de manière simple : Polices personnelles → //ajouter//
<<<
<i class="fa fa-folder-open"></i> Les polices sont stockées dans les dossiers : `~/.fonts` et `/usr/share/fonts`
@@.info
<i class="fa fa-info-circle fa-2x pull-left"></i> On en trouve beaucoup sur internet: [[dafont|http://www.dafont.com/fr/]], [[openfontlibrary|http://openfontlibrary.org/]]...
@@
!Écran de connexion
<i class="fa fa-desktop fa-2x pull-left"></i> ''Configurer le gestionnaire de connexion.''
L'écran de connexion KDM (KDE Display Manager) peut être personnalisé avec des thèmes (KDM4 Themes).<br> Directement depuis le gestionnaire de thème ou le télécharger sur [[kde-look|http://kde-look.org/]] et l'installer avec.
<i class="fa fa-folder-open"></i> Les thèmes KDM sont stockés dans le dossier : `/usr/share/apps/kdm/themes`
!Effets de bureau
<i class="fa fa-desktop fa-2x pull-left"></i> ''Configurer les effets de bureau tels que les animations des fenêtres, la transparence...''
Kwin est le gestionnaire de fenêtre de KDE. Une fois les effets du bureau activés, Kwin offre beaucoup de façons
d'interagir avec les fenêtres.
@@.flotte
<a href="https://cloud.openmailbox.org/public.php?service=files&t=oA8ggb1qChfGaQK
" target="_blank">[img width="350" [Configuration générale|https://cloud.openmailbox.org/public.php?service=files&t=oA8ggb1qChfGaQK
&download]]</a>
@@
!!Configuration générale
Les effets de base de Kwin se configure ici (animations...).
Suivant la configuration on peut activer ou désactiver les effets de bureau de manière générale.
>Effets de bureau → Cocher ou décocher //Activer les effets de bureau au démarrage//
<br><br><br>
!!Configuration avancée des effets de bureau (Tous les effets)
@@.flotte
<a href="https://cloud.openmailbox.org/public.php?service=files&t=AiMtK9AaxtaFgWF
" target="_blank">[img width="350" [Tous les effets|https://cloud.openmailbox.org/public.php?service=files&t=AiMtK9AaxtaFgWF
&download]]</a>
@@
<br>
L'ensemble des effets de Kwin se configure ici, on peut gérer par exemple la transparence des fenêtre, leur comportement et différents effets. Les effets de base se règles automatiquement en fonction des capacités.
Certains effets sont assez gourmands en ressources, on peut les désactiver ou régler l'effet de manière individuelle (en cliquant sur l'icône clé) :
*Redimensionner la fenêtre
*Flou : gère l'effet de flou de l'arrière plan des fenêtres transparentes, c'est l'effet le plus gourmand en ressources.<br>
*Translucidité : gère la transparence des fenêtres, des décorations et des menus (la transparence du tableau de bord dépend du Thème de bureau utilisé).
>Pour avoir le bord des fenêtres ou les fenêtres en arrière plan transparentes<br> Configuration (icône clé) → Décoration
@@.info
<i class="fa fa-info-circle fa-3x pull-left"></i> Pour la transparence "complète" des fenêtres, il faut changer de thème de bureau (//oxygen-transparent// par exemple) avec l'effet flou.
@@
@@.ast
<i class="fa fa-lightbulb-o fa-3x pull-left"></i> __Retirer les animations non désirées__ (si il y a vraiment des ralentissement de l'affichage):<br>
Le style par défaut Oxygen est livré avec de nombreuses animations qui peuvent être désactivées.
Appuyez sur "Alt F2" et tapez oxygen-settings. Dans les onglets Style et Décorations → Animations et décocher //Activer les animations// ou juste les non désirables.
@@
!Apparence de l'espace de travail
<i class="fa fa-desktop fa-2x pull-left"></i> ''Configurer l'apparence des fenêtres, des curseurs et du bureau.''
!!Décoration de la fenêtre
!!!Configurer la décoration
Permet de modifier la décoration (le contour) de la fenêtre.
''Oxygen'' est la décoration par défaut, mais on peut installer de nouvelles décorations (ex : Elementary Luna, ~FormaN) et aussi utiliser le système de thèmes ''Aurorae'' beaucoup plus configurable et proposant une grande variété de thèmes.
Directement depuis le gestionnaire de décoration ou le
télécharger sur [[kde-look|http://kde-look.org/]] et l'installer avec.
<i class="fa fa-folder-open"></i> Les thèmes Aurorae sont stockés dans les dossiers : `~/.kde4/share/apps/aurorae/themes`
@@.ast
<i class="fa fa-lightbulb-o fa-3x pull-left"></i>__Fluidifier le déplacement des fenêtres__ (si il y a vraiment des problèmes d’affichage):<br> Configurer la décoration → Décocher //Activer les animations//
@@
!!!Configurer les boutons
Permet de modifier les boutons de la fenêtre.
@@.info
<i class="fa fa-info-circle fa-3x pull-left"></i>__Ajouter le bouton du menu déporté__:<br>
Ajouter le bouton → menu déporté (voir [[Apparence et comportement général]] section "Style")
@@
!!Thème de bureau
@@.flotte
<a href="https://cloud.openmailbox.org/public.php?service=files&t=2AQOUmgjyn4jADA
" target="_blank">[img width="350" [Thème de bureau|https://cloud.openmailbox.org/public.php?service=files&t=2AQOUmgjyn4jADA
&download]]</a>
@@
''Air'' est le thème par défaut. On peut installer de nouveaux thèmes de bureau ou "Plasma themes" (ex : Caledonia par défaut sur Chakra).
Directement depuis le gestionnaire de thème ou le télécharger sur [[kde-look|http://kde-look.org/]] et l'installer avec.
<i class="fa fa-folder-open"></i> Les thèmes de bureau sont stockés dans les dossiers<br>
`~/.kde4/share/apps/desktoptheme` et<br> `/usr/share/apps/desktoptheme`
<br><br>
!!Thème de curseur
Permet de modifier le thème du curseur de la
souris et donc sa couleur.
<i class="fa fa-folder-open"></i> Les thèmes de curseur sont stockés dans le dossier `/usr/share/icons/`
!!Écran de démarrage
On peut installer de nouveaux écrans de
démarrage ou "Splash screens" (ex : Glassified
splash).
Directement depuis le gestionnaire de thème ou le
télécharger sur [[kde-look|http://kde-look.org/]] et l'installer avec.
<i class="fa fa-folder-open"></i> Les écrans de démarrage sont stockés dans le dossier `/usr/share/apps/ksplash/themes`
!Comportement de l'espace de travail
<i class="fa fa-desktop fa-2x pull-left"></i> ''Régler le comportement de l'espace de travail en général et des bureaux virtuels.''
!!Configurer les bureaux virtuels
>Bureaux virtuels → Choisir le nombre et le comportement des bureaux virtuels (Changement de bureau).
Pour les afficher, il faut utiliser le plasmoid //gestionnaire de bureau// (voir [[Les composants graphiques]]).
!!Gérer les actions des bords de l'écran
>Bords de l'écran → Choisir les actions des bords d'écran (afficher le bureau ou les bureaux virtuels, la présentation des fenêtres...).
!!Afficher des plasmoids indépendants du bureau
>Pour activer le //Tableau de bord des composants graphiques// aussi appelé Dashboard :<br>
Espace de travail → Tableau de bord : //afficher un jeu de composants graphiques indépendants//
Une fois activé, on peut l'utiliser avec le plasmoid Dashboard (voir [[Les composants graphiques]]) ou en activant l'action du bord de l'écran.
!Recherche sur bureau
<i class="fa fa-desktop fa-2x pull-left"></i> ''Régler le moteur de recherche de bureau.''
!! Baloo
Baloo est le nouveau service d'indexation de KDE (il remplace Nepomuk). Dans la pratique, Baloo permet de retrouver instantanément des fichiers ou leurs contenus, des photos, des contacts, des courriels et leur fichiers joints, des commentaires, tout ce qui comporte des tags (étiquettes ou métadonnées).
@@.ast
<i class="fa fa-lightbulb-o fa-3x pull-left"></i>__Pour désactiver Baloo:<br> __ Éditer le fichier `~/.kde4/share/config/baloofilerc` et mettre `false` pour l'entrée `Indexing-Enabled`.<br> Sous Chakra, il suffit simplement de décocher la case //Activer la recherche sur le bureau//
@@
!Apparence des application
<i class="fa fa-desktop fa-2x pull-left"></i> ''Configurer les styles, couleurs, icônes, polices, et l'intégration des applications GTK.''
''Oxygen'' est le thème graphique de l'environnement de bureau KDE4.
!!Style
On peut configurer le style des composants graphiques (onglet //Applications//) qui permet de modifier l'apparence des fenêtres et gérer le comportement du processeur (onglet //Réglages fins//).
!!!Applications
Oxygen est un thème simple et sobre, mais on peut utiliser aussi utiliser le système de thèmes ''~QtCurve'', beaucoup plus configurable et proposant une grande variété de thèmes.
<i class="fa fa-folder-open"></i> Les thèmes ~QtCurve sont stockés dans les dossiers : `~/.kde4/share/apps/QtCurve` et `/user/share/apps/QtCurve`
<<<
Pour utiliser les thèmes ~QtCurve il faut installer les paquets `qtcurve-kde4` et `qtcurve-gtk2`
<<<
!!!Réglages fins
__''Comportement du processeur''__
<<<
Régler sur //Affichage basse résolution et processeur très rapide//<br> (à régler en fonction des capacités et performances de sa configuration).
<<<
__''Configurer le menu déporté''__<br>
Le paquet `appmenu-qt` (par défaut depuis KDE SC 4.10) permet d'avoir un menu déporté pour les applications (fichier, édition...).
<<<
Onglet Réglage fin → //Style de la barre de menus//
<<<
On peut avoir le menu déporter en haut de l'écran, avec un bouton dans la barre des titres (voir [[Apparence et comportement de l'espace de travail]] section "Configurer les boutons") ou dans un panneau (//exporter uniquement//) avec le [[plasmoid|Les composants graphiques]] Menubar.
Les paquets `appmenu-gtk` et `appmenu-gtk3` permettent d'intégrer le menu déporté aux applications GTK.
!!Couleurs
__Installer de nouveaux modèles de couleurs__<br>
Directement depuis le gestionnaire de modèles (//obtenir de nouveaux modèles//) ou les télécharger sur kde-look et les installer avec (//importer un modèle//). Il existe aussi le paquet `kdeartwork-colorschemes`.
<i class="fa fa-folder-open"></i> Les combinaisons de couleurs sont stockés dans le dossier : `~/.kde4/share/apps/color-schemes/`
!!Icônes
__Installer de nouveaux thèmes d'icônes__<br>
Directement depuis le gestionnaire de thèmes (//obtenir de nouveaux thèmes//) ou les télécharger sur kde-look et les installer avec (//installer un fichier de thèmes//).<br> Il existe aussi un paquet `kdeartwork-iconthemes`.
<i class="fa fa-folder-open"></i> Les icônes sont stockés dans les dossiers : `~/.local/share/icons` et `/user/share/icons`
!Détails du compte
<i class="fa fa-desktop fa-2x pull-left"></i> ''Configurer les informations utilisateur: mot de passe et fournisseurs de bureaux sociaux.''
!!KWallet
Kwallet permet de mémoriser les mots de passe d’une manière sécurisée et centralisée pour toutes les applications.<br>
<<<
Portefeuille de KDE → //Activer / désactiver le sous système de portefeuille de KDE//
<<<
!Informations personnelles
<i class="fa fa-desktop fa-2x pull-left"></i> ''Configurer les ressources utilisées pour gérer votre carnet d'adresses, agenda et notes.''
@@.flotte
<a href="https://cloud.openmailbox.org/public.php?service=files&t=j9u4iODXoMQKwXX
" target="_blank">[img width="300" [Akonadi|https://cloud.openmailbox.org/public.php?service=files&t=j9u4iODXoMQKwXX
&download]]</a>
@@
!!Akonadi
Akonadi est un service de stockage pour la gestion des informations personnelles (PIM). Il est l'un des "piliers" du projet KDE 4 bien qu'il soit conçu pour être utilisé dans tout environnement de bureau.
Akonadi fonctionne comme un stockage de données extensible pour toutes les applications PIM (voir section KDE PIM ci-dessous). ''L'ensemble des applications PIM en dépendent''.
Akonadi permet aussi de centraliser, synchroniser et de partager ses contacts, agendas, tâches et comptes mails (Facebook, Google...).
@@.info
<i class="fa fa-info-circle fa-2x pull-left"></i> Akonadi s'est beaucoup amélioré au niveau de la consommation des ressources.
@@
@@.ast
<i class="fa fa-lightbulb-o fa-3x pull-left"></i> __Pour désactiver le sous-système Akonadi__<br>
Arrêtez le serveur exécutant Akonadi depuis le module de contrôle ou la ligne de commande :<br> `akonadictl stop`<br>
Éditez le fichier `~/.config/akonadi/akonadiserverrc` et changez la ligne `StartServer` de `true` (vrai) à `false` (faux) : `StartServer=false`<br>
Si ~AkonadiTray apparaît toujours dans la boite à miniatures on peut le masquer en éditant le fichier `/usr/share/autostart/akonaditray.desktop` et changer `Exec=akonaditray` en `Exec=`
@@
!!!KDE PIM
KDE PIM est un ensemble d'outils de gestion des informations personnelles, il réuni de nombreuses applications regroupées dans l’application Kontact. D'autres composants peuvent être ajoutés afin de le compléter ou de manière indépendante.
|!Applications de base<br>(paquet `kdepim-kontact`) |!Applications optionnelles<br>(paquets `kdepim-*`) |
|KMail: client de courrier électronique (Messages) |KNotes: affichage de petites notes |
|~KAddressBook: gestionnaire de carnets d'adresses (Contacts) |KNode: lecteur de groupes de discussion (Usenet) |
|KOrganizer: organiseur personnel (Calendrier) |Blogilo: Client de Blog |
|Kjots: carnet de notes |~KTimeTracker: suivi du temps |
|Akregator: agrégateur de flux RSS et Atom |KAlarm: planificateur d'alarmes |
@@.info
<i class="fa fa-info-circle fa-3x pull-left"></i> On peut ajouter ou supprimer les applications de manière indépendante comme `kdepim-kmail` ou l'ensemble des applications de base avec le paquet `kdepim-kontact` ou les paquets optionels `kdepim-*` (voir [[Les applications]]).
@@
!Localisation
<i class="fa fa-desktop fa-2x pull-left"></i> ''Configurer la langue, l'affichage des nombres...''
Il faut juste garder le français (//langue préférée//) et l'anglais (//langue disponible//) pour les applications mal traduites.
>Pays / Région → //Langues//
!Notification des applications et du système
<i class="fa fa-desktop fa-2x pull-left"></i> ''Configurer les notifications visuelles et sonores de KDE.''
<<<
__Désactiver les sons système__<br>
//Configuration du lecteur// → //aucune sortie audio//
__Témoin de démarrage__<br>
Témoin du curseur : Choisir un témoin de curseur
<<<
J'utilise le protocole [[IMAP|https://fr.wikipedia.org/wiki/Internet_Message_Access_Protocol]] pour la réception, ce qui permet de laisser les messages sur le serveur et le protocole d'échange sécurisé [[SSL/TLS|https://fr.wikipedia.org/w/index.php?title=Transport_Layer_Security]].
La liste des protocoles est disponible sur la page d’accueil d'[[OpenMailBox|https://www.openmailbox.org/]].
!!Serveur de réception
__Général__<br>
Nom du compte: donner un nom au choix<br>
Serveur IMAP: imap.openmailbox.org<br>
Nom d'utilisateur: adresse mail complète<br>
MDP: mdp boite mail<br>
__Avancé__<br>
Configuration de la connexion<br>
SSL/TLS port 993<br>
Authentification: mot de passe
!!Serveur d'envoi
__Général__<br>
Serveur d'envoi: smtp.openmailbox.org<br>
Cocher le serveur exige une authentification<br>
Utilisateur: adresse mail complète<br>
MDP: mdp boite mail<br>
Cocher enregistrer le mot de passe SMTP<br>
__Avancé__<br>
Configuration de la connexion<br>
SSL port 465<br>
Authentification: mot de passe<br>
Cette configuration //aux petits oignons// permet biensûr de configurer son compte mais aussi de synchroniser ses contacts et agendas entre le webmail et le client de messagerie ainsi que d'utiliser directement Thunderbird pour envoyer des pièces jointes stockées sur ownCloud.
Le support des protocoles DAV (//Distributed Authoring and Versioning//) par ownCloud permet de simplifier la gestion des fichiers, contacts et agendas avec des serveurs distants.
<<list-links "[tag[Configurer Thunderbird]]">>
<$list filter="[!is[system]!has[draft.of]!sort[modified]limit[1]]">
<$link>
<$view field="modified" format="date" template="DD MMM YYYY à 0hh:0mm"/>
</$link>
</$list>
!Extensions et notes sur les applications
!!!^^1^^ Extension pour ~LibreOffice Writer
*[[Dictionnaire français|http://extensions.libreoffice.org/extension-center/dictionnaires-francais]]
!!!^^2^^ Intégrer PDFsam à KDE
Installer le paquet [[joxy|http://www.denvelop.nl/joxy/home/]] une meilleure intégration des applications java dans KDE. Le paquet `joxy-git` est disponible dans CCR.
!!!^^3^^ Filtres supplémentaires pour GIMP
*[[G'MIC|http://gmic.eu/]] (le paquet `gmic` est disponible dans CCR ou le télécharger et le copier dans ``~/.gimp-2.x/plug-ins/``). D'autres plugins sont disponibles dans CCR.<br>
*Des scripts et des plugins sur le site [[GIMP Plugin registry|http://registry.gimp.org/]].
!!!^^4^^ Modules complémentaires pour Firefox
''Extensions favorites:''
*__uBlock origin__ pour bloquer les publicités (en remplacement de ~AdblockEdge / ~AdblockPlus qui utilisent beaucoup de mémoire)
*__Privacy Badger__ de l'[[EFF|https://www.eff.org/fr]] pour bloquer les trackers (en remplacement de Disconnect / Ghostery)
*__HTTPS Everywhere__ de l'[[EFF|https://www.eff.org/fr]] pour forcer l'utilisation du HTTPS<br>
*__~NoScript__ pour bloquer les scripts Java, Flash...<br>
*__Self-Destructing Cookies__ pour supprimer automatiquement les cookies des pages web visitées<br>
*__~BetterPrivacy__ pour supprimer les cookies Flash (seulement si vous avez Flash Player installé)
*__Gnotifier__ pour intégrer les notifications à KDE<br>
L'extention __about:addons-memory__ permet de connaître la mémoire utilisée par les plugins.
''Autres extensions:''
*~AdblockEdge pour bloquer les publicités (en remplacement de ~AdblockPlus) et Adblock plus Pop-up Addon<br>
*Disconnect pour bloquer les trackers (en remplacement de Ghostery qui est propriétaire)<br>
*~RequestPolicy pour bloquer les requêtes inter-sites mais sa configuration est fastidieuse<br>
*~YouTube All HTML5<br>
*~FlashGot (pour utiliser Kget), KDE Wallet password integration (pour utiliser Kwallet)<br>
*Flashblock et Flashvideoreplacer<br>
*Bamboo un lecteur de flux RSS intégré à Firefox
Utiliser des moteurs de recherche anonymes comme [[DuckDuckGo|https://duckduckgo.com/]] et [[Startpage|https://www.startpage.com/]].
!!!^^5^^ Extension supplémentaires pour QGIS
*~OpenLayers Plugin (vue aérienne, OSM...)<br>
*Table Manager (gestion des tables)<br>
QGIS intègre une application indépendante QGIS Browser qui est un explorateur des données SIG.
!!!^^6^^ Avoir une Konsole transparente
Configuration → Gérer les profils → Modifier le profil → Apparence → Modifier → Arrière plan transparent
!Présentation
[[Chakra|http://chakraos.org/]] est une distribution Linux basée à l'origine sur [[Arch Linux|https://www.archlinux.org/]] et qui met l'accent sur la dernière compilation de logiciels [[KDE|Introduction]], avec l'intention de fournir un environnement pure KDE / [[Qt|https://fr.wikipedia.org/wiki/Qt]] exempt de GTK.<br>
L'objectif est de fournir une distribution Linux “vitrine des logiciels libres”, qui respecte les principes <abbr title="Keep It Simple, Stupid">KISS</abbr>, l'élégance du [[bureau Plasma|L'espace de travail]] et un dépôt spécial pour soutenir les applications GTK bien connues.
Chakra utilise un modèle de //publication semi-roulante// (half-rolling release) pour ses mises à jours. Les paquets important du système sont mis à jour tous les 6 mois pour plus de stabilité, tandis que les applications sont mises à jour continuellement.
<<ibox "https://cloud.openmailbox.org/public.php?service=files&t=BWJtHWwofivpG4X&download" "Chakra 2014.11 Euler">>
<br>
Le site du projet est très bien fait, avec les [[news|http://chakraos.org/news/]] de la distribution, le [[wiki|http://chakraos.org/wiki/index.php?title=Main_Page]] pour la documentation (avec celui d'Arch Linux en complément) et la possibilité de parcourir la liste des [[paquets|http://rsync.chakraos.org/packages/]] disponibles en ligne.<br>
La communauté est très active, n'hésitez pas à parcourir le [[forum|http://chakraos.org/forum/]] et poster vos questions ou à faire remonter d'éventuels problèmes dans le [[bugtracker|http://chakraos.org/bugtracker/]].
Après cette présentation, rentrons maintenant plus en détail sur la configuration de Chakra:
<<list-links "[tag[Guide Chakra]]">>
!Installation
L'installation de Chakra est simple grâce à son installeur graphique [[Tribe|http://chakraos.org/wiki/index.php?title=Tribe_Guide]] (support UEFI), qui va être remplacé par [[Calamares|https://calamares.github.io/]], offrant plus de fonctionnalités. L'installation doit être effectuée en utilisant la dernière image ISO (x86-64) téléchargeable sur le site du projet [[chakraos.org/get/|http://chakraos.org/home/?get]].
@@.att
<i class="fa fa-exclamation-triangle fa-2x pull-left" style="color:#2C3E50"></i> Pour [[créer un live usb|http://chakraos.org/wiki/index.php?title=Bootable_USB_Flash_Drive_Creation]] de Chakra, il faut utiliser le logiciel SUSE Studio ~ImageWriter.
@@
<br>
Vous avez la possibilité d'effectuer une installation complète avec l'ensemble des paquets présents sur l'image ISO ou une [[Netinstall|https://fr.wikipedia.org/wiki/Netinstall]] permettant d'installer la distribution avec le minimum nécessaire puis d'installer seulement ce dont vous avez besoin.
Une fois l'installation terminée avec succès, il est conseillé de vérifier que [[Les miroirs]] de téléchargement sont bien synchronisés avant d'effectuer une mise à jour complète du système.
Ce guide a pour but de présenter l'environnement de bureau KDE et de vous guider dans les grandes lignes de sa configuration. La documentation complète est disponible sur le [[wiki utilisateur de KDE|https://userbase.kde.org/Welcome_to_KDE_UserBase/fr]].
La partie du wiki sur la configuration du système n'est pas exhaustive car les modules du centre de configuration sont généralement très clairs. De même, certains paramètres sont adaptés à mon système et à mon utilisation... chaque utilisateur est différent.
<img src="https://cloud.openmailbox.org/public.php?service=files&t=mVsIbfiBtjyT5j6&download" align="right">
<dl>
<$list filter="[tag[Guide KDE 4]]">
<dt><$link>{{!!title}}</$link></dt>
<dd>» {{!!description}}</dd>
</$list>
</dl>
<br>
<i class="fa fa-linux fa-5x pull-left"></i>
Bienvenu sur [[LinuxNote|Hello world !]], mon wiki qui regroupe les guides et les notes que j'écris depuis plusieurs années sur Linux et les logiciels libres. Tout a commencé par de simples notes que je prenais pour me souvenir de mes configurations... puis ces notes se sont étoffées petit à petit et je me suis lancé dans l'écriture de guides pratiques.
Après avoir découvert [[TiddlyWiki|http://tiddlywiki.com/]], j'ai décidé de regrouper mes notes sur Linux et les logiciels libres dans un wiki afin de maintenir une documentation à jour.
//Bonne découverte !//
<br><br>
!!Rapide présentation
J'utilise GNU/Linux depuis plusieurs années et j'ai toujours eu une préférence pour KDE. La qualité des applications, l'esthétique, la personnalisation... font que j'affectionne particulièrement cet environnement de bureau. J'ai donc cherché une distribution Linux vraiment centrée sur ce bureau et j'ai découvert Chakra qui répondait parfaitement à mes attentes en terme de philosophie, de développement et d'innovation.
J'ai toujours apprécié l'esprit du logiciel libre (l'ouverture, le partage...) et la qualité des logiciels que j'utilise au quotidien. Vous trouverez [[mes applications favorites|Mes applications]] ainsi qu'une [[liste plus générale|Les applications]] orientée KDE / Qt. Pour compléter, j'ai aussi listé une sélection de [[services internet|Liste des services en ligne]] qui respects ces principes.
<br><br>
!!Table des matières
<div class="tc-table-of-contents">
<<toc-selective-expandable 'Menu'>>
</div>
<br>
!!À propos
{{A propos}}
<br>
-----
@@.no-border
|<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Licence Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a><br /> | |Sauf mention contraire, le contenu de ce wiki est mis à disposition selon les termes de la <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Licence CC BY-SA 4.0</a> <i class="fa fa-external-link-square" style="color:#60B643"></i>|
@@
[[KDE|https://www.kde.org/]] (pour K Desktop Environment) est un environnement de bureau libre.
Il regroupe un ensemble d'outils puissants et cohérents vous permettant d'exploiter graphiquement
votre ordinateur : gestionnaire de fenêtres, bureau, gestionnaire de fichiers, menu, fenêtre de
connexion, espaces de travail virtuels, applications, etc.
<img src="https://cloud.openmailbox.org/public.php?service=files&t=oYqUsRGwfRakiVQ&download" align="right">
KDE est composé de 3 éléments :
*Les [[espaces de travail Plasma|L'espace de travail]] (KDE Workspaces) qui sont les environnements graphiques de KDE.
*La ''plate-forme KDE'' (KDE Platform) qui fournit les services pour toutes les applications basées sur KDE et sur les espaces de travail Plasma.
*La [[suite d'applications|Les applications]] (KDE Applications).
<br>
La richesse de KDE est la profusion d'applications qui sont écrites spécialement pour lui, et qui sont donc très bien intégrées et légères.
L'ensemble de ces éléments est appelé ''compilation de logiciels KDE'' (KDE Software Compilation).<br>
''KDE SC 4'' est la dernière version majeure de KDE et de ses applications dédiées.
Le cycle des mises à jour est bien rodé, tous les six mois sort une nouvelle version avec améliorations,
nouveautés et corrections de bugs (KDE SC 4.9, 4.10...) et tous les mois sort une mise à jour mineure
avec corrections de bugs et mises à jour de traductions (KDE SC 4.10.1, 4.10.2...). KDE SC 4.14 sera la dernière version de KDE 4.
<<<
''KDE 5 est là !''<br>
La dénomination KDE Software Compilation prend fin avec l'arrivée de KDE 5. Les composants de KDE ont été revus et leur cycle de mise à jour sont maintenant indépendant avec:
*''KDE Frameworks'', les bibliothèques de programmation (une sortie tous les mois).
*''Plasma 5'', le bureau de KDE (une sortie tous les 3 mois).
*''KDE Applications'', l'ensemble des applications KDE (une sortie tous les 4 mois).
<<<
<br>
KDE est apprécié pour son élégance et sa modularité. Il utilise les bibliothèques ''Qt'' (//Cute//) pour les
interfaces graphiques et tout en étant simple à utiliser, il offre de nombreuses possibilités en matière de
personnalisation et d'effets visuels.
@@background-color:#ECF0F1;
@@color:#2C3E50;
@@margin:10px;
@@padding:10px;
@@border-radius: 5px;
<i class="fa fa-book fa-5x pull-left" style="color:#2C3E50"></i>__Dossier utilisateur et dossier système__<br>
Les chemins des fichiers et des dossiers sont notés dans le document sous la forme `~/.local/share/icons` pour le dossier utilisateur (raccourci de `/home/NomUtilisateur/.local/share/icons`) et `/user/share/icons` pour le dossier système. Ces dossiers sont nommés dossier personnel et racine dans Dolphin.<br>
Si on installe une ressource dans le dossier utilisateur elle sera disponible seulement pour l'utilisateur, si elle est copiée dans le dossier système elle sera disponible pour tous les utilisateurs.
!Le bureau Plasma
@@.flotte
<a href="https://cloud.openmailbox.org/public.php?service=files&t=Y9Uj4w27a04O096" target="_blank">[img align="right" widht="300" [Plasma|https://cloud.openmailbox.org/public.php?service=files&t=Y9Uj4w27a04O096&download]]</a>
@@
<br><br><br>
Le bureau Plasma (//Plasma Desktop//) est le bureau de KDE pour les postes de travail.<br>
Plasma est l'une des technologies clés de KDE4 (aussi
connues sous le nom de //Piliers de KDE//) et une des plus visibles par l'utilisateur.
<br><br><br>
Les quatre composants clés du bureau Plasma sont :
*[[Le tableau de bord]] (1), aussi appelé « panneau », fournit la place pour le lanceur d'applications, la liste des fenêtres (programmes), l'horloge et la zone de notification ;
*[[Le bureau]] (2), zone où résident les composants graphiques (widgets) ou les icônes ;<br>
*[[Les composants graphiques]] (3), ou plasmoids (ici vue de dossier) ;<br>
*''La boîte à outils Plasma'' (4) située en haut à droite de l'écran permet de déverrouiller les composants graphiques, d'accéder rapidement [[aux activités|Les activités]] et à d'autres options.
Tous ces éléments par défaut sont hautement configurables et peuvent accueillir une grande variété d'outils.
@@.flottel
<a href="https://cloud.openmailbox.org/public.php?service=files&t=zbcauwAvNVRGV89
" target="_blank">[img width="300" [Configuration du système|https://cloud.openmailbox.org/public.php?service=files&t=zbcauwAvNVRGV89
&download]]</a>
@@
<br><br><br>
Les paramètres globaux de KDE 4 sont accessibles dans une seule interface simple qui regroupe l'ensemble des modules de configuration du système.
<br><br><br><br><br>
Les modules du centre de configuration sont répartis en 5 grandes catégories:
<<list-links "[tag[La configuration du système]] -[[Réinitialiser les paramètres de KDE]]">>
Pour revenir aux valeurs par défaut, il est possible de [[Réinitialiser les paramètres de KDE]].
Les modules et leurs options ne sont pas tous traités dans ce document, la plus part étant suffisament clairs et explicites.
La gestion des paquets sous Chakra est différente selon si le paquet est fourni dans les ''dépôts officiels'' ou dans le dépôt communautaire ''CCR''.
<<list-links "[tag[La gestion des paquets]]">>
Le bureau est lui aussi un //conteneur de plasmoids//. Il peut accueillir une grande variété de composants graphiques qui s'ajoute par simple glissé-déposé.
<<<
La //Configuration de Bureau// est accessible par Clic droit sur le bureau ou par la ''boite à outils Plasma''
<<<
!Affichage
!!La disposition du bureau
La disposition //Bureau par défaut// permet d'afficher uniquement des plasmoids sur le bureau alors que la disposition //Vue de dossier// permet d'afficher les raccourcies, dossiers ou icônes de manière classique sur le bureau.Il existe encore d'autres dispositions du bureau : //Agencement du journal d'actualité// et //Rechercher et lancer//.
<<<
Clic droit sur le bureau → //Configuration de Bureau par défaut// → //Disposition//
<<<
!!Changer de fond d'écran
@@.flotte
<a href="https://cloud.openmailbox.org/public.php?service=files&t=xuQkMjYVnYpXb4G" target="_blank">[img align="right" width="250" [Configuration du bureau|https://cloud.openmailbox.org/public.php?service=files&t=xuQkMjYVnYpXb4G&download]]</a>
@@
<<<
Clic droit sur le bureau → //Configuration de Bureau par défaut//
<<<
<br>
<i class="fa fa-folder-open"></i> Les fonds d'écran sont stockés dans le dossier : `~/.kde4/share/wallpapers` et `/usr/share/wallpapers`
La //Configuration de Bureau// permet également de gérer les //Actions de la souris// (action du clic droit, molette...).
<br>
On peut personnaliser le bureau et installer les paquets `kdeartwork-*` qui fournissent des fonds d'écran, émoticônes... et les installer de manière individuelle: `kdeartwork-wallpapers`, `kdeartwork-colorschemes`... (voir [[Apparence et comportement général]]).<br><br>
@@.info
<i class="fa fa-info-circle fa-3x pull-left"></i> On trouve beaucoup de ressources sur internet pour personnaliser KDE (thèmes de bureau, icônes, plasmoids...). Les sites de références sont [[kde-look|http://www.kde-look.org/]], [[kde-apps|http://www.kde-apps.org/]] et [[openDesktop|http://opendesktop.org/]].
@@
Le tableau de bord (ou panneau) présent par défaut en bas de l'écran, est un outil complet qui permet de lancer les applications, d’accéder aux fichiers et bien plus encore.
<a href="https://cloud.openmailbox.org/public.php?service=files&t=lGzRLrrLcEoTsyG" target="_blank">[img [Tableau de bord|https://cloud.openmailbox.org/public.php?service=files&t=lGzRLrrLcEoTsyG&download]]</a>
Le tableau de bord est un //conteneur de plasmoids// qui peut être placé sur n'importe quel bord de l'écran. Les options sont accessibles par ''la boîte à outils du tableau de bord'' située à la fin du tableau de bord.
On peut modifier sa position (//Bord de l'écran//), sa //hauteur// et sa largeur (avec les flèches). Le comportement du tableau de bord est aussi configurable (//Plus de paramètres//) ce qui permet de l'aligner, de le rendre visible ou de le maximiser.
__Pour ajouter un panneau supplémentaire__ :
<<<
Clic droit sur le bureau ou par ''la boite à outils Plasma'' → //Ajouter un tableau de bord// (//par défaut// ou //vide//).
<<<
Le //tableau de bord par défaut// créé un groupe spécial contenant tous les widgets par défaut
(lanceur, pager, tâches, boite à miniature, horloge, etc), et le //tableau de bord vide// ajoute un panneau vide sans plasmoid pré-configuré.
@@.info
<i class="fa fa-info-circle fa-3x pull-left"></i> Il faut penser à //''Déverrouiller les composants graphiques''// pour accéder aux paramètres du panneau
(clic droit sur le bureau ou par la //boite à outils Plasma//).
@@
Pour faire simple, cela permet de modifier les composants graphiques et la disposition du bureau en fonction d'une activité en cours. Ainsi on peut associer un agencement de plasmoids, un fond d'écran et des applications dédiés à une fonction précise (retouche photo, multimédia...) et passer d’une activité à une autre en 2 clics. On dispose pour chaque activité du nombre de bureau virtuel par défaut.
Les fenêtres d’une application qui sont lancées dans une activité ne sont pas apparentes dans les autres activités par défaut. L’avantage est ce cloisonnement possible entre les activités qui permet d’organiser par thématique ses applications lancées.
<a href="https://cloud.openmailbox.org/public.php?service=files&t=jnZhuoRw3AC2Q8K" target="_blank">[img [Activités|https://cloud.openmailbox.org/public.php?service=files&t=jnZhuoRw3AC2Q8K&download]]</a>
<<<
On accède facilement aux activités par clic droit → //Activités// ou par la //Boîte à outils Plasma// qui permet de gérer les activités.<br> La boite de dialogue permet de //Créer une activité//. Il existe des modèles d'activités (activité photographique...) ou on peut en créer des personnelles.
<<<
@@.info
<i class="fa fa-info-circle fa-3x pull-left"></i> Il existe différents plasmoids pour gérer au mieux les activités : Activités (par défaut), Activity Manager ou Work Flow (voir [[Les composants graphiques]] section "Liste de quelques plasmoids").
@@
La compilation de logiciels KDE (KDE SC) comprend uniquement les applications choisies par l'équipe de développement, complétée par des applications KDE additionnelles. Les [[applications de KDE SC|https://www.kde.org/applications/]] sont classées par groupes que l'on retrouve dans le lanceur d'applications sous des catégories : Bureautique, Internet, Système...
Les principaux groupes de KDE SC :
*''kde-baseapps'': contient les paquets de base nécessaires à KDE
*''kdeaccessibility'': programmes liés à l'accessibilité
*''kdeadmin'': outils d'administration
*''kdeartwork'': composants artistiques : écran de veille, icônes...
*''kdeedu'': applications éducatives
*''kdegames'': jeux
*''kdegraphics'': outils de graphisme
*''kdemultimedia'': applications multimédia
*''kdenetwork'': applications réseau
*''kdepim'': gestion des informations personnelles
*''kdesdk'': développement logiciel
*''kdeutils'': utilitaires graphiques
On peut donc installer des groupes d'applications (méta-paquets) comme `kde-meta-kdenetwork` qui regroupe kget, kopete...(uniquement sur certaines distributions) ou des applications de manière indépendante (paquets) comme `kdenetwork-kget`, `kdeadmin-kuser`...<br>
On peut bien sûr aussi installer des applications non développées par KDE.
Cette liste est une sélection d'applications, on y retrouve principalement des applications KDE, mais aussi des //applications Qt//, donc bien intégrées et les //applications GTK// les plus populaires.<br><br>
|>|!Bureautique |
|Calligra Suite :<br> Words, Sheets, Stage, Kexi, Flow, Plan, Braindump<br><br> //~LibreOffice//:<br> Writer, Calc, Impress, Draw, Base, Math<br><br><br> //~GnomeOffice//:<br> Abiword et Gnumeric |Suite bureautique de KDE<br> Traitement de texte Tableur, Présentation, Base de données, Diagrammes et organigrammes, Gestion de projets, Prise de notes<br><br> Suite bureautique dérivée de ~OpenOffice (GTK)<br> Texte, Classeur, Présentation, Dessin, Base de données, Formule<br> //(Installer le paquet libreoffice-kde4 pour une meilleure intégration)//<br><br> Suite bureautique de Gnome (GTK)<br> Traitement de texte et Tableur légers |
|//Calibre//<br> |Lecture et gestion de collections d'ebooks (pdf et Epub) |
|Okular |Visionneuse de documents (lecteur PDF) |
|//PDFsam// |Modification de PDF (Java) |
|Kontact |Gestionnaire d'informations personnelles |
|KAdressbook (Kontact) |Gestionnaire de contacts |
|KOrganizer (Kontact) |Organiseur personnel |
|~KTimeTracker |Suivi du temps |
|>|<br> |
|>|!Développement |
|KDevelop |Environnement de développement intégré pour KDE |
|//Qt Creator// |IDE dédié à Qt avec outil de création d'interfaces graphiques intégré |
|>|<br> |
|>|!Éducation / Science |
|Marble |Globe terrestre |
|//QGIS// |Système d'Information Géographique (GRASS inclus) |
|>|<br> |
|>|!Graphisme |
|>|''//Photographie//'' |
|Digikam<br> ~KPhotoAlbum<br> |Programme de gestion de photos<br> Visualisation et organisation de photos |
|~ShowPhoto |Afficheur et éditeur de photos |
|//Darktable// |Développement de fichiers RAW |
|KIPI (KDE Image Plugin Interface)<br> Convertisseur d'images DNG, Fusion d'exposition, Panorama...<br> |Plugins pour la photo<br> Plugins partagés avec Digikam, ~KPhotoAlbum, Gwenview et par différentes applications graphiques |
|>|<br> |
|Krita (Calligra)<br> //GIMP//<br> |Peinture numérique et modification d'images<br> Éditeur d'images (GTK) |
|Acquisition d'images (KIPI)<br> Skanlite<br> |Acquisition d'images (outil pour scanner)<br> Application de numérisation |
|Gwenview |Visionneuse d'images |
|KSnapshot |Programme de capture d'écran |
|~KolourPaint<br> //~LibreOffice Draw//<br> |Programme de dessin<br> Dessin (GTK) |
|//Converseen// |Convertir et redimmensionner des images par lot |
|Karbon (Calligra)<br> //Inkscape//<br> |Graphiques vectoriels<br> Éditeur d'images vectorielles (GTK) |
|//Scribus// |Publication assistée par ordinateur (PAO) |
|>|<br> |
|>|!Internet |
|>|''//Accès à distance//'' |
|~KNetAttach |Assistant de dossier réseau |
|KRDC / Krfb |Connexion à un bureau distant / Partage de bureau |
|KFTPgrabber<br> //~FileZilla//<br> |Client FTP<br> Client FTP (GTK) |
|>|''//Chat//'' |
|Bloglio / Choqok |Client de blog / Client de micro-blogging |
|Konversation / Quassel IRC |Client IRC |
|Kopete / Telepathy |Messagerie instantanée |
|>|''//Navigateur Web//'' |
|Rekonq<br> Konqueror<br> //Qupzilla//<br> //Firefox// et //~IceCat//<br> //Chromium//<br> |Navigateur Web basé sur Webkit<br> Navigateur Web et gestionnaire de fichiers<br> Navigateur Web léger basé sur Webkit<br> Navigateur Web et sa version GNU (GTK)<br> Version libre de Chrome (GTK) |
|>|<br> |
|KMail (Kontact)<br> //Thunderbird//<br> |Logiciel de courriel<br> Logiciel de courriel (GTK) |
|Akregator (Kontact)<br> //~QuiteRSS// |Lecteur de flux RSS et Atom<br><br> |
|KNode |Lecteur de forums de discussion |
|KGet |Gestionnaire de téléchargements (fonctionne aussi avec Rekonq) |
|KTorrent<br> //Qbittorrent//<br> |~ClientBitTorrent<br> ~ClientBitTorrent (avec moteur de recherche) |
|//ownCloud Client// |Client ownCloud |
|>|<br> |
|>|!Jeux |
|//~PokerTH// |Jeux de poker en ligne |
|//Steam//<br> //Desura// |Plate-forme de distribution de jeux vidéos (payant et gratuit)<br><br> |
|>|<br> |
|>|!Multimédia |
|>|''//Lecteur audio//'' |
|Juk<br> Amarok<br> //Clementine//<br> |Lecteur audio simple<br> Lecteur audio puissant<br> Lecteur audio (fork d'Amarok 1.4) |
|>|''//Lecteur vidéo et multimédia//'' |
|Dragon Player<br> Bangarang<br> //VLC//<br> |Lecteur vidéo simple<br> Lecteur multimédia (gestion de collections vidéos, musique...)<br> Lecteur multimédia |
|>|''//Centre multimédia//'' |
|Plasma Media Center<br> //Kodi (ex XBMC)// |Centre multimédia<br><br> |
|>|<br> |
|//Minitube// |Client ~YouTube (lecteur externe sans Flash) |
|K3b |Gravure de disque (permet d'extraire les pistes d'un CD/DVD) |
|Kid3 |Éditeur de balises (tags ID3) |
|Kmix |Console de mixage |
|~KsCD |Lecteur de CD audio |
|//soundKonverter// |Convertir des fichiers audio |
|//~AcetoneISO// |Manipulation d'images CD/DVD (ISO et MDF) |
|Kdenlive<br> //Avidemux// |Éditeur vidéo<br> Éditeur vidéo Qt et GTK |
|>|<br> |
|>|!Système |
|Dolphin<br> Krusader |Gestionnaire de fichiers (et client FTP)<br> Gestionnaire de fichiers avancé (et client FTP) |
|Gestionnaire de partitions KDE |Éditeur de partitions |
|Gestionnaire d'impression |Gestionnaire d'impression CUPS |
|~KInfoCenter |Centre d'information |
|Konsole<br> Yakuake<br> XTerm<br> |Terminal<br> Terminal déroulant<br> Terminal standard (à garder) |
|~KSysGuard |Surveillance du système |
|~KSystemLog |Afficheur des journaux système |
|KUser |Gestionnaire d'utilisateurs |
|~KWalletManager |Outils de gestion de portefeuilles (mots de passe) |
|~KDiskFree |Affiche l'utilisation de l'espace disque |
|Kup / ~LuckyBackup<br> miniBackup<br><br> |Outils de sauvegarde de données<br> Sauvegarde de données personnelles (mails, contacts, configurations...) |
|>|<br> |
|>|!Utilitaires |
|Ark |Outil d'archivage |
|Kate |Éditeur de texte avancé |
|KCalc |Calculatrice scientifique |
|KNotes |Éditeur de petites notes |
|Kjots (Kontact) |Prise de notes avancée |
|Klipper |Presse-papier |
|Sweeper |Nettoyeur du système |
|KGpg |Outil de chiffrement |
|KAlarm |Planificateur d'alarme personnel |
|KTimer |Lanceur de compte à rebours |
|>|<br> |
|>|!Hors catégorie |
|Aide |Centre d'aide de KDE |
|Configuration du système | |
|Recherche de fichiers / dossiers | |
|>|<br> |
|>|!Autres applications |
|Skrooge |Comptabilité personnelle |
|~FDesktopRecorder |Capture vidéo d'écran |
|~LibreCAD |Conception assistée par ordinateur (CAO) |
|Blender |Animation, modélisation et rendu 3D |
|Audacity |Éditeur audio (GTK) |
|Stellarium / Celestia |Planétarium virtuel / Simulation spatiale |
|Wine<br> Q4Wine<br> Playonlinux |Exécuter certains programmes Win* sous Linux<br> Interface Qt pour Wine<br> Exécuter certains jeux Win* sous Linux |
|Virtualbox<br> (propriétaire) |Virtualisation de systèmes d'exploitation<br> //Installer les packs d'extensions pour une meilleure prise en charge// |
|Tor<br> Vidalia |Être anonyme sur internet<br> Interface graphique pour Tor |
Les composants graphiques ou plasmoids sont des widgets placés sur le bureau ou dans les panneaux.<br>
Le lanceur d'application //Kickoff//, //l'horloge numérique//... sont des plasmoids.
<a href="https://cloud.openmailbox.org/public.php?service=files&t=S3Sdjx9j37v2Mwh" target="_blank">[img [Plasmoids|https://cloud.openmailbox.org/public.php?service=files&t=S3Sdjx9j37v2Mwh&download]]</a>
<<<
On y accède par clic droit ou par la //boîte à outils Plasma// → //Ajouter des composants graphiques//<br>
<<<
@@.info
<i class="fa fa-info-circle fa-2x pull-left"></i> Il faut penser à //''Déverrouiller les composants graphiques''// avant de les manipuler.
@@
!!Installer/supprimer des plasmoids
<<<
Par la boite de dialogue //Obtenir de nouveaux composants graphiques//
<<<
On peut aussi installer de nouveaux composants graphiques en cherchant les paquets `kdeplasma-addons-applets-*` (plasmoids KDE SC) et `kdeplasma-applets-*` dans le gestionnaire de paquets.<br> Par exemple: `kdeplasma-addons-applets-news`
@@.att
<i class="fa fa-exclamation-triangle fa-2x pull-left" style="color:#2C3E50"></i> Avoir trop de plasmoids peut réduire les performances et l'utilisation du CPU.
@@
!!Configurer les plasmoids
Tous les plasmoids peuvent être configurés de manière individuelle.
<<<
Clic droit sur le plasmoid → //Configurer//<br>
Ceux sur le bureau ont les options au sein d'une « poignée ». On peut les agrandir, les faire pivoter...
<<<
@@.flotte
<a href="https://cloud.openmailbox.org/public.php?service=files&t=Z3KRLBjfRfr4X4b" target="_blank">[img align="right" width="300" [Editeur de menu|https://cloud.openmailbox.org/public.php?service=files&t=Z3KRLBjfRfr4X4b&download]]</a>
@@
!!!Le lanceur d'application Kickoff
On peut configurer complètement les raccourcis des applications du menu avec //L'éditeur du menu KDE//.
<<<
Clic droit sur le menu → //Modifier les applications//
Pour revenir à un menu classique :<br>
Clic droit sur le menu → //Style de menu classique//
<<<
<br>
!!!Zoom sur le Gestionnaire de tâches à icônes
Il peut remplacer le gestionnaire de tâches classique par des icônes (ou peut être utilisé comme un dock).
<<<
Pour ajouter des icônes :<br> Lancer l'application depuis le Menu puis Clic droit sur l'icône → //Afficher un lanceur lorsqu'elle n'est pas démarrée//.<br> Pour déplacer les icônes: Clic droit → //Déverrouiller les lanceurs// et les déplacer.<br>
Pour configurer son apparence : Clic droit → //Configurer: gestionnaire de tâches à icônes//
<<<
@@.info
<i class="fa fa-info-circle fa-3x pull-left"></i> Le comportement au survol du curseur se configure dans les effets de bureau (voir [[Apparence et comportement de l'espace de travail]] section "Tous les effets").<br>''Décocher //mise en évidence de la fenêtre// et cocher //aperçu du gestionnaire des tâches//.''
@@
!!!La Boite à miniature
C'est un plasmoid où sont stockés les miniatures des programmes en arrière plan.<br>
<<<
Pour la configurer : Clic droit → //Configurer boite à miniatures//
<<<
!!Liste de quelques plasmoids
|''Kickoff'', ~AppMenu QML, Lancelot, Quick Menu |Lanceur d'applications |
|''Homerun'' (//kdeplasma-applets-homerun//)<br> Takeoff (//kdeplasma-addons-applets-takeoff//) |Lanceur d'applications plein écran<br> Menu des applications |
|''Menubar''<br> (//kdeplasma-applets-menubar//) |Afficher le menu des applications dans un panneau |
|''Gestionnaire de taches à icônes'' //kdeplasma-addons-applets-icontasks// |Remplace le gestionnaire de tâches classique par des<br> icônes ou peut être utilisé comme un dock |
|''Vue de dossier''<br> //kdeplasma-applets-folderview// |Afficher le contenu d'un dossier, les icônes d'applications sur le bureau |
|''Dashboard''<br> //kdeplasma-addons-applets-showdashboard// |Afficher des composants graphiques indépendamment du bureau |
|''Activity Manager''<br> //kdeplasma-applets-activitymanager// |Plasmoid léger pour gérer les activités de manière efficace |
|Work Flow<br> //kdeplasma-addons-applets-workflow// |Plasmoid qui intègre les activités, bureaux virtuels et les fonctionnalités de tâches de Plasma dans un seul composant |
|''Veromix''<br> (//kdeplasma-addons-applets-veromix//)<br> Actos ~SoundMenu |Contrôle indépendant du volume des applications |
|Picture Frame<br> //kdeplasma-addons-applets-frame// |Afficher vos photos préférées |
Les paquets sont disponibles dans les dépôts centraux de la distribution. Chakra utilise deux sources de distribution des paquets: ''les dépôts officiels'', maintenus par l'équipe de développement et le ''dépôt communautaire'' ou les utilisateurs peuvent déposer leurs propres paquets.
!Les dépôts officiels
<i class="fa fa-database"></i> [[Parcourir les dépôts|http://rsync.chakraos.org/packages/]]
Les paquets sont répartis entre 7 dépôts stables.
|Apps |Applications graphiques KDE/Qt supplémentaires | Dépôts stables<br> (≈ 4000 paquets) |~|
|Core |La base du système, pour avoir un système fonctionnel |~|
|Desktop |La compilation de logiciels KDE et les outils de Chakra |~|
|Extra |Applications non Qt (GTK) |
|Games |Jeux, émulateurs et autres choses amusantes ! |~|
|Lib32 |Paquets compilés avec les librairies x32 pour les systèmes x64 |~|
|Platform |Paquets supplémentaires qui ne nécessitent pas de session<br> graphique (driver, polices...) et quelques dépendances de KDE SC |~|
|Testing |Nouvelles versions des paquets (avant le dépôt stable) | Dépôts instables |~|
|Unstable |Versions en développement de logiciel supplémentaire |~|
|Kde-unstable |Versions en développement des paquets de KDE SC |~|
<i class="fa fa-folder-open"></i> Le fichier de configuration des dépôts est `/ect/pacman.conf`.<br>
Les dépôts stables sont activés par défaut, sauf [extra] qui doit être activé lors de l'installation et les dépôts instables ne sont pas activés.
@@.info
<i class="fa fa-info-circle fa-3x pull-left"></i> La gestion des dépôts peut aussi se faire en mode graphique dans Octopi ou dans [[La configuration du système]] de KDE (kcm-pacman-repoeditor).
@@
!!Le dépôt Extra
Il permet d'installer vos applications GTK favorites (Firefox, GIMP, Audacity...) dans un environnement pur,
c'est à dire sans installer l'ensemble des fichiers dans le système de fichiers standard mais dans une
arborescence spécifique `/usr/extra`. Il remplace l'ancien système de //Bundles//.
<i class="fa fa-bookmark" style="color:#E74C3C"></i>
La gestion des [[Paquets des dépôts officiels]] est détaillée plus loin.
!Le dépôt communautaire
<i class="fa fa-database"></i> [[Parcourir le dépôt CCR|http://chakraos.org/ccr/index.php?setlang=fr]]
Chakra Community Repository ou CCR est le dépôt communautaire de Chakra.
CCR n'est pas réellement un dépôt de paquets, mais il fournit des scripts PKGBUILD qui automatisent le
processus de création d'un paquet à partir du code source. Une fois le paquet compiler, il est
automatiquement installé avec Pacman qui résout aussi les dépendances.
@@.att
<i class="fa fa-exclamation-triangle fa-2x pull-left" style="color:#2C3E50"></i> Les paquets présents dans CCR sont créés et maintenus par les utilisateurs.
@@
<i class="fa fa-bookmark" style="color:#E74C3C"></i> La gestion des [[Paquets du dépôt CCR]] est détaillée plus loin.
Les miroirs sont des serveurs qui stockent l'ensemble des paquets Chakra. Vous pouvez choisir un miroir proche de chez vous plutôt que le serveur principal, ce qui permet à la fois de réduire la charge du serveur principal et votre temps de téléchargement. Tout le monde y gagne !
!Configuration des miroirs
Les miroirs utilisés par Pacman sont configurés automatiquement à l'installation en fonction de la
localisation. Ils se trouve dans le fichier `/etc/pacman.d/mirrorlist`
Un choix typique pour les miroirs français est :<br>
```
Server = http://ftp.ciril.fr/pub/linux/chakra/$repo/x86_64
Server = http://www-ftp.lip6.fr/pub/linux/distributions/chakra/$repo/x86_64
Server = http://rsync.chakraos.org/$repo/x86_64
```
Ces serveurs sont maintenus respectivement par l'Université de Lorraine à Nancy (CIRIL), l'Université de Paris 6 (LIP6) et le dernier est le serveur principal de Chakra.<br>
La liste complète des miroirs est disponible dans le fichier `/etc/pacman.d/mirrorlist.pacsave`
!Synchronisation des miroirs
On peur vérifier facilement que les miroirs de téléchargement utilisés sont bien synchronisés avec le serveur principal de Chakra en utilisant l'application ''Mirror-Check'' (dans le lanceur d'applications, catégorie //Internet//) ou avec la commande `mirror-check`.
<<<
''__Mirror-check__''<br>
Mirror-check compare les répertoires de votre miroir avec ceux du serveur principal [[rsync.chakraos.org|http://rsync.chakraos.org/]]. Si certain dépôt ne sont pas synchronisés cela signifie qu'il y a eu de nouvelles mises à jour depuis la dernière synchronisation. La fréquence de synchronisation est régulière mais varie d'un miroir à l'autre, certains sont synchronisés plusieurs fois par jour. Les répertoires souvent mis à jour comme [apps] peuvent apparaître non synchronisés, il faut alors attendre la prochaine synchronisation.
<<<
<$image source=<<image>> width="100%" height="100%"/><$reveal type=match text="" default=<<caption>>><$transclude tiddler=<<image>> field=caption/></$reveal><$reveal type=nomatch text="" default=caption><<caption>></$reveal>
Cette liste regroupe des services internet libres (mais pas toujours) ou alternatifs afin de se séparer des géants du web et de mieux protéger ses données et sa vie privée sur internet.<br>
Utiliser des services diversifiés et décentralisés permet de ne pas mettre tous ses œufs dans le même panier !<br><br>
|!Catégorie |!Type de service |!Service |! Alternative à... |
|Moteurs de recherche |Moteur de recherche anonyme<br>et respectueux de la vie pivée |[[DuckDuckGo|https://duckduckgo.com]]<br> [[StartPage|https://startpage.com/]] / [[Ixquick|https://ixquick.com/]] |Google search,<br> Yahoo search... |
|Bureautique,<br> collaboration<br> et bien plus... |Suite de services mis en place par l'association [[Framasoft|http://www.framasoft.net/]] (FR)<br>- Éditeur de texte collaboratif<br> - Tableur en ligne<br> - Rendez-vous et sondages<br> - Cartes heuristiques<br> - Éditeur de dessin vectoriel<br> - Partage de fichiers<br> - Lecteur de flux RSS<br> - Sauvegarde d'articles<br> - Raccourcisseur d'URL<br> - Partage d'images<br> - Partage de texte |[[Dégooglisons internet |http://degooglisons-internet.org/]] ([[Liste des services|http://degooglisons-internet.org/liste/]])<br> [[Framapad|https://framapad.org/]]<br> [[Framacalc|https://framacalc.org/]]<br> [[Framadate|https://framadate.org/]]<br> [[Framindmap|https://framindmap.org/]]<br> [[Framavectoriel|https://framavectoriel.org/]]<br> Framashare (bientôt)<br> [[Framanews|https://framanews.org/]]<br> [[Framabag|https://www.framabag.org/]]<br> [[Huit.re|https://huit.re/]]<br> [[Framapic|https://framapic.org/]]<br> [[Framabin|https://framabin.org/]] |Bientôt tout :)<br><br> Google Docs<br> Google Sheets<br> Doodle<br><br><br> Google Drive<br> Google Reader<br><br> bit.ly, goo.gl<br> imgur<br> Pastebin|
|Connaissance |Contenus éducatifs libres regroupant divers projets<br> - Encyclopédie<br> - Dictionnaire |<br>[[Wikimédia|http://www.wikimedia.org/]]<br> [[Wikipédia|http://www.wikipedia.org/]]<br> [[Wiktionary|http://fr.wiktionary.org/]] ||
|Traduction |Traduction multilingue en ligne |[[Reverso|http://www.reverso.net/]]<br> [[FreeTranslation|http://www.freetranslation.com/fr]] |Google Traduction |
|Messagerie en ligne |Service d'email avec compte [[ownCloud|http://owncloud.org/]] (FR)<br> Service d'email gratuit<br> Service sur invitation / Payant |<br>[[OpenMailBox|https://www.openmailbox.org/]]<br> [[Mailoo|https://www.mailoo.org/]] / [[ZohoMail|https://www.zoho.com/mail/webmail.html]] / [[GMX|http://www.gmx.fr/]]<br> [[Riseup|https://help.riseup.net/fr]] / [[StartMail|https://live.startmail.com/]] |Gmail, Yahoo Mail... |
|Cloud personnel et<br>sauvegarde en ligne |5 go gratuits<br> 2 go gratuits<br> 25 go gratuits (FR)<br> 50 go gratuits<br> -<br> |[[younited|https://www.younited.com/en/home]]<br> [[SpiderOak|https://spideroak.com/]]<br> [[Hubic|https://hubic.com/fr/]]<br>[[Mega|https://mega.co.nz/]]<br> Lupolibero (en dev.) |Google Drive,<br> ~OneDrive, Dropbox |
|Cartes, plans et<br>itinéraires routiers |Service de cartographie<br> Calcul de trajets routiers<br> Cartes, itinéraires et vue satellite<br> <br> |[[OpenStreetMap|http://www.openstreetmap.org/]]<br> [[OpenRouteService|http://openrouteservice.org/?lang=fr]]<br> [[MapQuest|http://www.open.mapquest.fr/]]<br> [[Here Maps|http://here.com/<br> ]] |Google Maps, Mappy, Via Michelin |
|Réseau social |Réseau social libre et décentralisé<br> Nœud français du réseau Diaspora*<br> |[[Diaspora*|https://joindiaspora.com/]]<br> [[Framasphère|https://framasphere.org/]] |Facebook, Google + |
|Partage d'images |Service gratuit et anonyme<br> d’hébergement d’images (FR)<br> |[[Lutim|https://lut.im/]]<br> [[Toile Libre|http://pix.toile-libre.org/]] ||
|Partage public de média |Hébergement et partage de différents types de média (photo, vidéo et audio)<br> Partage de fichiers PDF |[[MediaGoblin|http://mediagoblin.com/]]<br> [[MediaCrush|https://mediacru.sh/]]<br><br> [[PDFy|https://pdf.yt/]] |Youtube, Flickr, ~SoundCloud... |
|Création de blog auto-hébergé |Blog auto-hébergé<br> Hébergement d'un blog [[Ghost|https://ghost.org/]]<br> Hébergement d'applications dans un cloud (permet d'utiliser Ghost)<br> |[[Wordpress|https://fr.wordpress.com/]]<br> [[Ghoster|http://ghoster.io/#home]] <br> <br> [[OpenShift|https://www.openshift.com/products/online]] <br> |Blogger, Tumblr... |
|Création de wiki auto-hébergé et bloc notes |Wiki pouvant servir de bloc notes personnel<br> Hébergement de son ~TiddlyWiki<br> Bloc notes simple|<br>[[TiddlyWiki|http://tiddlywiki.com/]]<br> [[TiddlySpot|http://tiddlyspot.com/]]<br> [[Laverna|https://laverna.cc/]] ||
!Gestion de l'énergie
<i class="fa fa-desktop fa-2x pull-left"></i> ''Paramètres globaux pour le gestionnaire d'alimentation: configurer la luminosité, la mise en veille...''
<<<
__Enlever le verrouillage de l'écran à la reprise__<br>
Paramètres avancés → Décocher //Verrouiller l'écran lors de la reprise//
__Utiliser l'hibernation quand l'écran est rabattu__<br>
Économie d'énergie → Prise en charge des événements de bouton → Lorsque l'écran du portable est rabattu //en veille// (cela active l'hibernation sur mon pc !!). A adapter en fonction.
<<<
!Périphériques d'entrée
<i class="fa fa-desktop fa-2x pull-left"></i> ''Permet de configurer le comportement du clavier, touchpad, souris, joystick ou tablette graphique.''
<<<
__Configurer le clavier pour les PC portables__<br>
Pour activer le verrouillage majuscule (Caps Lock) pour les chiffres sur un portable (majuscules accentuées par défaut).<br>
Périphérique d'entrée → onglet clavier → avancé → //Comportement de la touche Verr Maj// → //Verr. maj. active ou désactive maj. ce qui affecte toutes les touches//
<<<
<div class="tc-table-of-contents">
<<toc-selective-expandable 'Menu'>>
</div>
Cette liste regroupe les applications et leurs [[Extensions]] que j'utilise sous Chakra. Je privilégie donc les applications KDE / Qt. Vous trouverez une liste plus complète d'applications dans le [[Guide KDE 4|Les applications]].
<br><br>
|>|!Bureautique |
|~LibreOffice ^^1^^ |Suite bureautique (GTK) |
|Calibre |Lecture et gestion de collections d'ebooks (pdf et Epub) |
|Okular |Visionneuse de document (lecteur pdf) |
|PDFsam ^^2^^ |Modification de PDF (java) @@color:green;[CCR]@@ |
|Kontact |Gestionnaire d'informations personnelles |
|KAdressbook |Gestionnaire de contacts |
|KOrganizer |Organiseur personnel|
|>|<br> |
|>|!Configuration |
|Aide |Centre d'aide de KDE |
|Configuration du système | |
|Recherche de fichiers / dossiers | |
|>|<br> |
|>|!Graphisme |
|digiKam |Programme de gestion de photos |
|~ShowPhoto |Afficheur et éditeur de photos |
|KIPI (KDE Image Plugin Interface)<br> Convertisseur d'image DNG,<br> Fusion d'exposition, Panorama...<br> |Plugins pour la photo<br> Plugins partagés avec Digikam, Gwenview et par<br> différentes applications graphiques. |
|GIMP ^^3^^ |Éditeur d'images (GTK) |
|Inkscape |Éditeur d'images vectorielles (GTK) |
|Gwenview |Visionneuse d'images |
|KSnapshot |Programme de capture d'écran |
|>|<br> |
|>|!Internet |
|Mirror Check |Vérifie la synchronisation des miroirs |
|~KNetAttach |Assistant dossier réseau |
|Firefox ^^4^^ |Navigateur Web (GTK) |
|Chromium |Navigateur Web (GTK) |
|KMail |Logiciel de courriel |
|Qbittorrent |Client ~BitTorrent (avec moteur de recherche) |
|Popcorn Time |Regarder des films, séries... en streaming par torrent @@color:green;[CCR]@@ |
|ownCloud Client |Client ownCloud |
|younited |Client younited @@color:green;[CCR]@@ |
|Akregator |Lecteur de flux RSS et Atom |
|>|<br> |
|>|!Multimédia |
|Clementine |Lecteur audio (fork d'Amarok 1.4) |
|VLC |Lecteur multimédia |
|>|<br> |
|>|!Science |
|Marble |Globle terrestre |
|QGIS ^^5^^ |Système d'information géographique |
|>|<br> |
|>|!Système |
|Octopi |Ajouter/supprimer des logiciels |
|Octopi Notifier |Gestionnaire de mises à jour |
|Dolphin |Gestionnaire de fichiers |
|Gestionnaire de partitions KDE |Éditeur de partitions |
|Gestionnaire d'impression |Gestionnaire d'impression CUPS |
|~KInfoCenter |Centre d'informations |
|Konsole ^^6^^ |Terminal |
|~KSysGuard |Surveillance du système |
|KUser |Gestionnaire d'utilisateurs |
|miniBackup |Sauvegarde de données personnelles<br> (mails, contacts, configurations...) |
|Visionneuse de logs Pacman |Inspecter les logs de Pacman |
|>|<br> |
|>|!Utilitaire |
|Ark |Outil d'archivage |
|Kate |Éditeur de texte avancé |
|KCalc |Calculatrice scientifique |
|Klipper |Presse-papiers |
|Sweeper |Nettoyeur du système |
|SUSE Studio Imagewriter |Créateur de Live USB |
<i class="fa fa-refresh"></i> 21/09/2015
*Nouvelle URL du site
*Changement titre et logo
*Changement URL dans [[A propos]]
<i class="fa fa-refresh"></i> 13/09/2015
*Changement hébergement des images
<i class="fa fa-refresh"></i> 12/07/2015
*Correction dans [[Les applications]]
*Mise à jour dans [[Mes applications]]
*Ajout ublock origin dans [[Extensions]]
*Mise à jour Akonadi dans [[Apparence et comportement général]]
*Mise à jour TW version 5.1.9
<i class="fa fa-refresh"></i> 14/05/2015
*Nouvelle URL du site
*Changement URL dépôt dans [[A propos]]
<i class="fa fa-refresh"></i> 02/05/2015
*Mise à jour UEFI dans [[Guide Chakra]]
*Ajout source dans $:/SiteTitle et favicon
*Changement sous-titre
<i class="fa fa-refresh"></i> 26/04/2015
*Suppression de Les bases de Git
*Amélioration rendu pour les codes
*Modification liste dans [[La configuration du système]]
*Mise en forme Licence
<i class="fa fa-refresh"></i> 19/04/2015
*Ajout bloc info dans [[Installer et configurer Git]]
*Correction du style des codes
*Mise à jour TW version 5.1.8
<i class="fa fa-refresh"></i> 15/04/2015
*Correction logo
*Changement favicon
*Ajout logo dans $:/SiteTitle
<i class="fa fa-refresh"></i> 11/04/2015
*Ajout du plugin highlight pour les codes
*Correction syntaxe Bitbucket
<i class="fa fa-refresh"></i> 09/04/2015
*Mise en forme dans [[A propos]]
*Changement position bannière
<i class="fa fa-refresh"></i> 29/03/2015
*Correction lien interne dans [[Les bases de Git]]
*Mise en forme des Sources dans [[Configurer Thunderbird]]
<i class="fa fa-refresh"></i> 16/03/2015
*Ajout de nouveaux services Framasoft dans [[Liste des services en ligne]]
*Suppression du tiddler [[A faire|ToDo]]
<i class="fa fa-refresh"></i> 02/03/2015
*Ajout contact et lien dépôt Bitbucket dans [[A propos]]
*Réorganisation de [[Les bases de Git]]:
**Suppression de [[Ajouter son TiddlyWiki]] et [[Connecter un dépôt local]]
**Fusion dans [[Travailler avec un dépôt distant]]
**Ajout de [[Exemple de mise en œuvre]]
**Ajout de ajouter un dossier dans [[Ajouter de nouveaux fichiers]]
<i class="fa fa-refresh"></i> 28/02/2015
*Mise en ligne de ~LinuxNotes
<br>
Montrer les <$select field='num_recent'>
<$list filter="10 20 30 40">
<option><<currentTiddler>></option>
</$list>
</$select> tiddlers modifiés le plus récemment:
<$list filter='[!is[system]has[modified]!sort[modified]limit{!!num_recent}]-[[Mises à jour]]'>
<$link to=<<currentTiddler>>><$view field='title'/></$link> - Modified on: <$view field='modified'/><br>
</$list>
!État des lieux
Chakra utilise le gestionnaire de paquets ''Pacman'' (gestionnaire de paquets d'Arch Linux) et l'interface
graphique ''Octopi'' (//Ajouter/supprimer des logiciels// dans le lanceur d'applications, catégorie //Système//).
C'est une transition en attendant la fin du développement d'Akabei, gestionnaire de paquets développé par Chakra qui remplacera à terme Pacman, avec l'interface Muon Discover !<br>
@@.info
<i class="fa fa-info-circle fa-3x pull-left"></i> Chakra utilise `sudo` pour la gestion des droits administrateurs et `kdesu` pour de lancer des applications graphiques avec les privilèges root.
@@
!!Commandes de base de Pacman
|`pacman -Sy` |Synchronisation de la liste des paquets |
|`pacman -Syu` |Synchronisation puis mise à jour (mise a jour du système) |
|`pacman -S <Nom_paquet>` |Installer un paquet |
|`pacman -Ss <Nom_paquet>` |Rechercher un paquet présent dans les dépôts |
|`pacman -Qs <Nom_paquet>` |Rechercher un paquet présent dans le système |
|`pacman -Sl <Nom_dépôt>` |Lister les paquets présents dans un dépôt |
|`pacman -R <Nom_paquet>`<br> `pacman -Rsn <Nom_paquet>` |Supprimer un paquet<br> Supprimer un paquet, ses dépendances et les fichiers de configuration |
|`pacman -Sc` |Nettoyer le cache des paquets |
Pour plus de détails voir les [[Commandes principales de Pacman|https://wiki.archlinux.fr/Pacman]].
@@.att
<i class="fa fa-exclamation-triangle fa-3x pull-left" style="color:#2C3E50"></i>''Avant les mises à jour majeures'' (celles annoncées dans les [[News|http://chakraos.org/news/]]), il faut penser à vérifier que [[Les miroirs]] de téléchargement sont bien synchronisés avant de faire une mise à jour du système.
@@
Pour utiliser le dépôt CCR il faut d'abord installer les paquets `ccr` et `base-devel`.
```c
$ sudo pacman -S ccr base-devel
```
!!Commandes de base pour CCR
La commande `ccr` s’utilise sans `sudo`.
|`ccr <Nom_paquet>` |Installation interactive d’un paquet |
|`ccr -S <Nom_paquet>` |Installer un paquet |
|`ccr -Ss <Nom_paquet>` |Rechercher un paquet présent dans le dépôt CCR |
|`ccr -Si <Nom_paquet>` |Information sur un paquet |
|`ccr -Syu` |Mise à jour des paquets du dépôt CCR |
La commande `ccr` permet un mode interactif si elle est utilisée sans option. CCR affiche une liste numérotée des résultats de recherche. Entrez le numéro pour installer le paquet correspondant.<br>
A l'installation d'un paquet, il vous demandera si vous souhaitez modifier le script PKGBUILD du paquet, il
suffit de saisir `n` (non) pour lancer la compilation. Ensuite, vous devrez entrer votre mot de passe pour qu'il puisse utiliser Pacman pour installer le paquet.
''Pour supprimer un paquet'' qui a été installé à partir de CCR, il suffit de lancer :
```c
$ sudo pacman -R Nom_paquet
```
''Pour connaître les paquets qui ont été installés depuis le dépôt communautaire'', on peut rechercher dans Octopi les paquets provenant du dépôt « CCR » (//Affichage// > //Dépôt// > //CCR//).
<i class="fa fa-bookmark" style="color:#E74C3C"></i> Pour plus de détails voir l'[[Utilisation avancée de CCR]].
!!Mettre à jour les informations du PKGBUILD
1. Modifier la ligne ''#Maintainer'' du début avec vos informations (nom et email), mais n'oubliez pas de
garder les crédits originaux en ajoutant une ligne ''#Contributor'' avec les anciens crédits.
2. Modifier la ligne ''pkgrel'' qui est spécifique aux paquets Chakra. Si vous ajoutez un nouveau paquet qui n'existe pas dans le dépôt CCR, mettre 1 (version du paquet dans CCR). Ce numéro évolue pour une même version du paquet (correction, amélioration du PKGBUILD...). A chaque nouvelle version il repart à 1.
3.Vous devez maintenant créer le fichier source `.src.tar.gz` pour l'uploader sur CCR en exécutant :
```c
$ makepkg --source
```
4. Uploader ce fichier sur CCR et vous avez terminé !
!!Mettre à jour le paquet
La plupart du temps il suffit de modifier le PKGBUILD et mettre à jour ces lignes :
*''pkgver'' vers la nouvelle version<br>
*''pkgrel'' remis à 1
*''md5sum'' du nouveau fichier source (``makepkg -g``)
Créer le fichier source `.src.tar.gz` :
```c
$ makepkg --source
```
et uploader le nouveau fichier sur CCR.
<i class="fa fa-thumb-tack" style="color:#E74C3C"></i>
Source: [[article de Dada sur Planet Libre|http://www.planet-libre.org/index.php?post_id=15710&go=external]]
La méthode utilise le protocole [[WebDAV|https://fr.wikipedia.org/wiki/WebDAV]] avec uniquement l'extension [[WebDAV for Filelink|https://addons.mozilla.org/fr/thunderbird/addon/webdav-for-filelink/]] compatible avec Thunderbird 13 et plus et c'est tout. Téléchargez l'extension et ajoutez-la à Thunderbird.
!!Configuration avec un accès publique aux pièces jointes
On va d'abord s'attaquer à ownCloud puisqu'il faut configurer l'extension de Thunderbird avec deux liens tirés d'ownCloud.
Dans mon cas, j'ai décidé de créer un répertoire unique qui servira à recevoir les fichiers partagés via ownCloud. Ce dernier s'appelle tout simplement "partages".
__Le premier lien__<br>
Le premier lien qu'il nous faut est l’accès ~WebDAV à ownCloud. Pour l'avoir, il faut se balader dans le menu Personnel d'ownCloud.
Dans mon cas, il s'agit de : https://cloud.openmailbox.org/remote.php/webdav
Mais puisque j'ai décidé de partager les fichiers dans un répertoire spécifique "partages", on se retrouve donc avec :<br> https://cloud.openmailbox.org/remote.php/webdav/partages
__Le deuxième lien__<br>
Le deuxième lien qu'il nous faut est celui obtenu en activant le partage par lien d'un répertoire ("partages" dans mon cas).
Dans mon cas, on se retrouve avec quelque chose comme ça :<br> https://cloud.openmailbox.org/public.php?service=files&t=8248571af18591ca0e5cf1243500ed57
Mais, pour que ça fonctionne avec l’extension, il faut rajouter &download&path=/ à la fin de celui-ci.
Nous voici donc avec :<br> https://cloud.openmailbox.org/public.php?service=files&t=8248571af18591ca0e5cf1243500ed57&download&path=/
Nous avons maintenant les deux liens magiques qui vont nous permettre de configurer l'extension de Thunderbird.
Une fois que vous avez installé l'extension, allez dans le menu Édition, puis Préférences, Pièces Jointes et dans l'onglet Sortant.
Une fois que vous êtes là, vous pouvez ajouter ownCloud en appuyant sur Ajouter/Add, choisissez le protocole ~WebDAV et collez dans l'ordre les deux liens que vous avez extraits. L'extension est configurée.
@@.flotte
<a href="https://cloud.openmailbox.org/public.php?service=files&t=aSPtT4441hRH4Jz
" target="_blank">[img align="right" width="300" [Dolphin|https://cloud.openmailbox.org/public.php?service=files&t=aSPtT4441hRH4Jz
&download]]</a>
@@
<br><br><br>
Dolphin est le gestionnaire de fichier de KDE.
Il dispose de différents modes d'affichage, de panneaux modifiables et permet l'accès à direct à différentes ressources.
<br><br><br><br><br>
La barre d’emplacement, qui se trouve en haut de la vue de Dolphin, affiche l’emplacement du dossier actuel. Elle comporte deux modes (fil d'Ariane par défaut et modifiable).
<<<
__Configurer la barre d'outils__ (1): on peut personnaliser les icônes et changer sa position<br> Contrôle → Configurer les barres d'outils → enlever/ajouter des boutons<br>
Clic droit → Déverrouiller la positions de la barre d'outils pour la déplacer.<br>
__Personnaliser les panneaux__ (2): on peut avoir différents panneaux et modifier leur place<br>
Contrôle → panneau: pour ajouter ou enlever des panneaux (information, dossiers, emplacements...)<br>
Clic droit → Déverrouiller les panneaux pour les déplacer ou les supprimer.
<<<
Afficher les emplacements "Consulté récemment" et "chercher" dans Dolphin (2) : il faut que l'outil d'indexation de fichiers Baloo soit activé dans [[La configuration du système]] (voir section "Recherche sur le bureau").
Personnaliser les icônes des dossiers (Documents, Images...) : clic droit sur le dossier, propriété<br>
Les nouveaux icônes sont installés dans le dossier `usr/share/icons`
Prévisualiser le contenu des fichiers (que ce soit au format PDF, JPG...):<br>
Contrôle → Configurer Dolphin → Général → Aperçu → tout cocher<br>
Pour les fichiers AVI, il faut installer le paquet `kfmpegthumbnailer`.<br><br>
@@.info
<i class="fa fa-info-circle fa-3x pull-left"></i> __Les services menu__<br>
Un service menu est une action disponible à partir du clic droit sur un fichier / répertoire dans Dolphin comme //Root action// (qui permet d'ouvrir un fichier en mode administrateur), //Simple mount Iso// (qui permet de monter une image ISO) et bien d'autres. Il s'agit d'un simple fichier avec l'extension .desktop localisé dans les dossiers : `~/.kde/share/kde4/services/~ServiceMenus` et `/usr/share/kde4/services/~ServiceMenus`
@@
<<<
On peut installer de nouveaux services directement depuis Dolphin :<br>
Contrôle → Configurer Dolphin → Services → Télécharger de nouveaux services
<<<
Pour revenir aux valeurs par défaut, vous pouvez supprimer tous les réglages avec la commande:
```c
$ rm -rf .kde4
```
<br>
@@.att
<i class="fa fa-exclamation-triangle fa-3x pull-left" style="color:#2C3E50"></i> ''Vous perdrez toutes les données et réglages personnels (Bureau, Documents, configuration des applications, mails...).''
@@
Vous pouvez explorer le dossier `.kde4` pour réinitialiser la configuration d'une application (`.kde4/share/apps`) ou un paramètre particulier (`.kde4/share/config`) plutôt que de tout supprimer.
!Parefeu
Beaucoup de distributions sont fournies avec ufw (Uncomplicated Firewall) pour pare-feu.<br>
Si ce dernier n'est accompagné d'aucune interface graphique, on peut installer le paquet ``kcm-ufw`` (module du centre de configuration). A adapter en fonction du parefeu installé avec la distribution.
@@.info
<i class="fa fa-info-circle fa-2x pull-left"></i> Les paquets `kcm-*` (KConfig Module) sont des modules du centre de configuration de KDE.
@@
En fait j'utilise assez peu de services en ligne (et c'est voulu!). Il existe des solutions simples et très efficaces permettant de garder le contrôle de ses données et sans dépendre de multinationales du Web.
!! <i class="fa fa-search" style="color:#34495E"></i> Moteur de recherche<br>
J'utilise principalement [[DuckDuckGo|https://duckduckgo.com/]] pour mes recherches sur le Web. L'interface est vraiment sympa et les résultats sont assez bon. Pour les recherches plus poussées, j'utilise aussi [[Startpage|https://startpage.com/]] qui //ne collecte ni ne partage AUCUNE donnée personnelle// avec l'avantage de fournir les mêmes résultats de recherche que Google.
!! <i class="fa fa-inbox" style="color:#34495E"></i> Boite mail<br>
J'utilise depuis assez récemment [[OpenMailBox|https://www.openmailbox.org/]] qui est un service d'email créer par Pierre Barre. Ce service propose l'hébergement d'adresses e-mail gratuite avec l'avantage d'être indépendant de toute grande société du Web et d'héberger ses serveurs en France. Cerise sur le gâteau, tout tourne avec des logiciels libres. ~OpenMailBox utilise l'interface [[Roundcube|http://roundcube.net/]] pour le webmail, c'est sobre et efficace.<br>
Un autre avantage d'~OpenMailBox est de fournir avec l'adresse mail un compte [[ownCloud|http://owncloud.org/]] de 1 go, très pratique pour synchroniser ses données, contacts et agendas.
!! <i class="fa fa-cloud" style="color:#34495E"></i> Cloud personnel et partage d'images<br>
Le compte ownCloud fourni par ~OpenMailBox me permet donc de synchroniser mes données, mais on se sent vite à l'étroit avec 1 go de stockage. J'ai découvert récemment [[younited|https://www.younited.com/en/home]] qui est une société basée en Finlande est qui propose un espace cloud de 5 go gratuit (ça me suffit largement!). Ce qui m'a séduit dans younited c'est d’abord l'interface qui change de ce qui se fait ailleurs et la possibilité de partager des photos sous forme d'album. Je m'en sert principalement pour héberger les documents et images de ce wiki et faire quelques sauvegardes.
Pour publier des images sur internet (forums...) qui doivent rester en ligne //ad vitam æternam// j'utilise [[Lutim|https://lut.im/]], un service libre, simple et efficace.
!! <i class="fa fa-pencil-square" style="color:#34495E"></i> Bloc notes et bien plus...<br>
Il est toujours bien pratique d'avoir un bloc notes (informatique) sous la main. Un simple fichier //.txt// faisait l'affaire jusqu'à ce que je découvre [[TiddlyWiki|http://tiddlywiki.com/]]. L'ensemble du wiki est contenu dans un unique fichier HTML, ne nécessitant aucune installation. Synchronisé avec ownCloud, votre bloc notes est toujours à portée de clavier. Outil incroyablement puissant, ~TiddlyWiki me sert aussi à écrire [[LinuxNote|Hello world !]].<br><br>
!! <i class="fa fa-plus-circle" style="color:#34495E"></i> ''Vous en voulez encore!''<br>
Consultez la [[Liste des services en ligne]] qui répertorie quelques sites internet alternatifs proposant des services libres et décentralisés.
<i class="fa fa-thumb-tack" style="color:#E74C3C"></i>
Source: [[article sur ophyde.com|http://www.ophyde.com/synchroniser-contacts-agenda-owncloud-thunderbird/]]
Avec le support de [[CalDAV|https://fr.wikipedia.org/wiki/CalDAV]] et [[CardDAV|https://fr.wikipedia.org/wiki/CardDAV]] sur ownCloud vous pouvez synchroniser vos contacts et agendas avec un client de messagerie.
!!Etape 1 : Installation des extensions
Vous aurez besoin de deux extensions, la première ''Lightning'' pour la synchronisation de l’agenda et la seconde ''SOgo Connector'' pour la synchronisation de votre carnet d’adresse.
Ouvrez le gestionnaire de modules dans Thunderbird, recherchez l’extension [[Lightning|https://addons.mozilla.org/fr/thunderbird/addon/lightning/]] et installer là. Pour installer SOGo Connector il faut [[télécharger l’extension|http://www.sogo.nu/fr/downloads/frontends.html]] sur le site du projet.
Sous Thunderbird retourner dans le gestionnaire de modules et cliquez sur “installez un module depuis un fichier”.
Redémarrez Thunderbird, vos deux extensions devraient maintenant être activées.
!!Etape 2 : Configuration de la synchronisation du carnet d’adresse
Nous allons créer un nouveau carnet d’adresses:<br>
Fichier > Nouveau > Carnet d’adresses distant
Il ne reste plus qu’à rentrer votre login et mot de passe ownCloud pour synchroniser votre carnet d’adresse.
L’url ~CardDAV est disponible dans l’onglet contact de votre ownCloud: cliquez sur la molette puis sur ~CardDAV, il ne vous reste plus qu’à copier le lien.
!!Etape 3 : Configuration de la synchronisation du calendrier
Nous allons maintenant créer un nouvel agenda sous Thunderbird:<br>
Fichier > Nouveau > Agenda
Sélectionnez le format “~CalDAV” et ajouter l’adresse de synchronisation ~CalDAV de votre agenda.
Elle est disponible sur ownCloud dans l’onglet Calendrier, cliquez sur la molette puis sur ~CalDAV de votre agenda. Donnez un nom à votre agenda.
Votre nouvel agenda est maintenant créé il ne vous reste plus qu’à le synchroniser <i class="fa fa-smile-o"></i>
!Les paquets
Vous pouvez supprimer les paquets inutiles, les applications et les services en fonction de ce dont vous avez besoin.<br>
Ex: //bluedevil// (si pas de bluetooth), //kde-wallpapers// (fond d'écran) qui est long à mettre à jour, les paquets liés à l'accessibilité...
!Mieux utiliser KRunner
KRunner est une petite ligne de commande versatile. Vous pouvez l'utiliser pour démarrer des applications, ouvrir des pages web, accéder aux favoris,
rechercher dans les données du bureau, calculer de courtes équations et plus encore.
>En appuyant sur ''Alt+F2'' ou Clic droit → Exécuter une commande, la boîte de dialogue KRunner s'ouvre.
KRunner est extensible à l'aide de plugins appelés //runners//. Les //runners// sont activables / désactivables en cliquant sur l'icône clé (fenêtre de configuration de KRunner).
@@.info
<i class="fa fa-info-circle fa-2x pull-left"></i> La désactivation des plugins que vous n'utilisez pas permet de réduire l'utilisation des ressources.
@@
On peut installer / supprimer des plugins en cherchant `kdeplasma-addons-runners` dans le gestionnaire de paquets. Par exemple le paquet `kdeplasma-addons-runners-browsefirefoxbookmarks` permet d'accéder aux marques-pages de Firefox dans KRunner.
On peur étendre les fonctionnalités de KRunner en installant le paquet `krunner-appmenu` qui permet de lancer une commande (copier, supprimer...) à partir de KRunner.
@@.ast
<i class="fa fa-lightbulb-o fa-3x pull-left"></i> La commande `kdesu` (ou `kdesudo` pour kubuntu) peut être utilisée avec KRunner ou en mode console. Elle permet l'accès à une fenêtre qui offre les droits administrateur en mode graphique.<br>
Par exemple, pour éditer un fichier on va exécuter la commande `kdesu kate /Chemindufichier`.<br>
La commande `sudo` (« superuser do ») est à utiliser en mode texte.
@@
!Les KIO Slaves
KIO (pour KDE Input/Output) sont des modules d'entrée/sortie qui permettent l'accès aux ressources matérielles au sein d'une unique API. Les KIO slaves (ou esclaves) fournissent ainsi à KIO le support pour un protocole d'accès à une ressource particulière (matérielle ou logicielle) comme le support du protocole MTP (périphériques mobiles).<br>
On y accède par la barre de navigation de Dolphin ou du navigateur web.<br>
Les plus pratiques : //sysinfo:/, settings:/, audiocd:/, info:/, fonts:/, man:/, ftp:/, applications:/ ou programs:/ //
!La gestion des utilisateurs
L'application KUser permet une gestion simple et graphique des comptes utilisateurs. On peut ajouter, supprimer et modifier des comptes utilisateurs.
@@.info
<i class="fa fa-info-circle fa-3x pull-left"></i> La vue par défaut répertorie tous les comptes du système que l'on peut masquer en cliquant sur le menu //Paramètres// et décocher //Montrer Utilisateurs / Groupes système//.
@@
!!Installation manuelle d'un paquet du dépôt CCR
1. Télécharger l'archive sur le site de CCR (lien Tarball).
2. Extraire l'archive dans le dossier courant.
3. Entrer dans le dossier que vous venez d'extraire ( `cd ~/chemin/du/dossier`)
4. Construire le paquet et résoudre ses dépendances avec la commande : `makepkg -s`
```c
$ makepkg -s
```
Maintenant, vous devriez voir le processus de compilation commencer, et une fois que tout est terminé, un fichier `.pkg.tar.xz` devrait apparaître dans le répertoire de construction.
5. Si la construction a été un succès, installez le paquet avec la commande:
```c
$ sudo pacman -U Nom_paquet.pkg.tar.xz
```
!!Installation simple d'un paquet non présent dans le dépôt CCR
CCR est en fait un clone de <abbr title="Arch User Repository">AUR</abbr> (dépôt communautaire d'Arch Linux) qui dispose d'un grand nombre de paquets. L'installation et l'upload de paquets vers le dépôt CCR est vraiment facile. La plupart du temps, vous devez d'abord tester localement si le paquet se construit et fonctionne avant de le soumettre sur CCR.<br>
1. Recherchez sur [[AUR|http://aur.archlinux.org/]] si le paquet existe.
2. Télécharger l'archive ''Tarball'' du paquet.
3. Extraire l'archive dans le dossier courant. Il contient tous les fichiers nécessaires pour le paquet que vous voulez créer. Vous trouverez toujours le ''PKGBUILD'', et parfois d'autres fichiers comme : .patch, .install...
4. Ouvrez le PKGBUILD et vérifier que les dépendances de ce paquet sont fournis dans les dépôts de Chakra ou de CCR (ligne `depends`). Si non, vous aurez aussi besoin d'uploader les dépendances manquantes sur CCR, suivant la même procédure.<br>
<<<
Gardez à l'esprit que le nom des paquets pour certains programmes sont différents dans Chakra et dans Arch Linux. Effectuez une recherche minutieuse d'abord et modifier ce qui est différent avec les valeurs correctes.
<<<
5. Testez la création du paquet avec :
```c
$ makepkg -s
```
Si la construction est correct, installez le paquet localement (fichier `.pkg.tar.xz`) pour vérifier que tout fonctionne pour vous.
''Vous pouvez alors'' [[Partager le fichier sur CCR]].
{{||$:/CommunityExtractedPluginTemplate}}
</div>
<script src="js/flowtime.js"></script>
Flowtime.showProgress(true);
Flowtime.start();
</script>
</body>
</html>
<!DOCTYPE HTML>
<!--[if IE 6]>
<html id="ie6" lang="en-US" class="ie ie6 lt-ie9">
<![endif]-->
<!--[if IE 7]>
<html id="ie7" lang="en-US" class="ie ie7 lt-ie9">
<![endif]-->
<!--[if IE 8]>
<html id="ie8" lang="en-US" class="ie ie8 lt-ie9">
<![endif]-->
<!--[if gte IE 9]>
<html lang="en-US" class="ie ie9">
<![endif]-->
<!--[if !(IE)]><!-->
<html lang="en-US" class="">
<!--<![endif]-->
<head>
<title>Flowtime Demo</title>
<link rel="stylesheet" href="assets/css/reset.css">
<link rel="stylesheet" href="css/flowtime.css">
<link rel="stylesheet" href="css/themes/default.css">
<link rel="stylesheet" href="assets/css/prism.css">
</head>
<body class="">
<div> Header</div>
<div class="flowtime">
!! Work with lists contained in fields in this tiddler
<<listHere test>><br/>
This example works from a macro that allows you to add items to a field list (in this case test)
<<listHere test>>
----
<<taskListHere test>><br/>
This example does the same thing but adds the ability to manage the done state for the list (Click on the reveal button to see the done tasks)
<<taskListHere test>>
----
`* {{do this||todo}}`
Another method, managing the items in a foreign table
* {{do this||todo}}
----
In addition, you can use the (more actions) drop down to access journals and to do items using the add items macro from there
----
I'm really not sure where the code for the more actions plugins is hiding. The code for the field management is in the macros beginning with $:/_cpa available from the more / System list in the sidebar
<$macrocall $name="tiddlerTaskNote"
tiddlerName=<<currentTiddler>>
fieldName="todo"
tagName="done"
/>
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
This is an usage example of the macros. The macros does not modify any field or tiddler, you have to use any widget for that, for example a button. Here you have an example using the macro with a button widget. Hitting the button will add one to the current value of the order field.
<$edit-text size=1 tag="input" field="order"/>
<$button set=!!order setTo=<<sum "" "order" 1>> class="tc-btn-invisible">{{$:/core/images/chevron-up}}</$button>
Button code
```
<$button set=!!order setTo=<<sum "" "order" 1>> class="tc-btn-invisible">{{$:/core/images/chevron-up}}</$button>
```
This is the same example but using the subtract macro
<$edit-text size=1 tag="input" field="order"/>
<$button set=!!order setTo=<<subtract "" "order" 1>> class="tc-btn-invisible">{{$:/core/images/chevron-down}}</$button>
Button code
```
<$button set=!!order setTo=<<subtract "" "order" 1>> class="tc-btn-invisible">{{$:/core/images/chevron-down}}</$button>
```
This is an example in how to order a list using an order field and the sum and subtract macros:
<$list filter="[tag[item]!sort[order]]">
{{!!order}} {{!!title}} <$button set=!!order setTo=<<sum "" "order" 1>> class="tc-btn-invisible">{{$:/core/images/chevron-up}}</$button> <$button set=!!order setTo=<<subtract "" "order" 1>> class="tc-btn-invisible">{{$:/core/images/chevron-down}}</$button>
</$list>
The code is very simple. Just a list with a very common filter and the buttons code from
the previous [[example|Basic example]].
```
<$list filter="[tag[item]!sort[order]]">
{{!!order}} {{!!title}} <$button set=!!order setTo=<<sum "" "order" 1>> class="tc-btn-invisible">{{$:/core/images/chevron-up}}</$button> <$button set=!!order setTo=<<subtract "" "order" 1>> class="tc-btn-invisible">{{$:/core/images/chevron-down}}</$button>
</$list>
```
This wiki is a demonstration of two javascript macros for basic mathematic operations.
There are two macros, [[sum|$:/widgets/danielo515/sum.js]] and [[subtract|$:/widgets/danielo515/subtract.js]].
They sums or subtract to a value stored on the specified field of the specified tiddler.
The macros ''does not modify the tiddler'' in any way, this is an important detail.
They just return the result of the operation, is your responsibility to store that result at some place.
Please see the examples if you want to use the macros to modify the value in a permanent way.
To install any of the macros, just drag the follwing links to your wiki like they were a file on your file explorer:
* [[sum|$:/widgets/danielo515/sum.js]]
* [[subtract|$:/widgets/danielo515/subtract.js]].
Here is a list of the parameters the macros accepts:
|! parameter |! default value |! description |
| tiddler | current tiddler | the tiddler to take the field from |
| field | 0 | The field from where you want to take the start value |
| ammount | 1 | the value to add or subtract to the value hold at the field |
| max/min | none | The maximun (for sum) or minimun (for subtract) value the macro can reach |
The menus on the left and the two table of contents tabs in the sidebar to the right are the interesting parts, try clicking on one of the entries. You can also click on the {{$:/core/images/chevron-down}} icon at the top of the screen to see the menu presented in a different way.
This is still in development, I may change the name and possibly other stuff. Like letting you set the icons used.
''__Usage:__'' `<<MobileMenu "RootTag" "MenuName" "Type" "MenuTitle" "Subtitle" "Body" "ListField">>`
Parameters:
|!Name |!Description |
|~RootTag |The tag that defines the root of the menu, like the root tag of the table of contents (Default: `RootTag`) |
|~MenuName |A unique name for the menu (Default: `Menu`)|
|Type |The type of menu, currently options are `Menu`, `TOC` and `TOC-Selective` (Default: `Menu`) |
|~MenuTitle |This is the title displayed above the menu, not the name that is used to track the state of the menu. Two menus can have the same title and be independent, but if two menus share the same name they won't be independent of each other. (Default: No title shown) |
|Subtitle |If this is set as `Subtitle` than the subtitle field of the tiddler will be shown in the menu above the list of current menu items (Default: no subtitle shown) |
|Body |If this is set as `Body` than the body (text field) of the tiddler will be shown in the menu below the list of current menu items (Default: body not shown) |
|~ListField |If a value is given for `ListField` than the list in that field of each tiddler is used to determine what is listed in the corresponding sub-menu. If this is given it overrides anything given for `RootTag` (No default) |
''__Differences for the table of contents versions:__''
*Clicking on the tiddler name opens up the tiddler
*Clicking on the arrow icon moves through the table of contents just like in the normal menu version
*''Only `TOC-Selective` type'' - Icons only appear next to tiddlers that have children in the table of contents (I need to look at the core toc macros to see how they line up the tiddler names when there isn't an icon)
__How it works:__
You give the macro two parameters, `RootTag` and `MenuName`, the root tag determines the items that appear on the first level of the menu. `MenuName` is a unique name for that menu. You don't strictly need to have unique names, but if you don't than every menu that shares a name will change with all of the others. Both `RootTag` and `MenuName` have default values so just using `<<MakeMenu>>` will work if you are willing to have `RootTag` be your root tag.
The organization is the same as in the table of contents macros.
Initially you see the list of tiddlers with the root tag, when you click on one than the list is replaced by the tidders tagged with that item. If you are not at the root than a button labeled with {{$:/core/images/chevron-left}} and the name of the tiddler the current list is tagged with will appear at the top, clicking on this button will move you back one level.
Each entry displays the tiddler name with the content of the tiddler (if any) below the name, and below that a list of any tiddlers tagged with the current tiddler. So if you want something other than just the list of tagged tiddlers to show up just put it in the tiddler where you want it to display.
So to add entries to the menu just make a tiddler and tag it with either `Top Level` to put it on the root menu, or tag it with the appropriate tiddler.
__Some stuff:__
*You can have as many menus as you want by giving each one a unique name
*The menus display the contents of the caption field, if one exists in the tiddler, otherwise it uses the tiddler title.
*The menus will display the caption (or name) of the current tiddler, the subtitle below that, a list of the entries at that level below the subtitle and the contents of the tiddler body below that.
*The menu can go to an arbitrary depth, so add as many levels as you want
*The menu 'remembers' how you got to a where you are, so if you have the same entry two places in the menu when you back out you will go up the menu tree the same way you went down.
*I will probably change the names of things at some point
*This doesn't require the icon menus plugin, I just found it convenient to use the two together.
*I am not good with css, and the tiddlywiki popups go away after you click inside them once, so the floating menu uses a normal reveal to display. If anyone wants to help with the css to make that work nicer that would be awesome.
*I may add an option to let you specify a filter in place of a list, so you could give each tiddler a filter that would determine which tiddlers are listed under it.
__Required tiddlers:__
This is the only tiddler needed, options are set by input parameters.
*[[$:/macros/inmysocks/MobileMenu]]
The main content of the tiddler is shown here.
Something interesting here, buttons or something.
Some content for item 2 that I am far to lazy to make
---
<<MobileMenu "Top Level" "Test2" Menu "This menu shows the tiddler subtitles, but not the body" Subtitle Body>>
@@overflow:visible;
<$reveal type="nomatch" state="$:/state/floatingmenuicon" text=show>
<$button class='tc-btn-invisible' set="$:/state/floatingmenuicon" setTo=show tooltip='Floating menu demo'>{{$:/core/images/chevron-down}}</$button> <- Click here to show floating menu
</$reveal>
<$reveal type="match" state="$:/state/floatingmenuicon" text=show>
<$button class='tc-btn-invisible' set="$:/state/floatingmenuicon" setTo=hide tooltip='Floating menu demo'>{{$:/core/images/chevron-up}}</$button>
<- Click here to hide floating menu<div class="tc-drop-down">
<<MobileMenu "Top Level" "Floating Menu">>
</div>
</$reveal>
@@
\define inmysocksMobileMenusMakeState(MenuName)
$:/state/Menu/$MenuName$/$(CurrentTiddler)$
\end
\define inmysocksMobileMenusMakeParentState(MenuName)
$:/state/Menu/$MenuName$/$(ParentTiddler)$
\end
\define inmysocksMobileMenusEmptyMessage(MenuName MenuType)
<$reveal type='match' state="Menu Macro!!normal_menu" text=$MenuType$>
<$button class='tc-btn-invisible'>
<$tiddler tiddler={{$:/state/Menu/$MenuName$/current}}>
{{$:/core/images/chevron-left}}
''<$view field=caption>
<$view field=title/>
</$view>''
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value=''/>
</$tiddler>
</$button>
</$reveal>
<$reveal type='match' state="Menu Macro!!table_of_contents" text=$MenuType$>
<$button class='tc-btn-invisible'>
{{$:/core/images/chevron-left}}
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value=''/>
</$button>
<$link to={{$:/state/Menu/$MenuName$/current}}>
''<$view tiddler={{$:/state/Menu/$MenuName$/current}} field=caption><$view tiddler='$:/state/Menu/$MenuName$/current' field=text/></$view>''
</$link>
<br>
</$reveal>
<$reveal type='match' state="Menu Macro!!table_of_contents_selective" text=$MenuType$>
<$button class='tc-btn-invisible'>
{{$:/core/images/chevron-left}}
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value=''/>
</$button>
<$link to={{$:/state/Menu/$MenuName$/current}}>
''<$view tiddler={{$:/state/Menu/$MenuName$/current}} field=caption><$view tiddler='$:/state/Menu/$MenuName$/current' field=text/></$view>''
</$link>
<br>
</$reveal>
\end
\define inmysocksMobileMenusEmptyMessage2(MenuName MenuType)
<$list filter='[tag<CurrentTiddler>]'>
<$reveal type='match' state="Menu Macro!!normal_menu" text=$MenuType$ tag=span>
<$button class='tc-btn-invisible' set=<<inmysocksMobileMenusMakeState """$MenuName$""">> setTo=<<currentTiddler>>>
{{$:/core/images/right-arrow}}<$view tiddler=<<currentTiddler>> field='caption'><$view tiddler=<<currentTiddler>> field='title'/></$view>
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value={{!!title}}/>
</$button>
<br>
</$reveal>
<$reveal type='match' state="Menu Macro!!table_of_contents" text=$MenuType$>
<$button class='tc-btn-invisible' set=<<inmysocksMobileMenusMakeState """$MenuName$""" """$MenuType$""">> setTo=<<currentTiddler>>>
{{$:/core/images/right-arrow}}
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value={{!!title}}/>
</$button>
<$link to=<<currentTiddler>>>
<$view tiddler=<<currentTiddler>> field='caption'><$view tiddler=<<currentTiddler>> field='title'/></$view>
</$link>
<br>
</$reveal>
<$reveal type='match' state="Menu Macro!!table_of_contents_selective" text=$MenuType$>
<$button class='tc-btn-invisible' set=<<inmysocksMobileMenusMakeState """$MenuName$""" """$MenuType$""">> setTo=<<currentTiddler>>>
{{$:/core/images/right-arrow}}
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value={{!!title}}/>
</$button>
<$link to=<<currentTiddler>>>
<$view tiddler=<<currentTiddler>> field='caption'><$view tiddler=<<currentTiddler>> field='title'/></$view>
</$link>
<br>
</$reveal>
</$list>
\end
\define inmysocksMobileMenusTemplate(MenuName MenuType)
<$set name=CurrentTiddler value={{$:/state/Menu/$MenuName$/current}}>
<$list filter='[text<CurrentTiddler>removeprefix[$:/state/Menu/$MenuName$/]]-[[current]]+[limit[1]]' variable=ParentTiddler emptyMessage=<<inmysocksMobileMenusEmptyMessage2 """$MenuName$""" """$MenuType$""">>>
<$list filter='[tag<CurrentTiddler>]' variable=ThisTiddler2>
<$reveal type='match' state="Menu Macro!!normal_menu" text=$MenuType$>
<$button class='tc-btn-invisible' set=<<inmysocksMobileMenusMakeState """$MenuName$""">> setTo=<<ThisTiddler2>>>
{{$:/core/images/right-arrow}}<$view tiddler=<<ThisTiddler2>> field='caption'><$view tiddler=<<ThisTiddler2>> field='title'/></$view>
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value=<<ThisTiddler2>>/>
</$button>
<br>
</$reveal>
<$reveal type='match' state="Menu Macro!!table_of_contents" text=$MenuType$>
<$button class='tc-btn-invisible' set=<<inmysocksMobileMenusMakeState """$MenuName$""" """$MenuType$""">> setTo=<<ThisTiddler2>>>
{{$:/core/images/right-arrow}}
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value=<<ThisTiddler2>>/>
</$button>
<$link to=<<ThisTiddler2>>>
<$view tiddler=<<ThisTiddler2>> field='caption'><$view tiddler=<<ThisTiddler2>> field='title'/></$view>
</$link>
<br>
</$reveal>
<$reveal type='match' state="Menu Macro!!table_of_contents_selective" text=$MenuType$>
<$list filter='[tag{ThisTiddler2}limit[1]]' variable=dummy>
<$button class='tc-btn-invisible' set=<<inmysocksMobileMenusMakeState """$MenuName$""" """$MenuType$""">> setTo=<<ThisTiddler2>>>
{{$:/core/images/right-arrow}}
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value=<<ThisTiddler2>>/>
</$button>
</$list>
<$link to=<<ThisTiddler2>>>
<$view tiddler=<<ThisTiddler2>> field='caption'><$view tiddler=<<ThisTiddler2>> field='title'/></$view>
</$link>
<br>
</$reveal>
</$list>
</$list>
</$set>
\end
\define MobileMenu(RootTag:"RootTag" MenuName:Menu MenuType:Menu MenuTitle:"" ShowSubtitle:no ShowBody:no)
<$reveal type=nomatch state="""Menu Macro!!include_title""" text="""$MenuTitle$""">
$MenuTitle$
</$reveal>
<$reveal type='match' state='$:/state/Menu/$MenuName$/current' text=''>
<$list filter='[tag[$RootTag$]]'>
<$reveal type='match' state="Menu Macro!!normal_menu" text=$MenuType$>
<$button class='tc-btn-invisible' set='$:/state/Menu/$MenuName$/current' setTo={{!!title}}>
{{$:/core/images/right-arrow}}<$view field='caption'><$view field='title'/></$view>
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value={{!!title}}/>
</$button>
<br>
</$reveal>
<$reveal type='match' state="Menu Macro!!table_of_contents" text=$MenuType$>
<$button class='tc-btn-invisible' set='$:/state/Menu/$MenuName$/current' setTo={{!!title}}>
{{$:/core/images/right-arrow}}
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value={{!!title}}/>
</$button>
<$link>
<$view field='caption'><$view field='title'/></$view>
</$link>
<br>
</$reveal>
<$reveal type='match' state="Menu Macro!!table_of_contents_selective" text=$MenuType$>
<$list filter='[tag{!!title}limit[1]]' variable=dummy>
<$button class='tc-btn-invisible' set='$:/state/Menu/$MenuName$/current' setTo={{!!title}}>
{{$:/core/images/right-arrow}}
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value={{!!title}}/>
</$button>
</$list>
<$link>
<$view field='caption'><$view field='title'/></$view>
</$link>
<br>
</$reveal>
</$list>
</$reveal>
<$reveal type='nomatch' state='$:/state/Menu/$MenuName$/current' text=''>
<$list filter='[is[system]prefix[$:/state/Menu/$MenuName$/]has[text]]-[[$:/state/Menu/$MenuName$/current]]+[limit[1]]' emptyMessage=<<inmysocksMobileMenusEmptyMessage """$MenuName$""" """$MenuType$""">>> </$list>
<$list filter='[text{$:/state/Menu/$MenuName$/current}removeprefix[$:/state/Menu/$MenuName$/]]-[[current]]+[limit[1]]' variable=ParentTiddler>
<$reveal type='match' state="Menu Macro!!normal_menu" text=$MenuType$>
<$button class='tc-btn-invisible' style='text-align:left'>
{{$:/core/images/chevron-left}}
''<$view tiddler={{$:/state/Menu/$MenuName$/current}} field=caption><$view tiddler={{$:/state/Menu/$MenuName$/current}} field=title/></$view>''
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value=<<ParentTiddler>>/>
<$action-setfield $tiddler=<<inmysocksMobileMenusMakeParentState """$MenuName$""">> $value=''/>
</$button>
</$reveal>
<$reveal type='match' state="Menu Macro!!table_of_contents" text=$MenuType$>
<$button class='tc-btn-invisible'>
{{$:/core/images/chevron-left}}
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value=<<ParentTiddler>>/>
<$action-setfield $tiddler=<<inmysocksMobileMenusTOCMakeParentState """$MenuName$""">> $value=''/>
</$button>
<$link to={{$:/state/Menu/$MenuName$/current}}>
''<$view tiddler={{$:/state/Menu/$MenuName$/current}} field=caption><$view tiddler={{$:/state/Menu/$MenuName$/current}} field=title/></$view>''
</$link>
<br>
</$reveal>
<$reveal type='match' state="Menu Macro!!table_of_contents_selective" text=$MenuType$>
<$button class='tc-btn-invisible'>
{{$:/core/images/chevron-left}}
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value=<<ParentTiddler>>/>
<$action-setfield $tiddler=<<inmysocksMobileMenusTOCSelectiveMakeParentState """$MenuName$""">> $value=''/>
</$button>
<$link to={{$:/state/Menu/$MenuName$/current}}>
''<$view tiddler={{$:/state/Menu/$MenuName$/current}} field=caption><$view tiddler={{$:/state/Menu/$MenuName$/current}} field=title/></$view>''
</$link>
<br>
</$reveal>
</$list>
<$reveal type='match' state='Menu Macro!!include_subtitle' text=$ShowSubtitle$>
<$transclude tiddler={{$:/state/Menu/$MenuName$/current}} field='subtitle' mode=block/>
</$reveal>
<$list filter='[tag{$:/state/Menu/$MenuName$/current}limit[1]]' variable=ThisTiddler>
<<inmysocksMobileMenusTemplate """$MenuName$""" """$MenuType$""">>
</$list>
<$reveal type='match' state='Menu Macro!!include_body' text=$ShowBody$>
<$transclude tiddler={{$:/state/Menu/$MenuName$/current}} mode=block/>
</$reveal>
</$reveal>
\end
\define inmysocksMobileMenusMakeState(MenuName)
$:/state/Menu/$MenuName$/$(CurrentTiddler)$
\end
\define inmysocksMobileMenusMakeParentState(MenuName)
$:/state/Menu/$MenuName$/$(ParentTiddler)$
\end
\define inmysocksMobileMenusEmptyMessage(MenuName MenuType)
<$reveal type='match' state="Menu Macro!!normal_menu" text=$MenuType$>
<$button class='tc-btn-invisible'>{{$:/core/images/chevron-left}} ''<$view tiddler={{$:/state/Menu/$MenuName$/current}} field=caption><$view tiddler='$:/state/Menu/$MenuName$/current' field=text/></$view>''<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value=''/></$button>
</$reveal>
<$reveal type='match' state="Menu Macro!!table_of_contents" text=$MenuType$>
<$button class='tc-btn-invisible'>{{$:/core/images/chevron-left}}<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value=''/></$button><$link to={{$:/state/Menu/$MenuName$/current}}>''<$view tiddler={{$:/state/Menu/$MenuName$/current}} field=caption><$view tiddler='$:/state/Menu/$MenuName$/current' field=text/></$view>''</$link>
</$reveal>
<$reveal type='match' state="Menu Macro!!table_of_contents_selective" text=$MenuType$>
<$button class='tc-btn-invisible'>{{$:/core/images/chevron-left}}<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value=''/></$button><$link to={{$:/state/Menu/$MenuName$/current}}>''<$view tiddler={{$:/state/Menu/$MenuName$/current}} field=caption><$view tiddler='$:/state/Menu/$MenuName$/current' field=text/></$view>''</$link>
</$reveal>
\end
\define inmysocksMobileMenusEmptyMessage2(MenuName MenuType)
<$list filter='[tag<CurrentTiddler>]'>
<$reveal type='match' state="Menu Macro!!normal_menu" text=$MenuType$>
<$button class='tc-btn-invisible' set=<<inmysocksMobileMenusMakeState """$MenuName$""">> setTo=<<currentTiddler>>>{{$:/core/images/right-arrow}}<$view tiddler=<<currentTiddler>> field='caption'><$view tiddler=<<currentTiddler>> field='title'/></$view><$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value={{!!title}}/></$button><br>
</$reveal>
<$reveal type='match' state="Menu Macro!!table_of_contents" text=$MenuType$>
<$button class='tc-btn-invisible' set=<<inmysocksMobileMenusMakeState """$MenuName$""" """$MenuType$""">> setTo=<<currentTiddler>>>{{$:/core/images/right-arrow}}<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value={{!!title}}/></$button><$link to=<<currentTiddler>>><$view tiddler=<<currentTiddler>> field='caption'><$view tiddler=<<currentTiddler>> field='title'/></$view></$link><br>
</$reveal>
<$reveal type='match' state="Menu Macro!!table_of_contents_selective" text=$MenuType$>
<$button class='tc-btn-invisible' set=<<inmysocksMobileMenusMakeState """$MenuName$""" """$MenuType$""">> setTo=<<currentTiddler>>>{{$:/core/images/right-arrow}}<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value={{!!title}}/></$button><$link to=<<currentTiddler>>><$view tiddler=<<currentTiddler>> field='caption'><$view tiddler=<<currentTiddler>> field='title'/></$view></$link><br>
</$reveal>
</$list>
\end
\define inmysocksMobileMenusTemplate(MenuName MenuType)
<$set name=CurrentTiddler value={{$:/state/Menu/$MenuName$/current}}>
<$list filter='[text<CurrentTiddler>removeprefix[$:/state/Menu/$MenuName$/]]-[[current]]+[limit[1]]' variable=ParentTiddler emptyMessage=<<inmysocksMobileMenusEmptyMessage2 """$MenuName$""" """$MenuType$""">>>
<$list filter='[tag<CurrentTiddler>]' variable=ThisTiddler2>
<$reveal type='match' state="Menu Macro!!normal_menu" text=$MenuType$>
<$button class='tc-btn-invisible' set=<<inmysocksMobileMenusMakeState """$MenuName$""">> setTo=<<ThisTiddler2>>>{{$:/core/images/right-arrow}}<$view tiddler=<<ThisTiddler2>> field='caption'><$view tiddler=<<ThisTiddler2>> field='title'/></$view><$tiddler tiddler=<<ThisTiddler2>>><$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value={{!!title}}/></$tiddler></$button><br>
</$reveal>
<$reveal type='match' state="Menu Macro!!table_of_contents" text=$MenuType$>
<$button class='tc-btn-invisible' set=<<inmysocksMobileMenusMakeState """$MenuName$""" """$MenuType$""">> setTo=<<ThisTiddler2>>>{{$:/core/images/right-arrow}}<$tiddler tiddler=<<ThisTiddler2>>><$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value={{!!title}}/></$tiddler></$button><$link to=<<ThisTiddler2>>><$view tiddler=<<ThisTiddler2>> field='caption'><$view tiddler=<<ThisTiddler2>> field='title'/></$view></$link><br>
</$reveal>
<$reveal type='match' state="Menu Macro!!table_of_contents_selective" text=$MenuType$>
<$list filter='[tag{ThisTiddler2}limit[1]]' variable=dummy><$button class='tc-btn-invisible' set=<<inmysocksMobileMenusMakeState """$MenuName$""" """$MenuType$""">> setTo=<<ThisTiddler2>>>{{$:/core/images/right-arrow}}<$tiddler tiddler=<<ThisTiddler2>>><$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value={{!!title}}/></$tiddler></$button></$list><$link to=<<ThisTiddler2>>><$view tiddler=<<ThisTiddler2>> field='caption'><$view tiddler=<<ThisTiddler2>> field='title'/></$view></$link><br>
</$reveal>
</$list>
</$list>
</$set>
\end
\define MobileMenu(RootTag:"RootTag" MenuName:Menu MenuType:Menu ShowSubtitle:no ShowBody:no)
<$reveal type='match' state='$:/state/Menu/$MenuName$/current' text=''>
<$list filter='[tag[$RootTag$]]'>
<$reveal type='match' state="Menu Macro!!normal_menu" text=$MenuType$>
<$button class='tc-btn-invisible' set='$:/state/Menu/$MenuName$/current' setTo={{!!title}}>{{$:/core/images/right-arrow}}<$view field='caption'><$view field='title'/></$view><$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value={{!!title}}/></$button><br>
</$reveal>
<$reveal type='match' state="Menu Macro!!table_of_contents" text=$MenuType$>
<$button class='tc-btn-invisible' set='$:/state/Menu/$MenuName$/current' setTo={{!!title}}>{{$:/core/images/right-arrow}}<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value={{!!title}}/></$button><$link><$view field='caption'><$view field='title'/></$view></$link><br>
</$reveal>
<$reveal type='match' state="Menu Macro!!table_of_contents_selective" text=$MenuType$>
<$list filter='[tag{!!title}limit[1]]' variable=dummy><$button class='tc-btn-invisible' set='$:/state/Menu/$MenuName$/current' setTo={{!!title}}>{{$:/core/images/right-arrow}}<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value={{!!title}}/></$button></$list><$link><$view field='caption'><$view field='title'/></$view></$link><br>
</$reveal>
</$list>
</$reveal>
<$reveal type='nomatch' state='$:/state/Menu/$MenuName$/current' text=''>
<$list filter='[is[system]prefix[$:/state/Menu/$MenuName$/]has[text]]-[[$:/state/Menu/$MenuName$/current]]+[limit[1]]' emptyMessage=<<inmysocksMobileMenusEmptyMessage """$MenuName$""" """$MenuType$""">>>
'' ''
</$list>
<$list filter='[text{$:/state/Menu/$MenuName$/current}removeprefix[$:/state/Menu/$MenuName$/]]-[[current]]+[limit[1]]' variable=ParentTiddler>
<$reveal type='match' state="Menu Macro!!normal_menu" text=$MenuType$>
<$button class='tc-btn-invisible'>{{$:/core/images/chevron-left}} ''<$view tiddler={{$:/state/Menu/$MenuName$/current}} field=caption><$view tiddler='$:/state/Menu/$MenuName$/current' field=text/></$view>''<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value=<<ParentTiddler>>/><$action-setfield $tiddler=<<inmysocksMobileMenusMakeParentState """$MenuName$""">> $value=''/></$button>
</$reveal>
<$reveal type='match' state="Menu Macro!!table_of_contents" text=$MenuType$>
<$button class='tc-btn-invisible'>{{$:/core/images/chevron-left}}<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value=<<ParentTiddler>>/><$action-setfield $tiddler=<<inmysocksMobileMenusTOCMakeParentState """$MenuName$""">> $value=''/></$button><$link to={{$:/state/Menu/$MenuName$/current}}>''<$view tiddler={{$:/state/Menu/$MenuName$/current}} field=caption><$view tiddler='$:/state/Menu/$MenuName$/current' field=text/></$view>''</$link>
</$reveal>
<$reveal type='match' state="Menu Macro!!table_of_contents_selective" text=$MenuType$>
<$button class='tc-btn-invisible'>{{$:/core/images/chevron-left}}<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value=<<ParentTiddler>>/><$action-setfield $tiddler=<<inmysocksMobileMenusTOCSelectiveMakeParentState """$MenuName$""">> $value=''/></$button><$link to={{$:/state/Menu/$MenuName$/current}}>''<$view tiddler={{$:/state/Menu/$MenuName$/current}} field=caption><$view tiddler='$:/state/Menu/$MenuName$/current' field=text/></$view>''</$link>
</$reveal>
</$list>
<$reveal type='match' state='Menu Macro!!include_subtitle' text=$ShowSubtitle$>
<$transclude tiddler={{$:/state/Menu/$MenuName$/current}} field='subtitle' mode=block/>
</$reveal>
<$list filter='[tag{$:/state/Menu/$MenuName$/current}limit[1]]' variable=ThisTiddler>
<<inmysocksMobileMenusTemplate """$MenuName$""" """$MenuType$""">>
</$list>
<$reveal type='match' state='Menu Macro!!include_body' text=$ShowBody$>
<$transclude tiddler={{$:/state/Menu/$MenuName$/current}} mode=block/>
</$reveal>
</$reveal>
\end
<<MobileMenu "Top Level" "Test" Menu """''This is a menu title''""">>
\define inmysocksMobileMenusTOCMakeState(MenuName)
$:/state/Menu/$MenuName$/$(CurrentTiddler)$
\end
\define inmysocksMobileMenusTOCMakeParentState(MenuName)
$:/state/Menu/$MenuName$/$(ParentTiddler)$
\end
\define inmysocksMobileMenusTOCEmptyMessage(MenuName)
<$button class='tc-btn-invisible'>{{$:/core/images/chevron-left}}<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value=''/></$button><$link to={{$:/state/Menu/$MenuName$/current}}>''<$view tiddler={{$:/state/Menu/$MenuName$/current}} field=caption><$view tiddler='$:/state/Menu/$MenuName$/current' field=text/></$view>''</$link>
\end
\define inmysocksMobileMenusTOCEmptyMessage2(MenuName)
<$list filter='[tag<CurrentTiddler>]'>
<$button class='tc-btn-invisible' set=<<inmysocksMobileMenusTOCMakeState """$MenuName$""">> setTo=<<currentTiddler>>>{{$:/core/images/right-arrow}}<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value={{!!title}}/></$button><$link to=<<currentTiddler>>><$view tiddler=<<currentTiddler>> field='caption'><$view tiddler=<<currentTiddler>> field='title'/></$view></$link><br>
</$list>
\end
\define inmysocksMobileMenusTOCTemplate(MenuName)
<$set name=CurrentTiddler value={{$:/state/Menu/$MenuName$/current}}>
<$list filter='[text<CurrentTiddler>removeprefix[$:/state/Menu/$MenuName$/]]-[[current]]+[limit[1]]' variable=ParentTiddler emptyMessage=<<inmysocksMobileMenusTOCEmptyMessage2 """$MenuName$""">>>
<$list filter='[tag<CurrentTiddler>]' variable=ThisTiddler2>
<$button class='tc-btn-invisible' set=<<inmysocksMobileMenusTOCMakeState """$MenuName$""">> setTo=<<ThisTiddler2>>>{{$:/core/images/right-arrow}}<$tiddler tiddler=<<ThisTiddler2>>><$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value={{!!title}}/></$tiddler></$button><$link to=<<ThisTiddler2>>><$view tiddler=<<ThisTiddler2>> field='caption'><$view tiddler=<<ThisTiddler2>> field='title'/></$view></$link><br>
</$list>
</$list>
</$set>
\end
\define MakeTOCMenu(RootTag:"RootTag" MenuName:Menu)
<$reveal type='match' state='$:/state/Menu/$MenuName$/current' text=''>
<$list filter='[tag[$RootTag$]]'>
<$button class='tc-btn-invisible' set='$:/state/Menu/$MenuName$/current' setTo={{!!title}}>{{$:/core/images/right-arrow}}<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value={{!!title}}/></$button><$link><$view field='caption'><$view field='title'/></$view></$link><br>
</$list>
</$reveal>
<$reveal type='nomatch' state='$:/state/Menu/$MenuName$/current' text=''>
<$list filter='[is[system]prefix[$:/state/Menu/$MenuName$/]has[text]]-[[$:/state/Menu/$MenuName$/current]]+[limit[1]]' emptyMessage=<<inmysocksMobileMenusTOCEmptyMessage """$MenuName$""">>>
'' ''
</$list>
<$list filter='[text{$:/state/Menu/$MenuName$/current}removeprefix[$:/state/Menu/$MenuName$/]]-[[current]]+[limit[1]]' variable=ParentTiddler>
<$button class='tc-btn-invisible'>{{$:/core/images/chevron-left}}<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value=<<ParentTiddler>>/><$action-setfield $tiddler=<<inmysocksMobileMenusTOCMakeParentState """$MenuName$""">> $value=''/></$button><$link to={{$:/state/Menu/$MenuName$/current}}>''<$view tiddler={{$:/state/Menu/$MenuName$/current}} field=caption><$view tiddler='$:/state/Menu/$MenuName$/current' field=text/></$view>''</$link>
</$list>
<$list filter='[tag{$:/state/Menu/$MenuName$/current}limit[1]]' variable=ThisTiddler>
<<inmysocksMobileMenusTOCTemplate """$MenuName$""">>
</$list>
</$reveal>
\end
\define inmysocksMobileMenusTOCSelectiveMakeState(MenuName)
$:/state/Menu/$MenuName$/$(CurrentTiddler)$
\end
\define inmysocksMobileMenusTOCSelectiveMakeParentState(MenuName)
$:/state/Menu/$MenuName$/$(ParentTiddler)$
\end
\define inmysocksMobileMenusTOCSelectiveEmptyMessage(MenuName)
<$button class='tc-btn-invisible'>{{$:/core/images/chevron-left}}<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value=''/></$button><$link to={{$:/state/Menu/$MenuName$/current}}>''<$view tiddler={{$:/state/Menu/$MenuName$/current}} field=caption><$view tiddler='$:/state/Menu/$MenuName$/current' field=text/></$view>''</$link>
\end
\define inmysocksMobileMenusTOCSelectiveEmptyMessage2(MenuName)
<$list filter='[tag<CurrentTiddler>]'>
<$list filter='[tag{!!title}limit[1]]' variable=dummy><$button class='tc-btn-invisible' set=<<inmysocksMobileMenusTOCSelectiveMakeState """$MenuName$""">> setTo=<<currentTiddler>>>{{$:/core/images/right-arrow}}<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value={{!!title}}/></$button></$list><$link to=<<currentTiddler>>><$view tiddler=<<currentTiddler>> field='caption'><$view tiddler=<<currentTiddler>> field='title'/></$view></$link><br>
</$list>
\end
\define inmysocksMobileMenusTOCSelectiveTemplate(MenuName)
<$set name=CurrentTiddler value={{$:/state/Menu/$MenuName$/current}}>
<$list filter='[text<CurrentTiddler>removeprefix[$:/state/Menu/$MenuName$/]]-[[current]]+[limit[1]]' variable=ParentTiddler emptyMessage=<<inmysocksMobileMenusTOCSelectiveEmptyMessage2 """$MenuName$""">>>
<$list filter='[tag<CurrentTiddler>]' variable=ThisTiddler2>
<$list filter='[tag{ThisTiddler2}limit[1]]' variable=dummy><$button class='tc-btn-invisible' set=<<inmysocksMobileMenusTOCSelectiveMakeState """$MenuName$""">> setTo=<<ThisTiddler2>>>{{$:/core/images/right-arrow}}<$tiddler tiddler=<<ThisTiddler2>>><$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value={{!!title}}/></$tiddler></$button></$list><$link to=<<ThisTiddler2>>><$view tiddler=<<ThisTiddler2>> field='caption'><$view tiddler=<<ThisTiddler2>> field='title'/></$view></$link><br>
</$list>
</$list>
</$set>
\end
\define MakeTOCMenuSelective(RootTag:"RootTag" MenuName:Menu)
<$reveal type='match' state='$:/state/Menu/$MenuName$/current' text=''>
<$list filter='[tag[$RootTag$]]'>
<$list filter='[tag{!!title}limit[1]]' variable=dummy><$button class='tc-btn-invisible' set='$:/state/Menu/$MenuName$/current' setTo={{!!title}}>{{$:/core/images/right-arrow}}<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value={{!!title}}/></$button></$list><$link><$view field='caption'><$view field='title'/></$view></$link><br>
</$list>
</$reveal>
<$reveal type='nomatch' state='$:/state/Menu/$MenuName$/current' text=''>
<$list filter='[is[system]prefix[$:/state/Menu/$MenuName$/]has[text]]-[[$:/state/Menu/$MenuName$/current]]+[limit[1]]' emptyMessage=<<inmysocksMobileMenusTOCSelectiveEmptyMessage """$MenuName$""">>>
'' ''
</$list>
<$list filter='[text{$:/state/Menu/$MenuName$/current}removeprefix[$:/state/Menu/$MenuName$/]]-[[current]]+[limit[1]]' variable=ParentTiddler>
<$button class='tc-btn-invisible'>{{$:/core/images/chevron-left}}<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value=<<ParentTiddler>>/><$action-setfield $tiddler=<<inmysocksMobileMenusTOCSelectiveMakeParentState """$MenuName$""">> $value=''/></$button><$link to={{$:/state/Menu/$MenuName$/current}}>''<$view tiddler={{$:/state/Menu/$MenuName$/current}} field=caption><$view tiddler='$:/state/Menu/$MenuName$/current' field=text/></$view>''</$link>
</$list>
<$list filter='[tag{$:/state/Menu/$MenuName$/current}limit[1]]' variable=ThisTiddler>
<<inmysocksMobileMenusTOCSelectiveTemplate """$MenuName$""">>
</$list>
</$reveal>
\end
---
<<MobileMenu MenuName:ListFieldMenu MenuType:Menu MenuTitle:"List Field Menu" ShowSubtitle:no ShowBody:no ListField:"list">>
\define inmysocksMobileMenusMakeState(MenuName)
$:/state/Menu/$MenuName$/$(CurrentTiddler)$
\end
\define inmysocksMobileMenusMakeParentState(MenuName)
$:/state/Menu/$MenuName$/$(ParentTiddler)$
\end
\define inmysocksMobileMenusEmptyMessage(MenuName MenuType)
<$reveal type='match' state="$:/macros/inmysocks/MobileMenu!!normal_menu" text=$MenuType$>
<$button class='tc-btn-invisible'>
<$tiddler tiddler={{$:/state/Menu/$MenuName$/current}}>
{{$:/core/images/chevron-left}}
''<$view field=caption>
<$view field=title/>
</$view>''
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value=''/>
</$tiddler>
</$button>
</$reveal>
<$reveal type='match' state="$:/macros/inmysocks/MobileMenu!!table_of_contents" text=$MenuType$>
<$button class='tc-btn-invisible'>
{{$:/core/images/chevron-left}}
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value=''/>
</$button>
<$link to={{$:/state/Menu/$MenuName$/current}}>
''<$view tiddler={{$:/state/Menu/$MenuName$/current}} field=caption><$view tiddler='$:/state/Menu/$MenuName$/current' field=text/></$view>''
</$link>
<br>
</$reveal>
<$reveal type='match' state="$:/macros/inmysocks/MobileMenu!!table_of_contents_selective" text=$MenuType$>
<$button class='tc-btn-invisible'>
{{$:/core/images/chevron-left}}
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value=''/>
</$button>
<$link to={{$:/state/Menu/$MenuName$/current}}>
''<$view tiddler={{$:/state/Menu/$MenuName$/current}} field=caption><$view tiddler='$:/state/Menu/$MenuName$/current' field=text/></$view>''
</$link>
<br>
</$reveal>
\end
\define inmysocksMobileMenusEmptyMessage2ListItem(MenuName MenuType)
<$reveal type='match' state="$:/macros/inmysocks/MobileMenu!!normal_menu" text=$MenuType$ tag=span>
<$button class='tc-btn-invisible' set=<<inmysocksMobileMenusMakeState """$MenuName$""">> setTo=<<currentTiddler>>>
{{$:/core/images/right-arrow}}<$view tiddler=<<currentTiddler>> field='caption'><$view tiddler=<<currentTiddler>> field='title'/></$view>
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value={{!!title}}/>
</$button>
<br>
</$reveal>
<$reveal type='match' state="$:/macros/inmysocks/MobileMenu!!table_of_contents" text=$MenuType$>
<$button class='tc-btn-invisible' set=<<inmysocksMobileMenusMakeState """$MenuName$""" """$MenuType$""">> setTo=<<currentTiddler>>>
{{$:/core/images/right-arrow}}
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value={{!!title}}/>
</$button>
<$link to=<<currentTiddler>>>
<$view tiddler=<<currentTiddler>> field='caption'><$view tiddler=<<currentTiddler>> field='title'/></$view>
</$link>
<br>
</$reveal>
<$reveal type='match' state="$:/macros/inmysocks/MobileMenu!!table_of_contents_selective" text=$MenuType$>
<$button class='tc-btn-invisible' set=<<inmysocksMobileMenusMakeState """$MenuName$""" """$MenuType$""">> setTo=<<currentTiddler>>>
{{$:/core/images/right-arrow}}
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value={{!!title}}/>
</$button>
<$link to=<<currentTiddler>>>
<$view tiddler=<<currentTiddler>> field='caption'><$view tiddler=<<currentTiddler>> field='title'/></$view>
</$link>
<br>
</$reveal>
\end
\define inmysocksMobileMenusEmptyMessage2(MenuName MenuType ListField)
<$reveal type='match' state='$:/macros/inmysocks/MobileMenu!!empty_field' text="""$ListField$""">
<$list filter='[tag<CurrentTiddler>]'>
<<inmysocksMobileMenusEmptyMessage2ListItem """$MenuName$""" """$MenuType$""">>
</$list>
</$reveal>
<$reveal type='nomatch' state='$:/macros/inmysocks/MobileMenu!!empty_field' text="""$ListField$""">
<$list filter={{!!$ListField$}}>
<<inmysocksMobileMenusEmptyMessage2ListItem """$MenuName$""" """$MenuType$""">>
</$list>
</$reveal>
\end
\define inmysocksMobileMenusTemplateListItemTOCSelectiveIsSpecial(MenuName MenuType ListField)
<$reveal type='match' state='$:/macros/inmysocks/MobileMenu!!empty_field' text="""$ListField$""">
<$list filter='[tag<ThisTiddler2>limit[1]]' variable=dummy>
<$button class='tc-btn-invisible' set=<<inmysocksMobileMenusMakeState """$MenuName$""" """$MenuType$""">> setTo=<<ThisTiddler2>>>
{{$:/core/images/right-arrow}}
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value=<<ThisTiddler2>>/>
</$button>
</$list>
</$reveal>
<$reveal type='nomatch' state='$:/macros/inmysocks/MobileMenu!!empty_field' text="""$ListField$""">
<$list filter={{!!$ListField$}} variable=dummy>
<$button class='tc-btn-invisible' set=<<inmysocksMobileMenusMakeState """$MenuName$""" """$MenuType$""">> setTo=<<ThisTiddler2>>>
{{$:/core/images/right-arrow}}
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value=<<ThisTiddler2>>/>
</$button>
</$list>
</$reveal>
\end
\define inmysocksMobileMenusTemplateListItem(MenuName MenuType ListField)
<$reveal type='match' state="$:/macros/inmysocks/MobileMenu!!normal_menu" text=$MenuType$>
<$button class='tc-btn-invisible' set=<<inmysocksMobileMenusMakeState """$MenuName$""">> setTo=<<ThisTiddler2>>>
{{$:/core/images/right-arrow}}<$view tiddler=<<ThisTiddler2>> field='caption'><$view tiddler=<<ThisTiddler2>> field='title'/></$view>
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value=<<ThisTiddler2>>/>
</$button>
<br>
</$reveal>
<$reveal type='match' state="$:/macros/inmysocks/MobileMenu!!table_of_contents" text=$MenuType$>
<$button class='tc-btn-invisible' set=<<inmysocksMobileMenusMakeState """$MenuName$""" """$MenuType$""">> setTo=<<ThisTiddler2>>>
{{$:/core/images/right-arrow}}
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value=<<ThisTiddler2>>/>
</$button>
<$link to=<<ThisTiddler2>>>
<$view tiddler=<<ThisTiddler2>> field='caption'><$view tiddler=<<ThisTiddler2>> field='title'/></$view>
</$link>
<br>
</$reveal>
<$reveal type='match' state="$:/macros/inmysocks/MobileMenu!!table_of_contents_selective" text=$MenuType$>
<<inmysocksMobileMenusTemplateListItemTOCSelectiveIsSpecial """$MenuName$""" """$MenuType$""" """$ListField$""">>
<$link to=<<ThisTiddler2>>>
<$view tiddler=<<ThisTiddler2>> field='caption'><$view tiddler=<<ThisTiddler2>> field='title'/></$view>
</$link>
<br>
</$reveal>
\end
\define inmysocksMobileMenusTemplate(MenuName MenuType ListField)
<$set name=CurrentTiddler value={{$:/state/Menu/$MenuName$/current}}>
<$list filter='[text<CurrentTiddler>removeprefix[$:/state/Menu/$MenuName$/]]-[[current]]+[limit[1]]' variable=ParentTiddler emptyMessage=<<inmysocksMobileMenusEmptyMessage2 """$MenuName$""" """$MenuType$""" """$ListField$""">>>
<$reveal type='match' state='$:/macros/inmysocks/MobileMenu!!empty_field' text="""$ListField$""">
<$list filter='[tag<CurrentTiddler>]' variable=ThisTiddler2>
<<inmysocksMobileMenusTemplateListItem """$MenuName$""" """$MenuType$""" """$ListField$""">>
</$list>
</$reveal>
<$reveal type='nomatch' state='$:/macros/inmysocks/MobileMenu!!empty_field' text="""$ListField$""">
<$list filter={{!!$ListField$}} variable=ThisTiddler2>
<<inmysocksMobileMenusTemplateListItem """$MenuName$""" """$MenuType$""" """$ListField$""">>
</$list>
</$reveal>
</$list>
</$set>
\end
\define inmysocksMobileMenusRootListEntry(MenuName MenuType)
<$reveal type='match' state="$:/macros/inmysocks/MobileMenu!!normal_menu" text=$MenuType$>
<$button class='tc-btn-invisible' set='$:/state/Menu/$MenuName$/current' setTo={{!!title}}>
{{$:/core/images/right-arrow}}<$view field='caption'><$view field='title'/></$view>
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value={{!!title}}/>
</$button>
<br>
</$reveal>
<$reveal type='match' state="$:/macros/inmysocks/MobileMenu!!table_of_contents" text=$MenuType$>
<$button class='tc-btn-invisible' set='$:/state/Menu/$MenuName$/current' setTo={{!!title}}>
{{$:/core/images/right-arrow}}
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value={{!!title}}/>
</$button>
<$link>
<$view field='caption'><$view field='title'/></$view>
</$link>
<br>
</$reveal>
<$reveal type='match' state="$:/macros/inmysocks/MobileMenu!!table_of_contents_selective" text=$MenuType$>
<$list filter='[tag{!!title}limit[1]]' variable=dummy>
<$button class='tc-btn-invisible' set='$:/state/Menu/$MenuName$/current' setTo={{!!title}}>
{{$:/core/images/right-arrow}}
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value={{!!title}}/>
</$button>
</$list>
<$link>
<$view field='caption'><$view field='title'/></$view>
</$link>
<br>
</$reveal>
\end
\define MobileMenu(RootTag:"RootTag" MenuName:Menu MenuType:Menu MenuTitle:"" ShowSubtitle:no ShowBody:no ListField:"")
<$reveal type=nomatch state="""$:/macros/inmysocks/MobileMenu!!include_title""" text="""$MenuTitle$""">
$MenuTitle$
</$reveal>
<$reveal type='match' state='$:/state/Menu/$MenuName$/current' text=''>
<$reveal type='match' state='$:/macros/inmysocks/MobileMenu!!empty_field' text="""$ListField$""">
<$list filter='[tag[$RootTag$]]'>
<<inmysocksMobileMenusRootListEntry """$MenuName$""" """$MenuType$""">>
</$list>
</$reveal>
<$reveal type='nomatch' state='$:/macros/inmysocks/MobileMenu!!empty_field' text="""$ListField$""">
<$list filter={{!!$ListField$}}>
<<inmysocksMobileMenusRootListEntry """$MenuName$""" """$MenuType$""">>
</$list>
</$reveal>
</$reveal>
<$reveal type='nomatch' state='$:/state/Menu/$MenuName$/current' text=''>
<$list filter='[is[system]prefix[$:/state/Menu/$MenuName$/]has[text]]-[[$:/state/Menu/$MenuName$/current]]+[limit[1]]' emptyMessage=<<inmysocksMobileMenusEmptyMessage """$MenuName$""" """$MenuType$""">>> </$list>
<$list filter='[text{$:/state/Menu/$MenuName$/current}removeprefix[$:/state/Menu/$MenuName$/]]-[[current]]+[limit[1]]' variable=ParentTiddler>
<$reveal type='match' state="$:/macros/inmysocks/MobileMenu!!normal_menu" text=$MenuType$>
<$button class='tc-btn-invisible' style='text-align:left'>
{{$:/core/images/chevron-left}}
''<$view tiddler={{$:/state/Menu/$MenuName$/current}} field=caption><$view tiddler={{$:/state/Menu/$MenuName$/current}} field=title/></$view>''
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value=<<ParentTiddler>>/>
<$action-setfield $tiddler=<<inmysocksMobileMenusMakeParentState """$MenuName$""">> $value=''/>
</$button>
</$reveal>
<$reveal type='match' state="$:/macros/inmysocks/MobileMenu!!table_of_contents" text=$MenuType$>
<$button class='tc-btn-invisible'>
{{$:/core/images/chevron-left}}
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value=<<ParentTiddler>>/>
<$action-setfield $tiddler=<<inmysocksMobileMenusTOCMakeParentState """$MenuName$""">> $value=''/>
</$button>
<$link to={{$:/state/Menu/$MenuName$/current}}>
''<$view tiddler={{$:/state/Menu/$MenuName$/current}} field=caption><$view tiddler={{$:/state/Menu/$MenuName$/current}} field=title/></$view>''
</$link>
<br>
</$reveal>
<$reveal type='match' state="$:/macros/inmysocks/MobileMenu!!table_of_contents_selective" text=$MenuType$>
<$button class='tc-btn-invisible'>
{{$:/core/images/chevron-left}}
<$action-setfield $tiddler='$:/state/Menu/$MenuName$/current' $value=<<ParentTiddler>>/>
<$action-setfield $tiddler=<<inmysocksMobileMenusTOCSelectiveMakeParentState """$MenuName$""">> $value=''/>
</$button>
<$link to={{$:/state/Menu/$MenuName$/current}}>
''<$view tiddler={{$:/state/Menu/$MenuName$/current}} field=caption><$view tiddler={{$:/state/Menu/$MenuName$/current}} field=title/></$view>''
</$link>
<br>
</$reveal>
</$list>
<$reveal type='match' state='$:/macros/inmysocks/MobileMenu!!include_subtitle' text=$ShowSubtitle$>
<$transclude tiddler={{$:/state/Menu/$MenuName$/current}} field='subtitle' mode=block/>
</$reveal>
<$reveal type='match' state='$:/macros/inmysocks/MobileMenu!!empty_field' text="""$ListField$""">
<$list filter='[tag{$:/state/Menu/$MenuName$/current}limit[1]]' variable=ThisTiddler>
<<inmysocksMobileMenusTemplate """$MenuName$""" """$MenuType$""" """$ListField$""">>
</$list>
</$reveal>
<$reveal type='nomatch' state='$:/macros/inmysocks/MobileMenu!!empty_field' text="""$ListField$""">
<$list filter={{!!$ListField$}} variable=ThisTiddler>
<<inmysocksMobileMenusTemplate """$MenuName$""" """$MenuType$""" """$ListField$""">>
</$list>
</$reveal>
<$reveal type='match' state='$:/macros/inmysocks/MobileMenu!!include_body' text=$ShowBody$>
<$transclude tiddler={{$:/state/Menu/$MenuName$/current}} mode=block/>
</$reveal>
</$reveal>
\end
---
<<MobileMenu "Top Level" "Other Test" Menu "This menu shows both the body and the subtitle" Subtitle Body>>
<<MobileMenu "Top Level" "TOC" "TOC">>
<<MobileMenu "Top Level" "SelectiveTOC" "TOC-Selective">>
!Selecting what to include on the menu
To select which buttons you want on your mobile menu, just go to the [[$:/ControlPanel]] and under `apareance > toolbars` open ''Mobile Bar''
This is my particular vision of a mobile theme for tiddlywiki5.
This is not a theme at all, but just a bunch of customizations to make TW5 more responsibe for small screens. Currently this is just a showcase, but the idea is to turn it into a plugin for easy install.
!!How to test it
The theme customizations are only visible on narrow screens. You can simulate this making this window smaller. Try making it less than {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}} wide.
<br>
Following the instructions at [[Conditional ViewTemplate Section|http://tb5.tiddlyspot.com/#Conditional%20ViewTemplate%20Section]] the above toc is displayed above the body of each tiddler having subtiddlers under the same "namespace" and is automatically generated via <<source [[$:/template/chapter-toc]]>>
<br>
A more toc without truncation could be generated using <<source [[$:/template/chapter-toc-basic]]>>
{{||$:/template/chapter-toc-basic}}
unas notas sobre [[ Capitulo 02|El Libro / Capitulo 02]] de [[El Libro]]
<$list filter="[prefix[El Libro]sort[title]]-[[El Libro]]" variable="sub">
<$set name="remove" value="El Libro {{$:/config/ChapterDelimiter}} ">
now trying to remove "<<remove>>" from "<<sub>>"
<$list filter="[<sub>removeprefix<remove>]" variable="truncated">
?!? NEVER ENTERED ?!?
<$link to=<<sub>>><<truncated>></$link><br>
</$list>
</$set>
</$list>
@@color:red;
The below code should gather all endings of filtered titles according to a delimiter, but `<prefix + delimiter>` won't yield a valid filter for the inner loop when set through a variable?! Compare to [[$:/template/chapter-toc]] with [[El Libro]].
[[$:/config/ChapterDelimiter]] = "{{$:/config/ChapterDelimiter}}"
Also, setting the delimiter to " / " truncates the leading blank upon transclusion. ''Bug!''
@@
This wiki explores handling sections in for TiddlyWiki using namespaces.
Take a look at [[El Libro]] to find a subtiddler-toc automaticall generated based on naming conventions like...
<$list filter="[prefix[El Libro]]">
</$list>
To achieve this, the template [[$:/template/chapter-toc]] is leveraged along with a configuration variable to specify a delimiter of your preference [[$:/config/NameSpaceDelimiter]].
Are we headed towards a NameSpaceWidget?
This entire exercise reminds me an awful lot of [[NameSpacePlugin|http://namespace.tiddlyspace.com]] and so I am thinking that we're headed towards the almighty ''$namespace'' widget, e.g. to dissect...
[[El Libro / Capitulo 01 / 002]]
!!Parameters
|!Parameters|!Meaning|!Options|!Default|
|`tiddler`|specifies the tiddler for the action|any tiddler name|`currentTiddler`|
|`link`|creates link(s)|`current`|returns the child title of currentTiddler, e.g. the last part of the namespace|
|~|~|`parent`|creates link to parent of `tiddler`|
|~|~|`children`|outputs a list of direct children to `tiddler`|
|~|~|`toc`|outputs a toc of all children to `tiddler`<br><br>when `tiddler` is set to `!all` outputs a toc for all tiddlers the namespace is comprised of|
|~|~|`crumbs`|outputs breadcrumbs for `currentTiddler`, see [[example|http://namespace.tiddlyspace.com/#%5B%5B2013.01%3AArticles%3AHow%20we%20landed%20on%20the%20moon%5D%5D]]|
|`level`|specifies the level for `link=parent`|`0` .. `n`|the parent of `currentTiddler`|
|`new`|creates child in namespace|`child`|creates child for `currentTiddler`|
|`delimiter`|specifies the namespace delimiter|any text|[[$:/config/NameSpaceDelimiter]]|
!!Markup Examples
;`<$namespace link="parent"/>`
:» link to parent of current tiddler
;`<$namespace link="parent" level="n"/>`
:» link to parent of level n, 0 being the outermost
;`<$namespace link="parent" level="0" tiddler="foo"/>`
:» link to parent of level 0 for tiddler foo
;`<$namespace link="parent" level="0" tiddler="foo" delimiter=" : "/>`
:» link to parent of level 0 for tiddler foo using the namespace-delimiter ` : `
;`<$namespace link="children"/>`
:» list children of current tiddler
;`<$namespace link="children" tiddler="parentFoo"/>`
:» list children of tiddler parentFoo
;`<$namespace link="toc"/>`
:» generate namespace toc for all tiddlers using namespace delimiters
:»» including self-evident parents, i.e. those having children
:»» including those that are specifically marked as parents
;`<$namespace link="toc" tiddler="foo"/>`
:» generate namespace toc for tiddler foo
;`<$namespace new="child"/>`
:» adds a child under the namespace of the current tiddler
;`<$namespace new="child" tiddler="foo"/>`
:» adds a child under the namespace of tiddler ''foo''
;`<$namespace link="crumbs"/>`
:» outputs crumbs for current tiddler
;`<$namespace link="crumbs" tiddler="foo"/>`
:» outputs crumbs for tiddler ''foo''
http://tb5.tiddlyspot.com
<$list filter="[prefix[El Libro]sort[title]]-[[El Libro]]" variable="sub">
<$list filter="[<sub>removeprefix[El Libro / ]]" variable="truncated">
<$link to=<<sub>>><<truncated>></$link><br>
</$list>
</$list>
<<hl "Defining Builds">>
See [[tiddlywiki.info]] for defining build targets.
Also see [[--init]] [[command|commands]].
<<hl Editions>>
When not specified, the [[<edition>]] defaults to the ''empty'' [[edition|editions]]. Any `includeWikis` definitions in an [[editions]]' [[tiddlywiki.info]] file are ignored.
When multiple editions are specified, those initialised later overwrite any files from those initialized before, the `tiddlywiki.info` file also copied from the last initialized edition.
The [[--editions]] [[comand|commands]] returns a list of available [[editions]].
Also see: [[environment-variables]].
''Note:'' For any plugins are already loaded, no older version will be loaded by [[tiddlywiki]].
!! Loading Encrypted Wikis
To load from an encrypted [[tiddlywiki]] file, first use the [[--password]] [[command|commands]] first:
```
tiddlywiki ./MyWiki --password pa55w0rd --load my_encrypted_wiki.html
```
The upgrade library is constructed as an ordinary plugin tiddler with the plugin type `library`. It contains a copy of all [[plugins]], [[themes]] and [[languages]] of the [[tiddlywiki]] repo.
See the <<tw UpgradeMechanism>> for more details.
<<hl Authentication>>
{{<password>}}
<<hl Encryption>>
With SSL you can achieve the same level of transit encryption as with online services like Google or Dropbox.
<$macrocall $name="note" text="""With [[tiddlywiki]] for [[node.js]] there is no encryption of data on the disk. You can only <<tw EncryptionMechanism "encrypt your wiki in the browser">>."""/>
[[<username>]] and [[<password>]] provide basic HTTP authentication. When specified, the browser prompts the user for both.
<<note """The [[<password>]] is transmitted in __plain text__. So, this implementation isn't suitable for general use!""">>>
Running [[tiddlywiki]] on [[node.js]], the [[--server]] [[command|commands]] by default exposes the wiki at a uri formed from protocol, host, and port, e.g.
`http://127.0.0.1:8080/`
To run the wiki for a custom path like:
`http://127.0.0.1:8080/path/to/my/wiki/`
follow these steps:
# use the [[--server]] [[command|commands]] passing the [[<pathprefix>]] argument as:<div>
`/path/to/my/wiki`
</div>
# configure the client by creating the following tiddler:<div>
title: `$:/config/tiddlyweb/host`<br>
text: `$protocol$//$host$/path/to/my/wiki/`
</div>
The kernel boots just enough of the [[tiddlywiki]] environment to allow it to load and execute module tiddlers. The module system is compatible with CommonJS and [[node.js]].
There are many different types of [[modules]]: parsers, deserializers, widgets etc. Even the core fields are defined via a modules; one specifies how the `tags` field is handled, and others for the `modified` and `created` fields. Some modules have sub-modules, e.g. the wikitext parser accepts parsing rules as individual plugin modules.
The tiddler [[$:/boot/boot.js]] is a barebones [[tiddlywiki]] kernel that is just sufficient to load the core plugin [[modules]] and trigger a [[startup]] module to load up the rest of the application.
Each module is an ordinary CommonJS module, using the `require()` function to access other modules and the `exports` global to return [[javascript]] values.
The [[boot]] kernel smooths over the differences between [[node.js]] and the browser, allowing the same plugin modules to execute in both environments.
The boot kernel includes:
* several short shared utility functions
* methods implementing the module mechanism
* the `$tw.Tiddler` class and field definition plugins
* the `$tw.Wiki` class, and tiddler deserialization methods
* code for the browser to load tiddlers from the HTML DOM
* code for the server to load tiddlers from the file system
!! Browser
In the browser, `core/boot.js` is packed into a template HTML file that contains the following elements in order:
* ordinary and system tiddlers, packed as [[html]] `<div>` elements
* `core/bootprefix.js`, containing a few lines to set up the plugin environment
* optional [[javascript]] [[modules]], packed as [[html]] `<script>` blocks
* `core/boot.js`, containing the boot kernel
!! Server
On the server, `core/boot.js` is executed directly. It uses the [[node.js]] local file API to load plugins directly from the file system in the `core/modules` directory. The code loading is performed synchronously for brevity and because the system is in any case inherently blocked until [[plugins]] are loaded.
The boot process sets up the `$tw` global variable that is used to store all the state data of the system.
At the end of the boot process the [[startup]] mechanism schedules the execution of startup modules to bring up the rest of [[tiddlywiki]].
Also see [[plugins]].
Before you can [[build|--build]] a [[standalone]] [[wiki]], make sure you have [[installed|Installing TiddlyWiki]] both [[node.js]] and [[tiddlywiki]]. Then use the [[--build]] [[command|commands]] on the <<cl>> to create the desired output wiki.
!! Example
Execute the following command from your [[wiki]] folder to build a [[standalone]] wiki:
```
tiddlywiki --rendertiddler $:/core/save/all index.html text/plain
```
!! Components
To build a classic version the following components are used:
; tiddlywiki/classictools
: a plugin with a deserializer module to load tiddlers from [[tiddlywiki]] 2.x.x `.recipe` files
; $view widget
: `format="stripcomments"` strips single-line [[javascript]] comments starting `//#`
; $fields widget
: `stripTitlePrefix='yes'` removes curly braced prefixes from the `title` attribute
: e.g. `{tiddler}HelloThere` becomes `HelloThere`
! Build
To build a classic [[tiddlywiki]] under [[node.js]]...
```
node ../../tiddlywiki.js \
--verbose \
--load <path_to_recipe_file> \
--rendertiddler $:/core/templates/tiddlywiki2.template.html <path_to_write_index_file> text/plain \
|| exit 1
```
Any [[tiddlywiki]] [[commands]] run from the <<cl>> are interpreted from left to right with their available [[parameters]], all arguments separated with spaces.
Available [[commands]] are prefixed `--`, their parameters are not:
```
tiddlywiki [<wikipath>] [--<command> [<arg>[,<arg>]]]
```
; [[<wikipath>]]
: {{!!p.wikipath}}
''available commands''
<<summaries "[tag[commands]sort[title]]">>
<dl>
<$list filter="[has[content-type]sort[title]]">
<dt><$view field="content-type"/></dt>
<dd>{{!!summary}}</dd>
<dd>see <$link><$view field="title"/></$link></dd>
</$list>
</dl>
<<summaries "[tag<currentTiddler>sort[title]]">>
# create an empty [[wiki]] folder in a convenient place
# to have [[tiddlywiki]] initialize your new wiki for you, use the [[--init]] command
#* alternatively, create a file called [[tiddlywiki.info]] containing the text:<div>
`{"themes": ["tiddlywiki/vanilla","tiddlywiki/snowwhite"]}`
</div>
#* or use the one of the [[empty edition|https://github.com/Jermolene/TiddlyWiki5/blob/master/editions/empty/tiddlywiki.info]] from the <<repo>>
# create a [[tiddlers (folder)]] inside of your [[wiki]] folder
# create new [[.tid]] files in it and use the [[--build]] command to generate a standalone wiki from them in the [[output (folder)]] of your [[wiki]] folder
# use the [[--server]] command to start the basic server and create / edit tiddlers in your browser, eventually placed back in your [[tiddlers (folder)]] by the server
Specified as a colon-delimited list of paths to have [[tiddlywiki]] search for:
; plugins
: `TIDDLYWIKI_PLUGIN_PATH`
; themes
: `TIDDLYWIKI_THEME_PATH`
; languages
: `TIDDLYWIKI_LANGUAGE_PATH`
; editions
: `TIDDLYWIKI_EDITION_PATH` - used by the [[--init]] [[command|commands]]
Paths should point to folders equivalent to those in the [[tiddlywiki github repository|http://github.com/Jermolene/TiddlyWiki5/]]:
; [[plugins]], [[themes]], [[languages]]
: folders structured as `publisher/plugin-name/<files>`
; [[editions]]
: containing edition folders `edition-name/<files>`
!! Example
```
TIDDLYWIKI_PLUGIN_PATH=~/MyPluginStore
tiddlywiki mywiki --build index
```
Also see <<tw TiddlerFields>>.
<<summaries field:"content-type">>
Using command-line operations with [[node.js]], [[tiddlywiki]] can perform a number of operations on [[wiki]] folders, tiddler [[files]] and [[standalone]] wiki files.
For example, the following command loads the tiddlers from a [[tiddlywiki]] [[html]] file and then saves one of them in [[static]] html:
```
tiddlywiki --verbose --load mywiki.html --rendertiddler ReadMe ./readme.html
```
Running `tiddlywiki` from your <<cl>> [[boots|boot]] [[tiddlywiki]] kernel, loads the core [[plugins]] and establishes an empty [[wiki]] store and then runs the specified [[commands]], in the above example [[--verbose]], [[--load]] and finally [[--rendertiddler]].
To explore a static representation of <<twcom>>, see <a href="http://tiddlywiki.com/static.html" target="_blank">static.html</a>. This is a static snapshot of the wiki as it is displayed on startup.
Links to other tiddlers point to static snapshots of the tiddlers in the form `/static/HelloThere.html`. Each [[static]] tiddler [[html]] file references a `static.css` stylesheet file.
The following commands generate the sample static version of <<twcom>>:
```
--rendertiddlers [!is[system]] $:/core/templates/static.tiddler.html static text/plain
--rendertiddler $:/core/templates/static.template.html static.html text/plain
--rendertiddler $:/core/templates/static.template.css static/static.css text/plain
```
* the first [[--rendertiddlers]] [[command|commands]] generates the [[html]] representation of all tiddlers
* the second [[--rendertiddler]] command saves the static version of $:/DefaultTiddlers
* the final [[--rendertiddler]] command saves the stylesheet
* all static files are placed in the ''output'' folder of the [[wiki]] folder
! Full Wiki Snapshot
You can produce a single [[html]] file containing a [[static]] representation of all tiddlers using standard [[html]] anchor links to jump between them.
For an example, see <a href="http://tiddlywiki.com/alltiddlers.html">alltiddlers.html</a> which is built with the following [[command|commands]]:
```
--rendertiddler $:/core/templates/alltiddlers.template.html alltiddlers.html text/plain
```
!! Hosting
; ~GitHub Pages
: allow you to to host static files alongside your GitHub project
: http://pages.github.com
You have a number of options to leverage [[tiddlywiki]] for your project documentation...
* easily produce a [[readme.md]] for inclusion in your project
* public access via [[github pages|github]] you can...
** generate a [[standalone]] [[wiki]] for project documentation
** generate [[static]] [[html]] files
All of the above methods are used by [[tiddlywiki]] the project itself.
<<<
~TiddlyWiki is different from other wikis because of its principle of dynamically customizeable "storyline" based on tiddlers as basic units of information. That is, the user "composes" their own version of the webpage by clicking on tiddler links, which add tiddlers to the page in order to compose a storyline.
The Node.js implementation in ~TiddlyWiki5 adds all the advantages of flat-file markup language based type of site. This makes ~TiddlyWiki an excellent alternative to flat-file based CMS/webpage/blog authoring systems for the web.
Also very cool is the treatment of tags as menus everywhere.
<<<
External images in [[tiddlywiki]] are tiddlers that point to the URI of an image, rather than embedding the full image data. They can perform better than embedded images, particularly with large numbers or sizes of images. However, using them breaks the single file pattern of [[tiddlywiki]].
External images are used in the browser. They can be created by the Node.js configuration when it builds a [[tiddlywiki]], or they can be created manually within the browser.
! What is an External Image
An external image is an ordinary image tiddler that has a ''_canonical_uri'' field containing the URI of the image. The URI can be absolute or relative to the HTML document. If the canonical URI is provided then the ''text'' field of the tiddler is ignored and so should be omitted.
! Manually Creating External Images
To manually create an external image just create the tiddler with the appropriate image content type, and add a ''_canonical_uri'' field with a URI pointing to the actual image location.
''IMPORTANT:'' Double-check your spelling. ``_canonical_uri`` is spelled [[URI|https://en.wikipedia.org/wiki/URI#The_relationship_between_URIs.2C_URLs.2C_and_URNs]], not URL.
! Creating external images under Node.js
The following steps are used to create a static HTML file version of a wiki accompanied by an ''images'' folder containing the referenced external images:
# Create image tiddlers in your [[tiddlywiki]]Folders in the usual way
# Save the images as separate files (by convention, in a subfolder named ''images'')
# Externalise the image tiddlers by giving them a ''_canonical_uri'' field
# Save the main HTML file
Note the image files must be saved before they are externalised. Externalising them destroys the ''text'' field within the in-memory copy of the wiki store, meaning that attempts to save them will fail.
For an example, take a look at the ''externalimages'' [[build|--build]] [[target|<target>]] of the ''tw5.com'' wiki:
```
--savetiddlers [is[image]] images
--setfield [is[image]] _canonical_uri $:/core/templates/canonical-uri-external-image text/plain
--setfield [is[image]] text "" text/plain
--rendertiddler $:/core/save/all externalimages.html text/plain
```
!! Saving Separate Image Files
The following `--savetiddlers` command can be used to save the images of a wiki into an ''images'' subfolder:
```
--savetiddlers [is[image]] images
```
!! Externalising Image Tiddlers
Two `--setfield` commands are used: the first sets the ''_canonical_uri'' field to a URI derived from the title of the tiddler, and the second clears the text field.
```
--setfield [is[image]] _canonical_uri $:/core/templates/canonical-uri-external-image text/plain
--setfield [is[image]] text "" text/plain
```
The template tiddler [[$:/core/templates/canonical-uri-external-image]] contains:
<pre>
<$view tiddler="$:/core/templates/canonical-uri-external-image" field="text" format="text"/>
</pre>
Note that these operations modify the tiddlers in the wiki store and so may affect the operation of subsequent commands.
! Using External Images
You can't edit an external image directly in the browser except by changing the URI field to point to a different image.
|!Tiddler |!Info |!Values |
|[[$:/info/browser]] |running in the browser?| `yes` / `no` |
|[[$:/info/node]] |running under [[node.js]]?| `yes` / `no` |
<<note """The [[browser-sniff|http://tiddlywiki.com/#%24%3A%2Fplugins%2Ftiddlywiki%2Fbrowser-sniff]] plugin extends this method by providing details about the current browser environment.""">>
# ''install'' [[node.js]]
#* from http://nodejs.org
# ''install'' [[tiddlywiki]]
#* as an administrator, enter on your ([[node.js]]) command-line:
#* `npm install -g tiddlywiki` or...
#* `sudo npm install -g tiddlywiki` (to run as admin on linux/mac)
#* `-g` installs [[tiddlywiki]] globally; otherwise it is only available where installed
# ''verify''
#* `tiddlywiki --version`
#* [[tiddlywiki]] should report its version, e.g. <<version>> (and other debug info)
# ''test''
## on the command-line, navigate to a desired target folder for your new wiki
## create a new [[wiki]] folders with a basic configuration, e.g. [[tiddlywiki.info]]:
##* `tiddlywiki mywiki --init server` (see [[--init]])
## start the [[tiddlywiki]] server:
##* `tiddlywiki mywiki --server` (see [[--server]])
## open your browser and visit:
##* `http://127.0.0.1:8080`
## create and edit tiddlers observing the command-line and [[tiddlers (folder)]]
!! Debian
If you receive a `node: command not found` error even though [[node.js]] is installed, you need to create a symbolic link between `nodejs` and `node`.
; debian v8.0
: `sudo ln -s /usr/bin/nodejs /usr/bin/node`
See github [[issue 1434|http://github.com/Jermolene/TiddlyWiki5/issues/1434]].
{{{[[JavaScript]backlinks[]]}}}
''JSON'' specifies a compact and efficient file format to transport data over the web.
<<<
For a new job, I decided to set up a personal wiki to keep notes. I wanted to keep it simple, meeting these requirements...
* All the data is in a Dropbox folder (so it can be automatically synced between machines)
* It must support Markdown syntax
After looking at the options, I settled on ~TiddlyWiki. I've used "classic ~TiddlyWiki" before, and liked its simplicity, but I was always a little annoyed with the weird steps you have to go through to save changes. The new version of ~TiddlyWiki includes support for running it as a real HTTP server, so you can use it just like an online wiki.
But it took me a couple of hours to figure out how to set that up. The ~TiddlyWiki documentation is not clear ("not clear" is a euphemistic way of saying "terrible"). So, I've written up these instructions in the hope it will spare somebody else all the frustration I had.
<<<
In a [[standalone]] [[tiddlywiki]] [[html]] file, all tiddlers are fully embedded. By contrast, in a client-server environment, lazy loading refers to serving only metadata about a tiddler, that is all fields except the `text` field which is served only when requested.
Currently, lazy loading is only implemented for a [[tiddlywiki]] running in a browser talking to a [[tiddlyweb]]-compatible server in one of the following configurations:
# for [[tiddlywiki]] served via [[node.js]], image tiddlers can be subject to lazy loading
#* to enable, use the [[--server]] [[command|commands]] as follows:<div>
`tiddlywiki --server 8080 $:/core/save/lazy-images`
</div>
# when syncing with [[tiddlyweb]], all tiddlers are subject to lazy loading
!! Node.js
For lazy loading via the [[--server]] [[command|commands]] for [[node.js]], the [[tiddlywiki]] core provides a template that enables images to be lazily loaded while other tiddlers are packaged into the initial html file in the usual way.
!! ~TiddlyWeb
The [[tiddlyweb]] plugin implements lazy loading by first requesting a "skinny" version of each tiddler, that is all fields of a tiddler except `text`. Subsequently, reading from skinny tiddlers via `wiki.getTiddler()` returns just the skinny fields whereas. Only a call to `wiki.getTiddlerText()` triggers an asynchronous load of the full tiddler text, in turn refreshing the display to reflect the newly loaded tiddler.
!! Search
The browser-based search in [[tiddlywiki]] only searches the text of fully loaded tiddlers. In a client-server configuration the expectation is that is should be the server that handles search operations, as it only the server has access to the text field. For the future, the plan is to integrate the built in search with the [[tiddleweb]] search apo. In a basic approach, a local search triggers an asynchronous server side search. The results of the search is asynchronously loaded and dynamically appears in the local search results.
!! Loaded Modules
{{$:/core/ui/ControlPanel/LoadedModules}}
Important benefits of using [[tiddlywiki] on [[node.js]] brings over a [[stnadalone]] version are:
* tiddlers are stored in individual files that you can organise to your liking
* build multiple wikis blending different combinations of unique or shared content
* edit content in your favorite editor or any suitable browser
<<tagging>>
\define param-link() <$link to="<$(param)$>"><$text text="<$(param)$>"></$link>
\define param-field() p.$(param)$
\define param-commands()
<$list filter="[has<param-field>sort[title]]"><$link><$view field=title/></$link> </$list>
\end
<dl>
<$list filter="[tag[parameters]removeprefix[<]removesuffix[>]sort[title]]" variable="param">
<dt><<param-link>></dt>
<dd><<param-commands>></dd>
</$list>
</dl>
When a repository is visited, [[github]] will look for a `readme.md` file and display it. As a security measure, github displays [[markdown]] instead of full [[html]] files.
Based on the safe subset of html elements permitted by markdown, you can use the [[--rendertiddler]] command on the <<cl>> to have [[tiddlywiki]] save the contents of the html representation of a tiddler as a ''readme.md'' suitable for github:
```
--rendertiddler ReadMe ./readme.md text/html
```
<<<
» renders the tiddler <<tw ReadMe>><br>
» saves it to the file `./readme.md`<br>
» in the format `text/html`
<<<
By default, internal wiki links are rendered as html `<a>` elements to a relative uri consisting of the title of the tiddler.
Depending on whether you use a [[standalone]] wiki or [[static]] files, add or modify the macro `tv-wikilink-template`, see source of <<tw ReadMe>>:
```
\define tv-wikilink-template() http://tiddlywiki.com/static/$uri_doubleencoded$.html
```
The above redirect all internal links to static [[html]] files for tiddlers on <<twcom>>. See the <<tw LinkWidget>> for more details.
The following steps are involved:
# the filter in $:/config/SaverFilter specifies which tiddlers when modified trigger the dirty state for the [[wiki]] in a browser, "dirty" meaning: the wiki needs saving
# the ''save button'' {{$:/core/ui/Buttons/save}} is used to dispatch a <<tw "WidgetMessage%3A%20tm-save-wiki" tm-save-wiki>> message that triggers the saving operation
# the optional parameter for ''tm-save-wiki'' specifies the template used for generating the [[html]] file, defaulting to $:/core/save/all
#* in the client-server configuration, the [[tiddlyweb]] plugin uses the template [[$:/plugins/tiddlywiki/tiddlyweb/save/offline|https://github.com/Jermolene/TiddlyWiki5/blob/master/plugins/tiddlywiki/tiddlyweb/save-offline.tid]] instead
# a variable assignment in the template specifies a filter for all tiddlers to be included in the saved file while transcluding the main page template [[$:/core/templates/tiddlywiki5.html]]
#* the template includes a reference that allows you to customise the filter by defining a global variable called ''publishFilter''
# eventually, ''tm-save-wiki'' renders the template to generate the [[html]] file chosing the highest priority saver module to handle saving the file
For more details, see: http://tiddlywiki.com/dev/#Saver
<<<
I never used [[node.js]] until a couple weeks ago when I wanted to try a [[TW5|tiddlywiki]] installation on [[node|node.js]] and expand my knowledge a bit. I figured someone else may be in the same boat so I wrote it all down.
<<<
For [[tiddlywiki]] to show external resources in the browser you have to use [[--build]] to output a [[standalone]] wiki or [[static]] folders referencing these image files.
To serve external resources like images you could use a second server that knows how to handle images. However, the two servers need to run at different ports / addresses. Which means that simple canonical addresses will ''not'' work. Instead, you'll need to alter $:/core/templates/canonical-uri-external-image to create a long path for the image, e.g. http://127.0.0.1:8084/some-image.jpg.
Anytime you change image server address or port, or when creating a stand-alone version, you would need to change the paths for all images.
The startup mechanism runs the installed startup modules at the end of the [[boot]] process.
!! Startup Modules
Modules with their ''module-type'' field set to `startup`:
* Must export a `startup` function
** For synchronous startup modules the startup function is called as `startup()`, asynchronous modules are passed a callback they must invoke on completion: `startup(callback)`
* May export a `name` property that is used to identify the task
* May export a `after` property containing an array of names of dependent tasks that must be run before this one
* May export a `before` property containing an array of names of tasks that must be run after this one
* May export a `platforms` property containing an array of names of platforms that are required in order for the startup module to be executed. The defined platforms are ''node'' and ''browser''. If the `platforms` property is not provided it defaults to `["node","browser"]`
!! Startup Processing
Startup modules are executed in sequence according to their declared dependencies.
There is no guarantee of the execution order of tasks that share the same dependencies.
!! Startup Modules
The core defines the following startup modules:
{{Startup Modules.svg}}
For [[javascript]] testing [[tiddlywiki]] incorporates the [[jasmine|http://pivotal.github.io/jasmine]] framework which allows the same tests to be run both in a [[standalone]] [[wiki]] in the browser and under [[node.js]].
!! Components
There are two main elements testing in [[tiddlywiki]]:
* the plugin ''tiddlywiki/jasmine'' which wraps ''jasmine'' into a plugin
* the edition `test` containing the core test specifications, including the ''jasmine'' plugin
!! Running Tests
To run the tests under [[node.js]] navigate to the ''test'' <<s edition>> in your <<cl>>.
To display test results right on the command-line run:
```
tiddlywiki
```
To generate a [[standalone]] wiki run:
```
tiddlywiki --verbose --rendertiddler $:/core/save/all test.html text/plain
```
Open ''test.html'' in the ''output'' folder to see the test results in your browser.
A prebuilt version of ''test.html'' can be found at: http://tiddlywiki.com/test.html
You can synchronize a <<tw>> running in the browser with <<twb>> / <<ts>>.
The [[--server]] [[command|commands]] generates a [[standalone]] wiki containing the plugin $:/plugins/tiddlywiki/tiddlyweb providing the necessary interface which...
* by default implements [[lazy-loading]]
* provides two way synchronisation between browser and server
** synchronising from the server is accomplished by polling (every 60 seconds)
* throttles communication so that rapid changes don't overwhelm the server
** e.g. drafts / tiddlerss in edit-mode
To try it out...
# create an account at <<ts>>
# create a new space, eg `<myspace>`
# include the space `tw5tiddlyweb` in your <<ts>> controlpanel
# visit `http://<myspace>.tiddlyspace.com/tw5`
<<ref>>
Also take a look at the <<repo>>.
The JSON data consists of an object with a `tiddlers` property containing an array of tiddlers and information as to how to load each into the wiki, consistsing of:
; file
: the relative or absolute path to the file to include
; fields
: an object containing fields that override any provided in the tiddler file
; prefix / suffix
: (optional) specify strings to be prefixed and suffixed to the tiddler file text content
!! Example
Velow the content of the [[tiddlywiki.files]] in the [[tiddlers (folder)]] of the [[D3 plugin|http://tiddlywiki.com/plugins/tiddlywiki/d3]]:
<$codeblock language="javascript" code={{$:/.node/examples/tiddlywiki.files}}/>
The [[tiddlywiki.info]] file in a wiki folder defines a JSON object with following fields:
; plugins
: an array of plugin names to be included in the wiki
; themes
: an array of theme names to be included in the wiki
; languages
: an array of language names to be included in the wiki
; includeWikis
: an array of references to external wiki folders to be included in the wiki
; build
: a hashmap of named targets, each defined as an array of commands, see [[--build]]
; config
: an optional hashmap of configuration options (see below)
!!! ''includeWikis''
The entries in the ''includeWikis'' array can be either a string specifying the relative path to the wiki, or an object with the following fields:
* ''path'' - relative path to wiki folder
* ''read-only'' - set //true// to prevent the tiddlers in the included wiki from being modified. The modifications will be written to the directory specified in ''default-tiddler-location'', described below
!!! ''build''
Note that the build targets of included wikis are merged if a target of that name isn't defined in the current `tiddlywiki.info` file.
!!! ''config''
Configuration options include:
* ''default-tiddler-location'' - a string path to the default location for the filesystem adaptor to save new tiddlers (resolved relative to the wiki folder)
* ''retain-original-tiddler-path'' - If true, the server will generate a tiddler [[$:/config/OriginalTiddlerPaths]] containing the original file paths of each tiddler in the wiki
!!! Example
<$codeblock language="javascript" code={{$:/.node/examples/tiddlywiki.info}}/>
With any core update, please remember ''The First Rule Of Using ~TiddlyWiki'':
<<<
//You are responsible for looking after your own data; take care to make backups, especially when upgrading the ~TiddlyWiki core.//
<<<
To update [[tiddlywiki]] on [[node.js]], run as an administrator from your command-line:
`npm update -g tiddlywiki`
To run as admin on linux / mac:
`sudo npm update -g tiddlywiki`
For upgrading a [[standalone]] wiki, see <<tw Upgrading>>.
This wiki provides an overview for using [[tiddlywiki]] under [[node.js]] on the basis of related content from ''tiddlywiki.com''.
<<summaries "[[concepts]tagging[]]">>
By default, [[tiddlywiki]] on [[node.js]] stores individual tiddler [[files]]. These can be edited in a browser using the default client-server configuration via the [[--server]] [[command|commands]]. Additionally, it can generate [[standalone]] wikis for display in browser using the [[--build]] [[command|commands]] or turn tiddlers into static html files using the [[--rendertiddlers]] [[command|commands]].
A wiki folder is comprised of the following:
<dl>
<$list filter="[[wiki]tagging[]]">
<dt><$link><$view field="caption"><$view field="title"/></$view></$link></dt>
<dd><$list filter="[all[current]has[is]]">({{!!is}}) </$list>{{!!summary}}</dd>
</$list>
</dl>
Any files and folders not listed above are ignored.
<$list filter="[tag[CommunityPlugins]has[twcs-error]each[twcs-error]sort[twcs-error]]">
<div class="tc-menu-list-item">
<strong><$view field="twcs-error"/></strong>
<$list filter="[twcs-error{!!twcs-error}]">
<div class="tc-menu-list-subitem">
<$link to={{!!title}}><$view field="title"/></$link>
</div>
</$list>
</div>
</$list>
{
"tiddlers": {
"$:/plugins/inmysocks/extrafilters/angreaterthan.js": {
"text": "/*\\\ntitle: $:/plugins/inmysocks/extrafilters/angreaterthan.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for checking if an alphanumeric value is greater than an operand.\nHere greater than means comes after in an alphanumeric sort, so b > a and 2 > 10.\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.angreaterthan = function(source,operator,options) {\n\tvar results = [],\n\tfieldname = (operator.suffix || \"title\").toLowerCase();\n\tif(operator.prefix === \"!\") {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(tiddler) {\n\t\t\t\tvar text = tiddler.getFieldString(fieldname);\n\t\t\t\tif(text.toLowerCase() <= operator.operand.toLowerCase()) {\n\t\t\t\t\tresults.push(title);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t} else {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(tiddler) {\n\t\t\t\tvar text = tiddler.getFieldString(fieldname);\n\t\t\t\tif(text.toLowerCase() > operator.operand.toLowerCase()) {\n\t\t\t\t\tresults.push(title);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n\treturn results;\n};\n\n})();\n\n",
"title": "$:/plugins/inmysocks/extrafilters/angreaterthan.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/plugins/inmysocks/extrafilters/anlessthan.js": {
"text": "/*\\\ntitle: $:/plugins/inmysocks/extrafilters/anlessthan.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for checking if an alphanumeric value is less than an operand. `lessthan` in this case means 'comes before in an alphabetical sort'.\nSo a < b and 10 < 2\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.anlessthan = function(source,operator,options) {\n\tvar results = [],\n\t\tfieldname = (operator.suffix || \"title\").toLowerCase();\n\tif(operator.prefix === \"!\") {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(tiddler) {\n\t\t\t\tvar text = tiddler.getFieldString(fieldname);\n\t\t\t\tif(text.toLowerCase() >= operator.operand.toLowerCase()) {\n\t\t\t\t\tresults.push(title);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t} else {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(tiddler) {\n\t\t\t\tvar text = tiddler.getFieldString(fieldname);\n\t\t\t\tif(text.toLowerCase() < operator.operand.toLowerCase()) {\n\t\t\t\t\tresults.push(title);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n\treturn results;\n};\n\n})();\n\n",
"title": "$:/plugins/inmysocks/extrafilters/anlessthan.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/plugins/inmysocks/extrafilters/greaterthan.js": {
"text": "/*\\\ntitle: $:/plugins/inmysocks/extrafilters/greaterthan.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for checking if a numeric value is greater than an operand\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.greaterthan = function(source,operator,options) {\n\tvar results = [],\n\tfieldname = (operator.suffix || \"title\").toLowerCase();\n\tif(operator.prefix === \"!\") {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(tiddler) {\n\t\t\t\tvar text = tiddler.getFieldString(fieldname);\n\t\t\t\tif(Number(text) <= Number(operator.operand)) {\n\t\t\t\t\tresults.push(title);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t} else {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(tiddler) {\n\t\t\t\tvar text = tiddler.getFieldString(fieldname);\n\t\t\t\tif(Number(text) > Number(operator.operand)) {\n\t\t\t\t\tresults.push(title);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n\treturn results;\n};\n\n})();\n\n",
"title": "$:/plugins/inmysocks/extrafilters/greaterthan.js",
"type": "application/javascript",
"module-type": "filteroperator"
},
"$:/plugins/inmysocks/extrafilters/lessthan.js": {
"text": "/*\\\ntitle: $:/plugins/inmysocks/extrafilters/lessthan.js\ntype: application/javascript\nmodule-type: filteroperator\n\nFilter operator for checking if a numeric value is less than an operand\n\n\\*/\n(function(){\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\n/*\nExport our filter function\n*/\nexports.lessthan = function(source,operator,options) {\n\tvar results = [],\n\t\tfieldname = (operator.suffix || \"title\").toLowerCase();\n\tif(operator.prefix === \"!\") {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(tiddler) {\n\t\t\t\tvar text = tiddler.getFieldString(fieldname);\n\t\t\t\tif(Number(text) >= Number(operator.operand)) {\n\t\t\t\t\tresults.push(title);\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tresults.push(title);\n\t\t\t}\n\t\t});\n\t} else {\n\t\tsource(function(tiddler,title) {\n\t\t\tif(tiddler) {\n\t\t\t\tvar text = tiddler.getFieldString(fieldname);\n\t\t\t\tif(Number(text) < Number(operator.operand)) {\n\t\t\t\t\tresults.push(title);\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n\treturn results;\n};\n\n})();\n\n",
"title": "$:/plugins/inmysocks/extrafilters/lessthan.js",
"type": "application/javascript",
"module-type": "filteroperator"
}
}
}
{
"tiddlers": {
"$:/plugins/tiddlywiki/highlight/highlight.js": {
"text": "!function(e){\"undefined\"!=typeof exports?e(exports):(window.hljs=e({}),\"function\"==typeof define&&define.amd&&define([],function(){return window.hljs}))}(function(e){function n(e){return e.replace(/&/gm,\"&\").replace(/</gm,\"<\").replace(/>/gm,\">\")}function t(e){return e.nodeName.toLowerCase()}function r(e,n){var t=e&&e.exec(n);return t&&0==t.index}function a(e){var n=(e.className+\" \"+(e.parentNode?e.parentNode.className:\"\")).split(/\\s+/);return n=n.map(function(e){return e.replace(/^lang(uage)?-/,\"\")}),n.filter(function(e){return N(e)||/no(-?)highlight/.test(e)})[0]}function o(e,n){var t={};for(var r in e)t[r]=e[r];if(n)for(var r in n)t[r]=n[r];return t}function i(e){var n=[];return function r(e,a){for(var o=e.firstChild;o;o=o.nextSibling)3==o.nodeType?a+=o.nodeValue.length:1==o.nodeType&&(n.push({event:\"start\",offset:a,node:o}),a=r(o,a),t(o).match(/br|hr|img|input/)||n.push({event:\"stop\",offset:a,node:o}));return a}(e,0),n}function c(e,r,a){function o(){return e.length&&r.length?e[0].offset!=r[0].offset?e[0].offset<r[0].offset?e:r:\"start\"==r[0].event?e:r:e.length?e:r}function i(e){function r(e){return\" \"+e.nodeName+'=\"'+n(e.value)+'\"'}l+=\"<\"+t(e)+Array.prototype.map.call(e.attributes,r).join(\"\")+\">\"}function c(e){l+=\"</\"+t(e)+\">\"}function u(e){(\"start\"==e.event?i:c)(e.node)}for(var s=0,l=\"\",f=[];e.length||r.length;){var g=o();if(l+=n(a.substr(s,g[0].offset-s)),s=g[0].offset,g==e){f.reverse().forEach(c);do u(g.splice(0,1)[0]),g=o();while(g==e&&g.length&&g[0].offset==s);f.reverse().forEach(i)}else\"start\"==g[0].event?f.push(g[0].node):f.pop(),u(g.splice(0,1)[0])}return l+n(a.substr(s))}function u(e){function n(e){return e&&e.source||e}function t(t,r){return RegExp(n(t),\"m\"+(e.cI?\"i\":\"\")+(r?\"g\":\"\"))}function r(a,i){if(!a.compiled){if(a.compiled=!0,a.k=a.k||a.bK,a.k){var c={},u=function(n,t){e.cI&&(t=t.toLowerCase()),t.split(\" \").forEach(function(e){var t=e.split(\"|\");c[t[0]]=[n,t[1]?Number(t[1]):1]})};\"string\"==typeof a.k?u(\"keyword\",a.k):Object.keys(a.k).forEach(function(e){u(e,a.k[e])}),a.k=c}a.lR=t(a.l||/\\b[A-Za-z0-9_]+\\b/,!0),i&&(a.bK&&(a.b=\"\\\\b(\"+a.bK.split(\" \").join(\"|\")+\")\\\\b\"),a.b||(a.b=/\\B|\\b/),a.bR=t(a.b),a.e||a.eW||(a.e=/\\B|\\b/),a.e&&(a.eR=t(a.e)),a.tE=n(a.e)||\"\",a.eW&&i.tE&&(a.tE+=(a.e?\"|\":\"\")+i.tE)),a.i&&(a.iR=t(a.i)),void 0===a.r&&(a.r=1),a.c||(a.c=[]);var s=[];a.c.forEach(function(e){e.v?e.v.forEach(function(n){s.push(o(e,n))}):s.push(\"self\"==e?a:e)}),a.c=s,a.c.forEach(function(e){r(e,a)}),a.starts&&r(a.starts,i);var l=a.c.map(function(e){return e.bK?\"\\\\.?(\"+e.b+\")\\\\.?\":e.b}).concat([a.tE,a.i]).map(n).filter(Boolean);a.t=l.length?t(l.join(\"|\"),!0):{exec:function(){return null}}}}r(e)}function s(e,t,a,o){function i(e,n){for(var t=0;t<n.c.length;t++)if(r(n.c[t].bR,e))return n.c[t]}function c(e,n){return r(e.eR,n)?e:e.eW?c(e.parent,n):void 0}function f(e,n){return!a&&r(n.iR,e)}function g(e,n){var t=x.cI?n[0].toLowerCase():n[0];return e.k.hasOwnProperty(t)&&e.k[t]}function p(e,n,t,r){var a=r?\"\":E.classPrefix,o='<span class=\"'+a,i=t?\"\":\"</span>\";return o+=e+'\">',o+n+i}function d(){if(!w.k)return n(y);var e=\"\",t=0;w.lR.lastIndex=0;for(var r=w.lR.exec(y);r;){e+=n(y.substr(t,r.index-t));var a=g(w,r);a?(B+=a[1],e+=p(a[0],n(r[0]))):e+=n(r[0]),t=w.lR.lastIndex,r=w.lR.exec(y)}return e+n(y.substr(t))}function h(){if(w.sL&&!R[w.sL])return n(y);var e=w.sL?s(w.sL,y,!0,L[w.sL]):l(y);return w.r>0&&(B+=e.r),\"continuous\"==w.subLanguageMode&&(L[w.sL]=e.top),p(e.language,e.value,!1,!0)}function v(){return void 0!==w.sL?h():d()}function b(e,t){var r=e.cN?p(e.cN,\"\",!0):\"\";e.rB?(M+=r,y=\"\"):e.eB?(M+=n(t)+r,y=\"\"):(M+=r,y=t),w=Object.create(e,{parent:{value:w}})}function m(e,t){if(y+=e,void 0===t)return M+=v(),0;var r=i(t,w);if(r)return M+=v(),b(r,t),r.rB?0:t.length;var a=c(w,t);if(a){var o=w;o.rE||o.eE||(y+=t),M+=v();do w.cN&&(M+=\"</span>\"),B+=w.r,w=w.parent;while(w!=a.parent);return o.eE&&(M+=n(t)),y=\"\",a.starts&&b(a.starts,\"\"),o.rE?0:t.length}if(f(t,w))throw new Error('Illegal lexeme \"'+t+'\" for mode \"'+(w.cN||\"<unnamed>\")+'\"');return y+=t,t.length||1}var x=N(e);if(!x)throw new Error('Unknown language: \"'+e+'\"');u(x);for(var w=o||x,L={},M=\"\",k=w;k!=x;k=k.parent)k.cN&&(M=p(k.cN,\"\",!0)+M);var y=\"\",B=0;try{for(var C,j,I=0;;){if(w.t.lastIndex=I,C=w.t.exec(t),!C)break;j=m(t.substr(I,C.index-I),C[0]),I=C.index+j}m(t.substr(I));for(var k=w;k.parent;k=k.parent)k.cN&&(M+=\"</span>\");return{r:B,value:M,language:e,top:w}}catch(A){if(-1!=A.message.indexOf(\"Illegal\"))return{r:0,value:n(t)};throw A}}function l(e,t){t=t||E.languages||Object.keys(R);var r={r:0,value:n(e)},a=r;return t.forEach(function(n){if(N(n)){var t=s(n,e,!1);t.language=n,t.r>a.r&&(a=t),t.r>r.r&&(a=r,r=t)}}),a.language&&(r.second_best=a),r}function f(e){return E.tabReplace&&(e=e.replace(/^((<[^>]+>|\\t)+)/gm,function(e,n){return n.replace(/\\t/g,E.tabReplace)})),E.useBR&&(e=e.replace(/\\n/g,\"<br>\")),e}function g(e,n,t){var r=n?x[n]:t,a=[e.trim()];return e.match(/(\\s|^)hljs(\\s|$)/)||a.push(\"hljs\"),r&&a.push(r),a.join(\" \").trim()}function p(e){var n=a(e);if(!/no(-?)highlight/.test(n)){var t;E.useBR?(t=document.createElementNS(\"http://www.w3.org/1999/xhtml\",\"div\"),t.innerHTML=e.innerHTML.replace(/\\n/g,\"\").replace(/<br[ \\/]*>/g,\"\\n\")):t=e;var r=t.textContent,o=n?s(n,r,!0):l(r),u=i(t);if(u.length){var p=document.createElementNS(\"http://www.w3.org/1999/xhtml\",\"div\");p.innerHTML=o.value,o.value=c(u,i(p),r)}o.value=f(o.value),e.innerHTML=o.value,e.className=g(e.className,n,o.language),e.result={language:o.language,re:o.r},o.second_best&&(e.second_best={language:o.second_best.language,re:o.second_best.r})}}function d(e){E=o(E,e)}function h(){if(!h.called){h.called=!0;var e=document.querySelectorAll(\"pre code\");Array.prototype.forEach.call(e,p)}}function v(){addEventListener(\"DOMContentLoaded\",h,!1),addEventListener(\"load\",h,!1)}function b(n,t){var r=R[n]=t(e);r.aliases&&r.aliases.forEach(function(e){x[e]=n})}function m(){return Object.keys(R)}function N(e){return R[e]||R[x[e]]}var E={classPrefix:\"hljs-\",tabReplace:null,useBR:!1,languages:void 0},R={},x={};return e.highlight=s,e.highlightAuto=l,e.fixMarkup=f,e.highlightBlock=p,e.configure=d,e.initHighlighting=h,e.initHighlightingOnLoad=v,e.registerLanguage=b,e.listLanguages=m,e.getLanguage=N,e.inherit=o,e.IR=\"[a-zA-Z][a-zA-Z0-9_]*\",e.UIR=\"[a-zA-Z_][a-zA-Z0-9_]*\",e.NR=\"\\\\b\\\\d+(\\\\.\\\\d+)?\",e.CNR=\"(\\\\b0[xX][a-fA-F0-9]+|(\\\\b\\\\d+(\\\\.\\\\d*)?|\\\\.\\\\d+)([eE][-+]?\\\\d+)?)\",e.BNR=\"\\\\b(0b[01]+)\",e.RSR=\"!|!=|!==|%|%=|&|&&|&=|\\\\*|\\\\*=|\\\\+|\\\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\\\?|\\\\[|\\\\{|\\\\(|\\\\^|\\\\^=|\\\\||\\\\|=|\\\\|\\\\||~\",e.BE={b:\"\\\\\\\\[\\\\s\\\\S]\",r:0},e.ASM={cN:\"string\",b:\"'\",e:\"'\",i:\"\\\\n\",c:[e.BE]},e.QSM={cN:\"string\",b:'\"',e:'\"',i:\"\\\\n\",c:[e.BE]},e.PWM={b:/\\b(a|an|the|are|I|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such)\\b/},e.CLCM={cN:\"comment\",b:\"//\",e:\"$\",c:[e.PWM]},e.CBCM={cN:\"comment\",b:\"/\\\\*\",e:\"\\\\*/\",c:[e.PWM]},e.HCM={cN:\"comment\",b:\"#\",e:\"$\",c:[e.PWM]},e.NM={cN:\"number\",b:e.NR,r:0},e.CNM={cN:\"number\",b:e.CNR,r:0},e.BNM={cN:\"number\",b:e.BNR,r:0},e.CSSNM={cN:\"number\",b:e.NR+\"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?\",r:0},e.RM={cN:\"regexp\",b:/\\//,e:/\\/[gimuy]*/,i:/\\n/,c:[e.BE,{b:/\\[/,e:/\\]/,r:0,c:[e.BE]}]},e.TM={cN:\"title\",b:e.IR,r:0},e.UTM={cN:\"title\",b:e.UIR,r:0},e});\n",
"type": "application/javascript",
"title": "$:/plugins/tiddlywiki/highlight/highlight.js",
"module-type": "library"
},
"$:/plugins/tiddlywiki/highlight/registerlanguages.js": {
"text": "var hljs = require(\"$:/plugins/tiddlywiki/highlight/highlight.js\");\nhljs.registerLanguage(\"xml\",function(){var t=\"[A-Za-z0-9\\\\._:-]+\",e={b:/<\\?(php)?(?!\\w)/,e:/\\?>/,sL:\"php\",subLanguageMode:\"continuous\"},c={eW:!0,i:/</,r:0,c:[e,{cN:\"attribute\",b:t,r:0},{b:\"=\",r:0,c:[{cN:\"value\",c:[e],v:[{b:/\"/,e:/\"/},{b:/'/,e:/'/},{b:/[^\\s\\/>]+/}]}]}]};return{aliases:[\"html\",\"xhtml\",\"rss\",\"atom\",\"xsl\",\"plist\"],cI:!0,c:[{cN:\"doctype\",b:\"<!DOCTYPE\",e:\">\",r:10,c:[{b:\"\\\\[\",e:\"\\\\]\"}]},{cN:\"comment\",b:\"<!--\",e:\"-->\",r:10},{cN:\"cdata\",b:\"<\\\\!\\\\[CDATA\\\\[\",e:\"\\\\]\\\\]>\",r:10},{cN:\"tag\",b:\"<style(?=\\\\s|>|$)\",e:\">\",k:{title:\"style\"},c:[c],starts:{e:\"</style>\",rE:!0,sL:\"css\"}},{cN:\"tag\",b:\"<script(?=\\\\s|>|$)\",e:\">\",k:{title:\"script\"},c:[c],starts:{e:\"</script>\",rE:!0,sL:\"javascript\"}},e,{cN:\"pi\",b:/<\\?\\w+/,e:/\\?>/,r:10},{cN:\"tag\",b:\"</?\",e:\"/?>\",c:[{cN:\"title\",b:/[^ \\/><\\n\\t]+/,r:0},c]}]}});hljs.registerLanguage(\"cpp\",function(t){var i={keyword:\"false int float while private char catch export virtual operator sizeof dynamic_cast|10 typedef const_cast|10 const struct for static_cast|10 union namespace unsigned long volatile static protected bool template mutable if public friend do goto auto void enum else break extern using true class asm case typeid short reinterpret_cast|10 default double register explicit signed typename try this switch continue wchar_t inline delete alignof char16_t char32_t constexpr decltype noexcept nullptr static_assert thread_local restrict _Bool complex _Complex _Imaginaryintmax_t uintmax_t int8_t uint8_t int16_t uint16_t int32_t uint32_t int64_t uint64_tint_least8_t uint_least8_t int_least16_t uint_least16_t int_least32_t uint_least32_tint_least64_t uint_least64_t int_fast8_t uint_fast8_t int_fast16_t uint_fast16_t int_fast32_tuint_fast32_t int_fast64_t uint_fast64_t intptr_t uintptr_t atomic_bool atomic_char atomic_scharatomic_uchar atomic_short atomic_ushort atomic_int atomic_uint atomic_long atomic_ulong atomic_llongatomic_ullong atomic_wchar_t atomic_char16_t atomic_char32_t atomic_intmax_t atomic_uintmax_tatomic_intptr_t atomic_uintptr_t atomic_size_t atomic_ptrdiff_t atomic_int_least8_t atomic_int_least16_tatomic_int_least32_t atomic_int_least64_t atomic_uint_least8_t atomic_uint_least16_t atomic_uint_least32_tatomic_uint_least64_t atomic_int_fast8_t atomic_int_fast16_t atomic_int_fast32_t atomic_int_fast64_tatomic_uint_fast8_t atomic_uint_fast16_t atomic_uint_fast32_t atomic_uint_fast64_t\",built_in:\"std string cin cout cerr clog stringstream istringstream ostringstream auto_ptr deque list queue stack vector map set bitset multiset multimap unordered_set unordered_map unordered_multiset unordered_multimap array shared_ptr abort abs acos asin atan2 atan calloc ceil cosh cos exit exp fabs floor fmod fprintf fputs free frexp fscanf isalnum isalpha iscntrl isdigit isgraph islower isprint ispunct isspace isupper isxdigit tolower toupper labs ldexp log10 log malloc memchr memcmp memcpy memset modf pow printf putchar puts scanf sinh sin snprintf sprintf sqrt sscanf strcat strchr strcmp strcpy strcspn strlen strncat strncmp strncpy strpbrk strrchr strspn strstr tanh tan vfprintf vprintf vsprintf\"};return{aliases:[\"c\",\"h\",\"c++\",\"h++\"],k:i,i:\"</\",c:[t.CLCM,t.CBCM,t.QSM,{cN:\"string\",b:\"'\\\\\\\\?.\",e:\"'\",i:\".\"},{cN:\"number\",b:\"\\\\b(\\\\d+(\\\\.\\\\d*)?|\\\\.\\\\d+)(u|U|l|L|ul|UL|f|F)\"},t.CNM,{cN:\"preprocessor\",b:\"#\",e:\"$\",k:\"if else elif endif define undef warning error line pragma\",c:[{b:'include\\\\s*[<\"]',e:'[>\"]',k:\"include\",i:\"\\\\n\"},t.CLCM]},{cN:\"stl_container\",b:\"\\\\b(deque|list|queue|stack|vector|map|set|bitset|multiset|multimap|unordered_map|unordered_set|unordered_multiset|unordered_multimap|array)\\\\s*<\",e:\">\",k:i,c:[\"self\"]},{b:t.IR+\"::\"},{bK:\"new throw return\",r:0},{cN:\"function\",b:\"(\"+t.IR+\"\\\\s+)+\"+t.IR+\"\\\\s*\\\\(\",rB:!0,e:/[{;=]/,eE:!0,k:i,c:[{b:t.IR+\"\\\\s*\\\\(\",rB:!0,c:[t.TM],r:0},{cN:\"params\",b:/\\(/,e:/\\)/,k:i,r:0,c:[t.CBCM]},t.CLCM,t.CBCM]}]}});hljs.registerLanguage(\"bash\",function(e){var t={cN:\"variable\",v:[{b:/\\$[\\w\\d#@][\\w\\d_]*/},{b:/\\$\\{(.*?)\\}/}]},s={cN:\"string\",b:/\"/,e:/\"/,c:[e.BE,t,{cN:\"variable\",b:/\\$\\(/,e:/\\)/,c:[e.BE]}]},a={cN:\"string\",b:/'/,e:/'/};return{aliases:[\"sh\",\"zsh\"],l:/-?[a-z\\.]+/,k:{keyword:\"if then else elif fi for while in do done case esac function\",literal:\"true false\",built_in:\"break cd continue eval exec exit export getopts hash pwd readonly return shift test times trap umask unset alias bind builtin caller command declare echo enable help let local logout mapfile printf read readarray source type typeset ulimit unalias set shopt autoload bg bindkey bye cap chdir clone comparguments compcall compctl compdescribe compfiles compgroups compquote comptags comptry compvalues dirs disable disown echotc echoti emulate fc fg float functions getcap getln history integer jobs kill limit log noglob popd print pushd pushln rehash sched setcap setopt stat suspend ttyctl unfunction unhash unlimit unsetopt vared wait whence where which zcompile zformat zftp zle zmodload zparseopts zprof zpty zregexparse zsocket zstyle ztcp\",operator:\"-ne -eq -lt -gt -f -d -e -s -l -a\"},c:[{cN:\"shebang\",b:/^#![^\\n]+sh\\s*$/,r:10},{cN:\"function\",b:/\\w[\\w\\d_]*\\s*\\(\\s*\\)\\s*\\{/,rB:!0,c:[e.inherit(e.TM,{b:/\\w[\\w\\d_]*/})],r:0},e.HCM,e.NM,s,a,t]}});hljs.registerLanguage(\"java\",function(e){var a=e.UIR+\"(<\"+e.UIR+\">)?\",t=\"false synchronized int abstract float private char boolean static null if const for true while long strictfp finally protected import native final void enum else break transient catch instanceof byte super volatile case assert short package default double public try this switch continue throws protected public private\",c=\"(\\\\b(0b[01_]+)|\\\\b0[xX][a-fA-F0-9_]+|(\\\\b[\\\\d_]+(\\\\.[\\\\d_]*)?|\\\\.[\\\\d_]+)([eE][-+]?\\\\d+)?)[lLfF]?\",r={cN:\"number\",b:c,r:0};return{aliases:[\"jsp\"],k:t,i:/<\\//,c:[{cN:\"javadoc\",b:\"/\\\\*\\\\*\",e:\"\\\\*/\",r:0,c:[{cN:\"javadoctag\",b:\"(^|\\\\s)@[A-Za-z]+\"}]},e.CLCM,e.CBCM,e.ASM,e.QSM,{cN:\"class\",bK:\"class interface\",e:/[{;=]/,eE:!0,k:\"class interface\",i:/[:\"\\[\\]]/,c:[{bK:\"extends implements\"},e.UTM]},{bK:\"new throw return\",r:0},{cN:\"function\",b:\"(\"+a+\"\\\\s+)+\"+e.UIR+\"\\\\s*\\\\(\",rB:!0,e:/[{;=]/,eE:!0,k:t,c:[{b:e.UIR+\"\\\\s*\\\\(\",rB:!0,r:0,c:[e.UTM]},{cN:\"params\",b:/\\(/,e:/\\)/,k:t,r:0,c:[e.ASM,e.QSM,e.CNM,e.CBCM]},e.CLCM,e.CBCM]},r,{cN:\"annotation\",b:\"@[A-Za-z]+\"}]}});hljs.registerLanguage(\"ini\",function(e){return{cI:!0,i:/\\S/,c:[{cN:\"comment\",b:\";\",e:\"$\"},{cN:\"title\",b:\"^\\\\[\",e:\"\\\\]\"},{cN:\"setting\",b:\"^[a-z0-9\\\\[\\\\]_-]+[ \\\\t]*=[ \\\\t]*\",e:\"$\",c:[{cN:\"value\",eW:!0,k:\"on off true false yes no\",c:[e.QSM,e.NM],r:0}]}]}});hljs.registerLanguage(\"objectivec\",function(e){var t={keyword:\"int float while char export sizeof typedef const struct for union unsigned long volatile static bool mutable if do return goto void enum else break extern asm case short default double register explicit signed typename this switch continue wchar_t inline readonly assign readwrite self @synchronized id typeof nonatomic super unichar IBOutlet IBAction strong weak copy in out inout bycopy byref oneway __strong __weak __block __autoreleasing @private @protected @public @try @property @end @throw @catch @finally @autoreleasepool @synthesize @dynamic @selector @optional @required\",literal:\"false true FALSE TRUE nil YES NO NULL\",built_in:\"NSString NSData NSDictionary CGRect CGPoint UIButton UILabel UITextView UIWebView MKMapView NSView NSViewController NSWindow NSWindowController NSSet NSUUID NSIndexSet UISegmentedControl NSObject UITableViewDelegate UITableViewDataSource NSThread UIActivityIndicator UITabbar UIToolBar UIBarButtonItem UIImageView NSAutoreleasePool UITableView BOOL NSInteger CGFloat NSException NSLog NSMutableString NSMutableArray NSMutableDictionary NSURL NSIndexPath CGSize UITableViewCell UIView UIViewController UINavigationBar UINavigationController UITabBarController UIPopoverController UIPopoverControllerDelegate UIImage NSNumber UISearchBar NSFetchedResultsController NSFetchedResultsChangeType UIScrollView UIScrollViewDelegate UIEdgeInsets UIColor UIFont UIApplication NSNotFound NSNotificationCenter NSNotification UILocalNotification NSBundle NSFileManager NSTimeInterval NSDate NSCalendar NSUserDefaults UIWindow NSRange NSArray NSError NSURLRequest NSURLConnection NSURLSession NSURLSessionDataTask NSURLSessionDownloadTask NSURLSessionUploadTask NSURLResponseUIInterfaceOrientation MPMoviePlayerController dispatch_once_t dispatch_queue_t dispatch_sync dispatch_async dispatch_once\"},o=/[a-zA-Z@][a-zA-Z0-9_]*/,a=\"@interface @class @protocol @implementation\";return{aliases:[\"m\",\"mm\",\"objc\",\"obj-c\"],k:t,l:o,i:\"</\",c:[e.CLCM,e.CBCM,e.CNM,e.QSM,{cN:\"string\",v:[{b:'@\"',e:'\"',i:\"\\\\n\",c:[e.BE]},{b:\"'\",e:\"[^\\\\\\\\]'\",i:\"[^\\\\\\\\][^']\"}]},{cN:\"preprocessor\",b:\"#\",e:\"$\",c:[{cN:\"title\",v:[{b:'\"',e:'\"'},{b:\"<\",e:\">\"}]}]},{cN:\"class\",b:\"(\"+a.split(\" \").join(\"|\")+\")\\\\b\",e:\"({|$)\",eE:!0,k:a,l:o,c:[e.UTM]},{cN:\"variable\",b:\"\\\\.\"+e.UIR,r:0}]}});hljs.registerLanguage(\"php\",function(e){var c={cN:\"variable\",b:\"\\\\$+[a-zA-Z_-ÿ][a-zA-Z0-9_-ÿ]*\"},i={cN:\"preprocessor\",b:/<\\?(php)?|\\?>/},a={cN:\"string\",c:[e.BE,i],v:[{b:'b\"',e:'\"'},{b:\"b'\",e:\"'\"},e.inherit(e.ASM,{i:null}),e.inherit(e.QSM,{i:null})]},n={v:[e.BNM,e.CNM]};return{aliases:[\"php3\",\"php4\",\"php5\",\"php6\"],cI:!0,k:\"and include_once list abstract global private echo interface as static endswitch array null if endwhile or const for endforeach self var while isset public protected exit foreach throw elseif include __FILE__ empty require_once do xor return parent clone use __CLASS__ __LINE__ else break print eval new catch __METHOD__ case exception default die require __FUNCTION__ enddeclare final try switch continue endfor endif declare unset true false trait goto instanceof insteadof __DIR__ __NAMESPACE__ yield finally\",c:[e.CLCM,e.HCM,{cN:\"comment\",b:\"/\\\\*\",e:\"\\\\*/\",c:[{cN:\"phpdoc\",b:\"\\\\s@[A-Za-z]+\"},i]},{cN:\"comment\",b:\"__halt_compiler.+?;\",eW:!0,k:\"__halt_compiler\",l:e.UIR},{cN:\"string\",b:\"<<<['\\\"]?\\\\w+['\\\"]?$\",e:\"^\\\\w+;\",c:[e.BE]},i,c,{b:/->+[a-zA-Z_\\x7f-\\xff][a-zA-Z0-9_\\x7f-\\xff]*/},{cN:\"function\",bK:\"function\",e:/[;{]/,eE:!0,i:\"\\\\$|\\\\[|%\",c:[e.UTM,{cN:\"params\",b:\"\\\\(\",e:\"\\\\)\",c:[\"self\",c,e.CBCM,a,n]}]},{cN:\"class\",bK:\"class interface\",e:\"{\",eE:!0,i:/[:\\(\\$\"]/,c:[{bK:\"extends implements\"},e.UTM]},{bK:\"namespace\",e:\";\",i:/[\\.']/,c:[e.UTM]},{bK:\"use\",e:\";\",c:[e.UTM]},{b:\"=>\"},a,n]}});hljs.registerLanguage(\"coffeescript\",function(e){var c={keyword:\"in if for while finally new do return else break catch instanceof throw try this switch continue typeof delete debugger super then unless until loop of by when and or is isnt not\",literal:\"true false null undefined yes no on off\",reserved:\"case default function var void with const let enum export import native __hasProp __extends __slice __bind __indexOf\",built_in:\"npm require console print module global window document\"},n=\"[A-Za-z$_][0-9A-Za-z$_]*\",t={cN:\"subst\",b:/#\\{/,e:/}/,k:c},r=[e.BNM,e.inherit(e.CNM,{starts:{e:\"(\\\\s*/)?\",r:0}}),{cN:\"string\",v:[{b:/'''/,e:/'''/,c:[e.BE]},{b:/'/,e:/'/,c:[e.BE]},{b:/\"\"\"/,e:/\"\"\"/,c:[e.BE,t]},{b:/\"/,e:/\"/,c:[e.BE,t]}]},{cN:\"regexp\",v:[{b:\"///\",e:\"///\",c:[t,e.HCM]},{b:\"//[gim]*\",r:0},{b:/\\/(?![ *])(\\\\\\/|.)*?\\/[gim]*(?=\\W|$)/}]},{cN:\"property\",b:\"@\"+n},{b:\"`\",e:\"`\",eB:!0,eE:!0,sL:\"javascript\"}];t.c=r;var i=e.inherit(e.TM,{b:n}),s=\"(\\\\(.*\\\\))?\\\\s*\\\\B[-=]>\",o={cN:\"params\",b:\"\\\\([^\\\\(]\",rB:!0,c:[{b:/\\(/,e:/\\)/,k:c,c:[\"self\"].concat(r)}]};return{aliases:[\"coffee\",\"cson\",\"iced\"],k:c,i:/\\/\\*/,c:r.concat([{cN:\"comment\",b:\"###\",e:\"###\",c:[e.PWM]},e.HCM,{cN:\"function\",b:\"^\\\\s*\"+n+\"\\\\s*=\\\\s*\"+s,e:\"[-=]>\",rB:!0,c:[i,o]},{b:/[:\\(,=]\\s*/,r:0,c:[{cN:\"function\",b:s,e:\"[-=]>\",rB:!0,c:[o]}]},{cN:\"class\",bK:\"class\",e:\"$\",i:/[:=\"\\[\\]]/,c:[{bK:\"extends\",eW:!0,i:/[:=\"\\[\\]]/,c:[i]},i]},{cN:\"attribute\",b:n+\":\",e:\":\",rB:!0,rE:!0,r:0}])}});hljs.registerLanguage(\"sql\",function(e){var t={cN:\"comment\",b:\"--\",e:\"$\"};return{cI:!0,i:/[<>]/,c:[{cN:\"operator\",bK:\"begin end start commit rollback savepoint lock alter create drop rename call delete do handler insert load replace select truncate update set show pragma grant merge describe use explain help declare prepare execute deallocate savepoint release unlock purge reset change stop analyze cache flush optimize repair kill install uninstall checksum restore check backup\",e:/;/,eW:!0,k:{keyword:\"abs absolute acos action add adddate addtime aes_decrypt aes_encrypt after aggregate all allocate alter analyze and any are as asc ascii asin assertion at atan atan2 atn2 authorization authors avg backup before begin benchmark between bin binlog bit_and bit_count bit_length bit_or bit_xor both by cache call cascade cascaded case cast catalog ceil ceiling chain change changed char_length character_length charindex charset check checksum checksum_agg choose close coalesce coercibility collate collation collationproperty column columns columns_updated commit compress concat concat_ws concurrent connect connection connection_id consistent constraint constraints continue contributors conv convert convert_tz corresponding cos cot count count_big crc32 create cross cume_dist curdate current current_date current_time current_timestamp current_user cursor curtime data database databases datalength date_add date_format date_sub dateadd datediff datefromparts datename datepart datetime2fromparts datetimeoffsetfromparts day dayname dayofmonth dayofweek dayofyear deallocate declare decode default deferrable deferred degrees delayed delete des_decrypt des_encrypt des_key_file desc describe descriptor diagnostics difference disconnect distinct distinctrow div do domain double drop dumpfile each else elt enclosed encode encrypt end end-exec engine engines eomonth errors escape escaped event eventdata events except exception exec execute exists exp explain export_set extended external extract fast fetch field fields find_in_set first first_value floor flush for force foreign format found found_rows from from_base64 from_days from_unixtime full function get get_format get_lock getdate getutcdate global go goto grant grants greatest group group_concat grouping grouping_id gtid_subset gtid_subtract handler having help hex high_priority hosts hour ident_current ident_incr ident_seed identified identity if ifnull ignore iif ilike immediate in index indicator inet6_aton inet6_ntoa inet_aton inet_ntoa infile initially inner innodb input insert install instr intersect into is is_free_lock is_ipv4 is_ipv4_compat is_ipv4_mapped is_not is_not_null is_used_lock isdate isnull isolation join key kill language last last_day last_insert_id last_value lcase lead leading least leaves left len lenght level like limit lines ln load load_file local localtime localtimestamp locate lock log log10 log2 logfile logs low_priority lower lpad ltrim make_set makedate maketime master master_pos_wait match matched max md5 medium merge microsecond mid min minute mod mode module month monthname mutex name_const names national natural nchar next no no_write_to_binlog not now nullif nvarchar oct octet_length of old_password on only open optimize option optionally or ord order outer outfile output pad parse partial partition password patindex percent_rank percentile_cont percentile_disc period_add period_diff pi plugin position pow power pragma precision prepare preserve primary prior privileges procedure procedure_analyze processlist profile profiles public publishingservername purge quarter query quick quote quotename radians rand read references regexp relative relaylog release release_lock rename repair repeat replace replicate reset restore restrict return returns reverse revoke right rlike rollback rollup round row row_count rows rpad rtrim savepoint schema scroll sec_to_time second section select serializable server session session_user set sha sha1 sha2 share show sign sin size slave sleep smalldatetimefromparts snapshot some soname soundex sounds_like space sql sql_big_result sql_buffer_result sql_cache sql_calc_found_rows sql_no_cache sql_small_result sql_variant_property sqlstate sqrt square start starting status std stddev stddev_pop stddev_samp stdev stdevp stop str str_to_date straight_join strcmp string stuff subdate substr substring subtime subtring_index sum switchoffset sysdate sysdatetime sysdatetimeoffset system_user sysutcdatetime table tables tablespace tan temporary terminated tertiary_weights then time time_format time_to_sec timediff timefromparts timestamp timestampadd timestampdiff timezone_hour timezone_minute to to_base64 to_days to_seconds todatetimeoffset trailing transaction translation trigger trigger_nestlevel triggers trim truncate try_cast try_convert try_parse ucase uncompress uncompressed_length unhex unicode uninstall union unique unix_timestamp unknown unlock update upgrade upped upper usage use user user_resources using utc_date utc_time utc_timestamp uuid uuid_short validate_password_strength value values var var_pop var_samp variables variance varp version view warnings week weekday weekofyear weight_string when whenever where with work write xml xor year yearweek zon\",literal:\"true false null\",built_in:\"array bigint binary bit blob boolean char character date dec decimal float int integer interval number numeric real serial smallint varchar varying int8 serial8 text\"},c:[{cN:\"string\",b:\"'\",e:\"'\",c:[e.BE,{b:\"''\"}]},{cN:\"string\",b:'\"',e:'\"',c:[e.BE,{b:'\"\"'}]},{cN:\"string\",b:\"`\",e:\"`\",c:[e.BE]},e.CNM,e.CBCM,t]},e.CBCM,t]}});hljs.registerLanguage(\"http\",function(){return{i:\"\\\\S\",c:[{cN:\"status\",b:\"^HTTP/[0-9\\\\.]+\",e:\"$\",c:[{cN:\"number\",b:\"\\\\b\\\\d{3}\\\\b\"}]},{cN:\"request\",b:\"^[A-Z]+ (.*?) HTTP/[0-9\\\\.]+$\",rB:!0,e:\"$\",c:[{cN:\"string\",b:\" \",e:\" \",eB:!0,eE:!0}]},{cN:\"attribute\",b:\"^\\\\w\",e:\": \",eE:!0,i:\"\\\\n|\\\\s|=\",starts:{cN:\"string\",e:\"$\"}},{b:\"\\\\n\\\\n\",starts:{sL:\"\",eW:!0}}]}});hljs.registerLanguage(\"makefile\",function(e){var a={cN:\"variable\",b:/\\$\\(/,e:/\\)/,c:[e.BE]};return{aliases:[\"mk\",\"mak\"],c:[e.HCM,{b:/^\\w+\\s*\\W*=/,rB:!0,r:0,starts:{cN:\"constant\",e:/\\s*\\W*=/,eE:!0,starts:{e:/$/,r:0,c:[a]}}},{cN:\"title\",b:/^[\\w]+:\\s*$/},{cN:\"phony\",b:/^\\.PHONY:/,e:/$/,k:\".PHONY\",l:/[\\.\\w]+/},{b:/^\\t+/,e:/$/,r:0,c:[e.QSM,a]}]}});hljs.registerLanguage(\"perl\",function(e){var t=\"getpwent getservent quotemeta msgrcv scalar kill dbmclose undef lc ma syswrite tr send umask sysopen shmwrite vec qx utime local oct semctl localtime readpipe do return format read sprintf dbmopen pop getpgrp not getpwnam rewinddir qqfileno qw endprotoent wait sethostent bless s|0 opendir continue each sleep endgrent shutdown dump chomp connect getsockname die socketpair close flock exists index shmgetsub for endpwent redo lstat msgctl setpgrp abs exit select print ref gethostbyaddr unshift fcntl syscall goto getnetbyaddr join gmtime symlink semget splice x|0 getpeername recv log setsockopt cos last reverse gethostbyname getgrnam study formline endhostent times chop length gethostent getnetent pack getprotoent getservbyname rand mkdir pos chmod y|0 substr endnetent printf next open msgsnd readdir use unlink getsockopt getpriority rindex wantarray hex system getservbyport endservent int chr untie rmdir prototype tell listen fork shmread ucfirst setprotoent else sysseek link getgrgid shmctl waitpid unpack getnetbyname reset chdir grep split require caller lcfirst until warn while values shift telldir getpwuid my getprotobynumber delete and sort uc defined srand accept package seekdir getprotobyname semop our rename seek if q|0 chroot sysread setpwent no crypt getc chown sqrt write setnetent setpriority foreach tie sin msgget map stat getlogin unless elsif truncate exec keys glob tied closedirioctl socket readlink eval xor readline binmode setservent eof ord bind alarm pipe atan2 getgrent exp time push setgrent gt lt or ne m|0 break given say state when\",r={cN:\"subst\",b:\"[$@]\\\\{\",e:\"\\\\}\",k:t},s={b:\"->{\",e:\"}\"},n={cN:\"variable\",v:[{b:/\\$\\d/},{b:/[\\$\\%\\@](\\^\\w\\b|#\\w+(\\:\\:\\w+)*|{\\w+}|\\w+(\\:\\:\\w*)*)/},{b:/[\\$\\%\\@][^\\s\\w{]/,r:0}]},o={cN:\"comment\",b:\"^(__END__|__DATA__)\",e:\"\\\\n$\",r:5},i=[e.BE,r,n],c=[n,e.HCM,o,{cN:\"comment\",b:\"^\\\\=\\\\w\",e:\"\\\\=cut\",eW:!0},s,{cN:\"string\",c:i,v:[{b:\"q[qwxr]?\\\\s*\\\\(\",e:\"\\\\)\",r:5},{b:\"q[qwxr]?\\\\s*\\\\[\",e:\"\\\\]\",r:5},{b:\"q[qwxr]?\\\\s*\\\\{\",e:\"\\\\}\",r:5},{b:\"q[qwxr]?\\\\s*\\\\|\",e:\"\\\\|\",r:5},{b:\"q[qwxr]?\\\\s*\\\\<\",e:\"\\\\>\",r:5},{b:\"qw\\\\s+q\",e:\"q\",r:5},{b:\"'\",e:\"'\",c:[e.BE]},{b:'\"',e:'\"'},{b:\"`\",e:\"`\",c:[e.BE]},{b:\"{\\\\w+}\",c:[],r:0},{b:\"-?\\\\w+\\\\s*\\\\=\\\\>\",c:[],r:0}]},{cN:\"number\",b:\"(\\\\b0[0-7_]+)|(\\\\b0x[0-9a-fA-F_]+)|(\\\\b[1-9][0-9_]*(\\\\.[0-9_]+)?)|[0_]\\\\b\",r:0},{b:\"(\\\\/\\\\/|\"+e.RSR+\"|\\\\b(split|return|print|reverse|grep)\\\\b)\\\\s*\",k:\"split return print reverse grep\",r:0,c:[e.HCM,o,{cN:\"regexp\",b:\"(s|tr|y)/(\\\\\\\\.|[^/])*/(\\\\\\\\.|[^/])*/[a-z]*\",r:10},{cN:\"regexp\",b:\"(m|qr)?/\",e:\"/[a-z]*\",c:[e.BE],r:0}]},{cN:\"sub\",bK:\"sub\",e:\"(\\\\s*\\\\(.*?\\\\))?[;{]\",r:5},{cN:\"operator\",b:\"-\\\\w\\\\b\",r:0}];return r.c=c,s.c=c,{aliases:[\"pl\"],k:t,c:c}});hljs.registerLanguage(\"ruby\",function(e){var b=\"[a-zA-Z_]\\\\w*[!?=]?|[-+~]\\\\@|<<|>>|=~|===?|<=>|[<>]=?|\\\\*\\\\*|[-/+%^&*~`|]|\\\\[\\\\]=?\",r=\"and false then defined module in return redo if BEGIN retry end for true self when next until do begin unless END rescue nil else break undef not super class case require yield alias while ensure elsif or include attr_reader attr_writer attr_accessor\",c={cN:\"yardoctag\",b:\"@[A-Za-z]+\"},a={cN:\"value\",b:\"#<\",e:\">\"},s={cN:\"comment\",v:[{b:\"#\",e:\"$\",c:[c]},{b:\"^\\\\=begin\",e:\"^\\\\=end\",c:[c],r:10},{b:\"^__END__\",e:\"\\\\n$\"}]},n={cN:\"subst\",b:\"#\\\\{\",e:\"}\",k:r},t={cN:\"string\",c:[e.BE,n],v:[{b:/'/,e:/'/},{b:/\"/,e:/\"/},{b:/`/,e:/`/},{b:\"%[qQwWx]?\\\\(\",e:\"\\\\)\"},{b:\"%[qQwWx]?\\\\[\",e:\"\\\\]\"},{b:\"%[qQwWx]?{\",e:\"}\"},{b:\"%[qQwWx]?<\",e:\">\"},{b:\"%[qQwWx]?/\",e:\"/\"},{b:\"%[qQwWx]?%\",e:\"%\"},{b:\"%[qQwWx]?-\",e:\"-\"},{b:\"%[qQwWx]?\\\\|\",e:\"\\\\|\"},{b:/\\B\\?(\\\\\\d{1,3}|\\\\x[A-Fa-f0-9]{1,2}|\\\\u[A-Fa-f0-9]{4}|\\\\?\\S)\\b/}]},i={cN:\"params\",b:\"\\\\(\",e:\"\\\\)\",k:r},d=[t,a,s,{cN:\"class\",bK:\"class module\",e:\"$|;\",i:/=/,c:[e.inherit(e.TM,{b:\"[A-Za-z_]\\\\w*(::\\\\w+)*(\\\\?|\\\\!)?\"}),{cN:\"inheritance\",b:\"<\\\\s*\",c:[{cN:\"parent\",b:\"(\"+e.IR+\"::)?\"+e.IR}]},s]},{cN:\"function\",bK:\"def\",e:\" |$|;\",r:0,c:[e.inherit(e.TM,{b:b}),i,s]},{cN:\"constant\",b:\"(::)?(\\\\b[A-Z]\\\\w*(::)?)+\",r:0},{cN:\"symbol\",b:e.UIR+\"(\\\\!|\\\\?)?:\",r:0},{cN:\"symbol\",b:\":\",c:[t,{b:b}],r:0},{cN:\"number\",b:\"(\\\\b0[0-7_]+)|(\\\\b0x[0-9a-fA-F_]+)|(\\\\b[1-9][0-9_]*(\\\\.[0-9_]+)?)|[0_]\\\\b\",r:0},{cN:\"variable\",b:\"(\\\\$\\\\W)|((\\\\$|\\\\@\\\\@?)(\\\\w+))\"},{b:\"(\"+e.RSR+\")\\\\s*\",c:[a,s,{cN:\"regexp\",c:[e.BE,n],i:/\\n/,v:[{b:\"/\",e:\"/[a-z]*\"},{b:\"%r{\",e:\"}[a-z]*\"},{b:\"%r\\\\(\",e:\"\\\\)[a-z]*\"},{b:\"%r!\",e:\"![a-z]*\"},{b:\"%r\\\\[\",e:\"\\\\][a-z]*\"}]}],r:0}];n.c=d,i.c=d;var l=\"[>?]>\",u=\"[\\\\w#]+\\\\(\\\\w+\\\\):\\\\d+:\\\\d+>\",N=\"(\\\\w+-)?\\\\d+\\\\.\\\\d+\\\\.\\\\d(p\\\\d+)?[^>]+>\",o=[{b:/^\\s*=>/,cN:\"status\",starts:{e:\"$\",c:d}},{cN:\"prompt\",b:\"^(\"+l+\"|\"+u+\"|\"+N+\")\",starts:{e:\"$\",c:d}}];return{aliases:[\"rb\",\"gemspec\",\"podspec\",\"thor\",\"irb\"],k:r,c:[s].concat(o).concat(d)}});hljs.registerLanguage(\"apache\",function(e){var r={cN:\"number\",b:\"[\\\\$%]\\\\d+\"};return{aliases:[\"apacheconf\"],cI:!0,c:[e.HCM,{cN:\"tag\",b:\"</?\",e:\">\"},{cN:\"keyword\",b:/\\w+/,r:0,k:{common:\"order deny allow setenv rewriterule rewriteengine rewritecond documentroot sethandler errordocument loadmodule options header listen serverroot servername\"},starts:{e:/$/,r:0,k:{literal:\"on off all\"},c:[{cN:\"sqbracket\",b:\"\\\\s\\\\[\",e:\"\\\\]$\"},{cN:\"cbracket\",b:\"[\\\\$%]\\\\{\",e:\"\\\\}\",c:[\"self\",r]},r,e.QSM]}}],i:/\\S/}});hljs.registerLanguage(\"json\",function(e){var t={literal:\"true false null\"},i=[e.QSM,e.CNM],l={cN:\"value\",e:\",\",eW:!0,eE:!0,c:i,k:t},c={b:\"{\",e:\"}\",c:[{cN:\"attribute\",b:'\\\\s*\"',e:'\"\\\\s*:\\\\s*',eB:!0,eE:!0,c:[e.BE],i:\"\\\\n\",starts:l}],i:\"\\\\S\"},n={b:\"\\\\[\",e:\"\\\\]\",c:[e.inherit(l,{cN:null})],i:\"\\\\S\"};return i.splice(i.length,0,c,n),{c:i,k:t,i:\"\\\\S\"}});hljs.registerLanguage(\"css\",function(e){var c=\"[a-zA-Z-][a-zA-Z0-9_-]*\",a={cN:\"function\",b:c+\"\\\\(\",rB:!0,eE:!0,e:\"\\\\(\"};return{cI:!0,i:\"[=/|']\",c:[e.CBCM,{cN:\"id\",b:\"\\\\#[A-Za-z0-9_-]+\"},{cN:\"class\",b:\"\\\\.[A-Za-z0-9_-]+\",r:0},{cN:\"attr_selector\",b:\"\\\\[\",e:\"\\\\]\",i:\"$\"},{cN:\"pseudo\",b:\":(:)?[a-zA-Z0-9\\\\_\\\\-\\\\+\\\\(\\\\)\\\\\\\"\\\\']+\"},{cN:\"at_rule\",b:\"@(font-face|page)\",l:\"[a-z-]+\",k:\"font-face page\"},{cN:\"at_rule\",b:\"@\",e:\"[{;]\",c:[{cN:\"keyword\",b:/\\S+/},{b:/\\s/,eW:!0,eE:!0,r:0,c:[a,e.ASM,e.QSM,e.CSSNM]}]},{cN:\"tag\",b:c,r:0},{cN:\"rules\",b:\"{\",e:\"}\",i:\"[^\\\\s]\",r:0,c:[e.CBCM,{cN:\"rule\",b:\"[^\\\\s]\",rB:!0,e:\";\",eW:!0,c:[{cN:\"attribute\",b:\"[A-Z\\\\_\\\\.\\\\-]+\",e:\":\",eE:!0,i:\"[^\\\\s]\",starts:{cN:\"value\",eW:!0,eE:!0,c:[a,e.CSSNM,e.QSM,e.ASM,e.CBCM,{cN:\"hexcolor\",b:\"#[0-9A-Fa-f]+\"},{cN:\"important\",b:\"!important\"}]}}]}]}]}});hljs.registerLanguage(\"nginx\",function(e){var r={cN:\"variable\",v:[{b:/\\$\\d+/},{b:/\\$\\{/,e:/}/},{b:\"[\\\\$\\\\@]\"+e.UIR}]},b={eW:!0,l:\"[a-z/_]+\",k:{built_in:\"on off yes no true false none blocked debug info notice warn error crit select break last permanent redirect kqueue rtsig epoll poll /dev/poll\"},r:0,i:\"=>\",c:[e.HCM,{cN:\"string\",c:[e.BE,r],v:[{b:/\"/,e:/\"/},{b:/'/,e:/'/}]},{cN:\"url\",b:\"([a-z]+):/\",e:\"\\\\s\",eW:!0,eE:!0,c:[r]},{cN:\"regexp\",c:[e.BE,r],v:[{b:\"\\\\s\\\\^\",e:\"\\\\s|{|;\",rE:!0},{b:\"~\\\\*?\\\\s+\",e:\"\\\\s|{|;\",rE:!0},{b:\"\\\\*(\\\\.[a-z\\\\-]+)+\"},{b:\"([a-z\\\\-]+\\\\.)+\\\\*\"}]},{cN:\"number\",b:\"\\\\b\\\\d{1,3}\\\\.\\\\d{1,3}\\\\.\\\\d{1,3}\\\\.\\\\d{1,3}(:\\\\d{1,5})?\\\\b\"},{cN:\"number\",b:\"\\\\b\\\\d+[kKmMgGdshdwy]*\\\\b\",r:0},r]};return{aliases:[\"nginxconf\"],c:[e.HCM,{b:e.UIR+\"\\\\s\",e:\";|{\",rB:!0,c:[{cN:\"title\",b:e.UIR,starts:b}],r:0}],i:\"[^\\\\s\\\\}]\"}});hljs.registerLanguage(\"cs\",function(e){var r=\"abstract as base bool break byte case catch char checked const continue decimal default delegate do double else enum event explicit extern false finally fixed float for foreach goto if implicit in int interface internal is lock long null object operator out override params private protected public readonly ref sbyte sealed short sizeof stackalloc static string struct switch this true try typeof uint ulong unchecked unsafe ushort using virtual volatile void while async protected public private internal ascending descending from get group into join let orderby partial select set value var where yield\",t=e.IR+\"(<\"+e.IR+\">)?\";return{aliases:[\"csharp\"],k:r,i:/::/,c:[{cN:\"comment\",b:\"///\",e:\"$\",rB:!0,c:[{cN:\"xmlDocTag\",v:[{b:\"///\",r:0},{b:\"<!--|-->\"},{b:\"</?\",e:\">\"}]}]},e.CLCM,e.CBCM,{cN:\"preprocessor\",b:\"#\",e:\"$\",k:\"if else elif endif define undef warning error line region endregion pragma checksum\"},{cN:\"string\",b:'@\"',e:'\"',c:[{b:'\"\"'}]},e.ASM,e.QSM,e.CNM,{bK:\"class namespace interface\",e:/[{;=]/,i:/[^\\s:]/,c:[e.TM,e.CLCM,e.CBCM]},{bK:\"new return throw await\",r:0},{cN:\"function\",b:\"(\"+t+\"\\\\s+)+\"+e.IR+\"\\\\s*\\\\(\",rB:!0,e:/[{;=]/,eE:!0,k:r,c:[{b:e.IR+\"\\\\s*\\\\(\",rB:!0,c:[e.TM],r:0},{cN:\"params\",b:/\\(/,e:/\\)/,k:r,r:0,c:[e.ASM,e.QSM,e.CNM,e.CBCM]},e.CLCM,e.CBCM]}]}});hljs.registerLanguage(\"markdown\",function(){return{aliases:[\"md\",\"mkdown\",\"mkd\"],c:[{cN:\"header\",v:[{b:\"^#{1,6}\",e:\"$\"},{b:\"^.+?\\\\n[=-]{2,}$\"}]},{b:\"<\",e:\">\",sL:\"xml\",r:0},{cN:\"bullet\",b:\"^([*+-]|(\\\\d+\\\\.))\\\\s+\"},{cN:\"strong\",b:\"[*_]{2}.+?[*_]{2}\"},{cN:\"emphasis\",v:[{b:\"\\\\*.+?\\\\*\"},{b:\"_.+?_\",r:0}]},{cN:\"blockquote\",b:\"^>\\\\s+\",e:\"$\"},{cN:\"code\",v:[{b:\"`.+?`\"},{b:\"^( {4}|\t)\",e:\"$\",r:0}]},{cN:\"horizontal_rule\",b:\"^[-\\\\*]{3,}\",e:\"$\"},{b:\"\\\\[.+?\\\\][\\\\(\\\\[].*?[\\\\)\\\\]]\",rB:!0,c:[{cN:\"link_label\",b:\"\\\\[\",e:\"\\\\]\",eB:!0,rE:!0,r:0},{cN:\"link_url\",b:\"\\\\]\\\\(\",e:\"\\\\)\",eB:!0,eE:!0},{cN:\"link_reference\",b:\"\\\\]\\\\[\",e:\"\\\\]\",eB:!0,eE:!0}],r:10},{b:\"^\\\\[.+\\\\]:\",rB:!0,c:[{cN:\"link_reference\",b:\"\\\\[\",e:\"\\\\]:\",eB:!0,eE:!0,starts:{cN:\"link_url\",e:\"$\"}}]}]}});hljs.registerLanguage(\"diff\",function(){return{aliases:[\"patch\"],c:[{cN:\"chunk\",r:10,v:[{b:/^\\@\\@ +\\-\\d+,\\d+ +\\+\\d+,\\d+ +\\@\\@$/},{b:/^\\*\\*\\* +\\d+,\\d+ +\\*\\*\\*\\*$/},{b:/^\\-\\-\\- +\\d+,\\d+ +\\-\\-\\-\\-$/}]},{cN:\"header\",v:[{b:/Index: /,e:/$/},{b:/=====/,e:/=====$/},{b:/^\\-\\-\\-/,e:/$/},{b:/^\\*{3} /,e:/$/},{b:/^\\+\\+\\+/,e:/$/},{b:/\\*{5}/,e:/\\*{5}$/}]},{cN:\"addition\",b:\"^\\\\+\",e:\"$\"},{cN:\"deletion\",b:\"^\\\\-\",e:\"$\"},{cN:\"change\",b:\"^\\\\!\",e:\"$\"}]}});hljs.registerLanguage(\"javascript\",function(r){return{aliases:[\"js\"],k:{keyword:\"in if for while finally var new function do return void else break catch instanceof with throw case default try this switch continue typeof delete let yield const class\",literal:\"true false null undefined NaN Infinity\",built_in:\"eval isFinite isNaN parseFloat parseInt decodeURI decodeURIComponent encodeURI encodeURIComponent escape unescape Object Function Boolean Error EvalError InternalError RangeError ReferenceError StopIteration SyntaxError TypeError URIError Number Math Date String RegExp Array Float32Array Float64Array Int16Array Int32Array Int8Array Uint16Array Uint32Array Uint8Array Uint8ClampedArray ArrayBuffer DataView JSON Intl arguments require module console window document\"},c:[{cN:\"pi\",r:10,v:[{b:/^\\s*('|\")use strict('|\")/},{b:/^\\s*('|\")use asm('|\")/}]},r.ASM,r.QSM,r.CLCM,r.CBCM,r.CNM,{b:\"(\"+r.RSR+\"|\\\\b(case|return|throw)\\\\b)\\\\s*\",k:\"return throw case\",c:[r.CLCM,r.CBCM,r.RM,{b:/</,e:/>;/,r:0,sL:\"xml\"}],r:0},{cN:\"function\",bK:\"function\",e:/\\{/,eE:!0,c:[r.inherit(r.TM,{b:/[A-Za-z$_][0-9A-Za-z$_]*/}),{cN:\"params\",b:/\\(/,e:/\\)/,c:[r.CLCM,r.CBCM],i:/[\"'\\(]/}],i:/\\[|%/},{b:/\\$[(.]/},{b:\"\\\\.\"+r.IR,r:0}]}});hljs.registerLanguage(\"python\",function(e){var r={cN:\"prompt\",b:/^(>>>|\\.\\.\\.) /},b={cN:\"string\",c:[e.BE],v:[{b:/(u|b)?r?'''/,e:/'''/,c:[r],r:10},{b:/(u|b)?r?\"\"\"/,e:/\"\"\"/,c:[r],r:10},{b:/(u|r|ur)'/,e:/'/,r:10},{b:/(u|r|ur)\"/,e:/\"/,r:10},{b:/(b|br)'/,e:/'/},{b:/(b|br)\"/,e:/\"/},e.ASM,e.QSM]},l={cN:\"number\",r:0,v:[{b:e.BNR+\"[lLjJ]?\"},{b:\"\\\\b(0o[0-7]+)[lLjJ]?\"},{b:e.CNR+\"[lLjJ]?\"}]},c={cN:\"params\",b:/\\(/,e:/\\)/,c:[\"self\",r,l,b]};return{aliases:[\"py\",\"gyp\"],k:{keyword:\"and elif is global as in if from raise for except finally print import pass return exec else break not with class assert yield try while continue del or def lambda nonlocal|10 None True False\",built_in:\"Ellipsis NotImplemented\"},i:/(<\\/|->|\\?)/,c:[r,l,b,e.HCM,{v:[{cN:\"function\",bK:\"def\",r:10},{cN:\"class\",bK:\"class\"}],e:/:/,i:/[${=;\\n]/,c:[e.UTM,c]},{cN:\"decorator\",b:/@/,e:/$/},{b:/\\b(print|exec)\\(/}]}});\n\nexports.hljs = hljs;\n",
"type": "application/javascript",
"title": "$:/plugins/tiddlywiki/highlight/registerlanguages.js",
"module-type": "library"
},
"$:/plugins/tiddlywiki/highlight/highlight.css": {
"text": ".hljs{display:block;overflow-x:auto;padding:.5em;background:#f0f0f0;-webkit-text-size-adjust:none}.hljs,.hljs-subst,.hljs-tag .hljs-title,.nginx .hljs-title{color:#000}.hljs-string,.hljs-title,.hljs-constant,.hljs-parent,.hljs-tag .hljs-value,.hljs-rules .hljs-value,.hljs-preprocessor,.hljs-pragma,.haml .hljs-symbol,.ruby .hljs-symbol,.ruby .hljs-symbol .hljs-string,.hljs-template_tag,.django .hljs-variable,.smalltalk .hljs-class,.hljs-addition,.hljs-flow,.hljs-stream,.bash .hljs-variable,.apache .hljs-tag,.apache .hljs-cbracket,.tex .hljs-command,.tex .hljs-special,.erlang_repl .hljs-function_or_atom,.asciidoc .hljs-header,.markdown .hljs-header,.coffeescript .hljs-attribute{color:#800}.smartquote,.hljs-comment,.hljs-annotation,.diff .hljs-header,.hljs-chunk,.asciidoc .hljs-blockquote,.markdown .hljs-blockquote{color:#888}.hljs-number,.hljs-date,.hljs-regexp,.hljs-literal,.hljs-hexcolor,.smalltalk .hljs-symbol,.smalltalk .hljs-char,.go .hljs-constant,.hljs-change,.lasso .hljs-variable,.makefile .hljs-variable,.asciidoc .hljs-bullet,.markdown .hljs-bullet,.asciidoc .hljs-link_url,.markdown .hljs-link_url{color:#080}.hljs-label,.hljs-javadoc,.ruby .hljs-string,.hljs-decorator,.hljs-filter .hljs-argument,.hljs-localvars,.hljs-array,.hljs-attr_selector,.hljs-important,.hljs-pseudo,.hljs-pi,.haml .hljs-bullet,.hljs-doctype,.hljs-deletion,.hljs-envvar,.hljs-shebang,.apache .hljs-sqbracket,.nginx .hljs-built_in,.tex .hljs-formula,.erlang_repl .hljs-reserved,.hljs-prompt,.asciidoc .hljs-link_label,.markdown .hljs-link_label,.vhdl .hljs-attribute,.clojure .hljs-attribute,.asciidoc .hljs-attribute,.lasso .hljs-attribute,.coffeescript .hljs-property,.hljs-phony{color:#88f}.hljs-keyword,.hljs-id,.hljs-title,.hljs-built_in,.css .hljs-tag,.hljs-javadoctag,.hljs-phpdoc,.hljs-dartdoc,.hljs-yardoctag,.smalltalk .hljs-class,.hljs-winutils,.bash .hljs-variable,.apache .hljs-tag,.hljs-type,.hljs-typename,.tex .hljs-command,.asciidoc .hljs-strong,.markdown .hljs-strong,.hljs-request,.hljs-status{font-weight:bold}.asciidoc .hljs-emphasis,.markdown .hljs-emphasis{font-style:italic}.nginx .hljs-built_in{font-weight:normal}.coffeescript .javascript,.javascript .xml,.lasso .markup,.tex .hljs-formula,.xml .javascript,.xml .vbscript,.xml .css,.xml .hljs-cdata{opacity:.5}",
"type": "text/css",
"title": "$:/plugins/tiddlywiki/highlight/highlight.css",
"tags": "[[$:/tags/Stylesheet]]"
},
"$:/plugins/tiddlywiki/highlight/highlightblock.js": {
"text": "/*\\\ntitle: $:/plugins/tiddlywiki/highlight/highlightblock.js\ntype: application/javascript\nmodule-type: widget\n\nWraps up the fenced code blocks parser for highlight and use in TiddlyWiki5\n\n\\*/\n(function() {\n\n/*jslint node: true, browser: true */\n/*global $tw: false */\n\"use strict\";\n\nvar CodeBlockWidget = require(\"$:/core/modules/widgets/codeblock.js\").codeblock;\n//register languages requires hljs for us\nvar hljs = require(\"$:/plugins/tiddlywiki/highlight/registerlanguages.js\").hljs;\nhljs.configure({tabReplace: \" \"});\t\n\nCodeBlockWidget.prototype.postRender = function() {\n\tvar domNode = this.domNodes[0];\n\tif($tw.browser && this.document !== $tw.fakeDocument && this.language) {\n\t\tdomNode.className = this.language.toLowerCase();\n\t\thljs.highlightBlock(domNode);\n\t}\n\telse if(!$tw.browser && this.language && this.language.indexOf(\"/\") == -1 ){\n\t\ttry{\n\t\t\tdomNode.className = this.language.toLowerCase() + \" hljs\";\n\t\t\tdomNode.children[0].innerHTML = hljs.fixMarkup(hljs.highlight(this.language, this.getAttribute(\"code\")).value);\n\t\t}\n\t\tcatch(err) {\n\t\t\t//can't easily tell if a language is registered or not in the packed version of hightlight.js\n\t\t\t//so we silently fail and the codeblock remains unchanged\n\t\t}\n\t}\t\n};\n\n})();\n",
"title": "$:/plugins/tiddlywiki/highlight/highlightblock.js",
"type": "application/javascript",
"module-type": "widget"
},
"$:/plugins/tiddlywiki/highlight/license": {
"title": "$:/plugins/tiddlywiki/highlight/license",
"type": "text/plain",
"text": "Copyright (c) 2006, Ivan Sagalaev\nAll rights reserved.\nRedistribution and use in source and binary forms, with or without\nmodification, are permitted provided that the following conditions are met:\n\n * Redistributions of source code must retain the above copyright\n notice, this list of conditions and the following disclaimer.\n * Redistributions in binary form must reproduce the above copyright\n notice, this list of conditions and the following disclaimer in the\n documentation and/or other materials provided with the distribution.\n * Neither the name of highlight.js nor the names of its contributors\n may be used to endorse or promote products derived from this software\n without specific prior written permission.\n\nTHIS SOFTWARE IS PROVIDED BY THE REGENTS AND CONTRIBUTORS ``AS IS'' AND ANY\nEXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED\nWARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE\nDISCLAIMED. IN NO EVENT SHALL THE REGENTS AND CONTRIBUTORS BE LIABLE FOR ANY\nDIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES\n(INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;\nLOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND\nON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT\n(INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS\nSOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\n"
},
"$:/plugins/tiddlywiki/highlight/readme": {
"title": "$:/plugins/tiddlywiki/highlight/readme",
"text": "This plugin provides syntax highlighting of code blocks using [[highlight.js|https://github.com/isagalaev/highlight.js]] from Ivan Sagalaev.\n\n[[Source code|https://github.com/Jermolene/TiddlyWiki5/blob/master/plugins/tiddlywiki/highlight]]\n"
},
"$:/plugins/tiddlywiki/highlight/styles": {
"title": "$:/plugins/tiddlywiki/highlight/styles",
"tags": "[[$:/tags/Stylesheet]]",
"text": ".hljs{display:block;overflow-x:auto;padding:.5em;color:#333;background:#f8f8f8;-webkit-text-size-adjust:none}.hljs-comment,.diff .hljs-header,.hljs-javadoc{color:#998;font-style:italic}.hljs-keyword,.css .rule .hljs-keyword,.hljs-winutils,.nginx .hljs-title,.hljs-subst,.hljs-request,.hljs-status{color:#333;font-weight:bold}.hljs-number,.hljs-hexcolor,.ruby .hljs-constant{color:teal}.hljs-string,.hljs-tag .hljs-value,.hljs-phpdoc,.hljs-dartdoc,.tex .hljs-formula{color:#d14}.hljs-title,.hljs-id,.scss .hljs-preprocessor{color:#900;font-weight:bold}.hljs-list .hljs-keyword,.hljs-subst{font-weight:normal}.hljs-class .hljs-title,.hljs-type,.vhdl .hljs-literal,.tex .hljs-command{color:#458;font-weight:bold}.hljs-tag,.hljs-tag .hljs-title,.hljs-rule .hljs-property,.django .hljs-tag .hljs-keyword{color:navy;font-weight:normal}.hljs-attribute,.hljs-variable,.lisp .hljs-body,.hljs-name{color:teal}.hljs-regexp{color:#009926}.hljs-symbol,.ruby .hljs-symbol .hljs-string,.lisp .hljs-keyword,.clojure .hljs-keyword,.scheme .hljs-keyword,.tex .hljs-special,.hljs-prompt{color:#990073}.hljs-built_in{color:#0086b3}.hljs-preprocessor,.hljs-pragma,.hljs-pi,.hljs-doctype,.hljs-shebang,.hljs-cdata{color:#999;font-weight:bold}.hljs-deletion{background:#fdd}.hljs-addition{background:#dfd}.diff .hljs-change{background:#0086b3}.hljs-chunk{color:#aaa}"
},
"$:/plugins/tiddlywiki/highlight/usage": {
"title": "$:/plugins/tiddlywiki/highlight/usage",
"text": "! Usage\n\nFenced code blocks can have a language specifier added to trigger highlighting in a specific language. Otherwise heuristics are used to detect the language.\n\n```\n ```js\n var a = b + c; // Highlighted as JavaScript\n ```\n```\n! Adding Themes\n\nYou can add themes from highlight.js by copying the CSS to a new tiddler and tagging it with [[$:/tags/Stylesheet]]. The available themes can be found on GitHub:\n\nhttps://github.com/isagalaev/highlight.js/tree/master/src/styles\n"
}
}
}
{
"tiddlers": {
"$:/plugins/tiddlywiki/powered-by-tiddlywiki/banner": {
"title": "$:/plugins/tiddlywiki/powered-by-tiddlywiki/banner",
"tags": "$:/tags/PageTemplate",
"text": "<a href=\"http://tiddlywiki.com\" target=\"_blank\">\n[img width=\"160px\" class=\"tc-powered-by-tiddlywiki-banner\" [$:/plugins/tiddlywiki/powered-by-tiddlywiki/powered-by-tiddlywiki.svg]]\n</a>\n"
},
"$:/plugins/tiddlywiki/powered-by-tiddlywiki/powered-by-tiddlywiki.svg": {
"title": "$:/plugins/tiddlywiki/powered-by-tiddlywiki/powered-by-tiddlywiki.svg",
"type": "image/svg+xml",
"text": "<?xml version=\"1.0\" encoding=\"UTF-8\" standalone=\"no\"?>\n<svg width=\"896px\" height=\"176px\" viewBox=\"0 0 896 176\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\">\n <g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n <rect fill=\"#5778D8\" x=\"0\" y=\"48\" width=\"896\" height=\"96\" rx=\"40\"></rect>\n <rect fill=\"#5778D8\" x=\"0\" y=\"107\" width=\"896\" height=\"69\"></rect>\n <path d=\"M509.45407,145.5 C500.298981,145.241109 496.272153,145.263373 491.609634,137.593336 L487.975741,137.697483 C483.746,137.509579 485.508738,137.594751 482.686885,137.454206 C477.968863,137.270547 478.724653,132.785957 477.894634,130.416559 C476.566884,122.373568 479.651651,114.28901 479.554337,106.244432 C479.519884,103.388798 475.480522,93.280884 474.037432,89.6670908 C469.513527,90.5191636 464.96508,90.681618 460.375565,90.9103975 C449.796709,90.8844742 439.289599,89.5885307 428.858455,87.9428201 C426.825687,96.3431567 420.783512,108.100814 425.777847,116.63814 C431.840041,125.46901 436.094195,127.915557 442.688237,128.448018 C449.282207,128.980047 450.771171,136.427581 449.175852,139.087582 C447.763804,140.925935 445.282044,141.259629 443.173485,141.705005 L438.9558,141.903312 C435.636833,141.791616 432.670288,140.89517 429.712926,139.51262 C424.77415,136.754658 419.673308,131.020977 415.883481,126.904585 C416.765781,128.548388 417.29205,131.757406 416.491791,133.250744 C414.251086,136.426166 404.560015,136.406765 400.12185,134.433533 C395.080168,132.192397 382.897505,116.456261 381.013953,104.670599 C386.024891,95.1907919 393.32484,86.9333052 397.018106,76.6112137 C388.96777,71.4725082 384.656121,63.1071256 385.215841,53.6312616 L385.417868,52.5343641 C377.496702,54.0178049 381.604436,53.4658821 373.083336,54.1107205 C345.946392,54.0276592 322.081628,35.6209152 335.519519,7.01357089 C336.393386,5.31957309 337.22468,3.77943723 338.706061,4.51496674 C339.895034,5.10516147 339.724245,7.47267561 339.126195,10.0981299 C331.444909,44.2800486 368.986482,44.541671 392.063954,38.2164846 C394.354375,37.5885907 398.909687,33.3597492 402.065239,31.9578456 C407.223273,29.6664872 412.821793,28.7368246 418.377878,28.0669527 C432.196953,26.4917086 448.805787,33.7743125 457.244692,34.0121086 C465.683696,34.2498951 477.68849,31.9906839 485.057739,32.4663611 C490.404756,32.7111006 495.655194,33.6766118 500.814217,35.0519721 C504.15359,18.7743924 504.389678,6.77738508 512.306113,4 C516.952271,4.73410247 520.532435,11.0679387 523.182469,14.4521241 C528.590341,14.2372222 533.726214,15.6070021 538.832705,17.1272571 C548.077718,15.8147836 555.835649,10.6211429 564,6.58095832 C555.726838,13.3374633 554.604541,24.3296396 555.549873,34.4945636 C555.901428,39.7692086 554.411518,45.4959316 552.56964,50.8964678 C549.122861,59.6952657 542.466357,68.969826 534.740599,68.4941441 C531.819966,68.4017255 530.123302,66.7473485 527.952583,64.9810904 C527.531491,68.5586705 525.876481,71.7509522 524.281076,74.9149914 C520.596809,81.9303216 510.969052,85.0217786 502.054286,92.5127055 C493.140125,100.003746 504.906806,126.757399 507.75979,131.632016 C510.612311,136.507097 518.575572,138.290532 515.485563,142.690409 C514.54025,144.143492 513.094823,144.663196 511.550039,145.2269 L509.45407,145.5 Z M406.857056,123.298483 L408.270768,123.654421 C410.047226,122.976086 413.618139,124.024471 415.512346,124.537037 C412.024332,121.236977 406.769383,116.390903 402.983374,113.335801 C401.740688,109.637126 402.270922,105.91532 402.538288,102.139524 L402.591916,101.82716 C401.099565,104.849781 399.20572,107.787956 398.187823,110.969578 C396.996657,115.26186 403.481867,119.893011 405.996567,122.547196 L406.857056,123.298483 Z\" stroke=\"#FFFFFF\" stroke-width=\"3\" fill=\"#000000\"></path>\n <path d=\"M539.512,88.304 L576.504,88.304 L576.504,95.216 L561.976,95.216 L561.976,134 L553.976,134 L553.976,95.216 L539.512,95.216 L539.512,88.304 Z M580.984,88.304 L588.28,88.304 L588.28,95.216 L580.984,95.216 L580.984,88.304 Z M580.984,100.912 L588.28,100.912 L588.28,134 L580.984,134 L580.984,100.912 Z M627.384,134 L620.472,134 L620.472,129.52 L620.344,129.52 C619.362662,131.44001 617.933343,132.815996 616.056,133.648 C614.178657,134.480004 612.194677,134.896 610.104,134.896 C607.50132,134.896 605.229343,134.437338 603.288,133.52 C601.346657,132.602662 599.736006,131.354675 598.456,129.776 C597.175994,128.197325 596.216003,126.330677 595.576,124.176 C594.935997,122.021323 594.616,119.706679 594.616,117.232 C594.616,114.245318 595.021329,111.664011 595.832,109.488 C596.642671,107.311989 597.719993,105.520007 599.064,104.112 C600.408007,102.703993 601.943991,101.669337 603.672,101.008 C605.400009,100.346663 607.159991,100.016 608.952,100.016 C609.976005,100.016 611.021328,100.111999 612.088,100.304 C613.154672,100.496001 614.178662,100.805331 615.16,101.232 C616.141338,101.658669 617.047996,102.202663 617.88,102.864 C618.712004,103.525337 619.405331,104.303996 619.96,105.2 L620.088,105.2 L620.088,88.304 L627.384,88.304 L627.384,134 Z M601.912,117.808 C601.912,119.216007 602.093332,120.60266 602.456,121.968 C602.818668,123.33334 603.37333,124.549328 604.12,125.616 C604.86667,126.682672 605.815994,127.535997 606.968,128.176 C608.120006,128.816003 609.485325,129.136 611.064,129.136 C612.685341,129.136 614.082661,128.79467 615.256,128.112 C616.429339,127.42933 617.38933,126.533339 618.136,125.424 C618.88267,124.314661 619.437332,123.066674 619.8,121.68 C620.162668,120.293326 620.344,118.874674 620.344,117.424 C620.344,113.754648 619.522675,110.89601 617.88,108.848 C616.237325,106.79999 614.008014,105.776 611.192,105.776 C609.485325,105.776 608.045339,106.127996 606.872,106.832 C605.698661,107.536004 604.73867,108.453328 603.992,109.584 C603.24533,110.714672 602.712002,111.99466 602.392,113.424 C602.071998,114.85334 601.912,116.314659 601.912,117.808 L601.912,117.808 Z M666.488,134 L659.576,134 L659.576,129.52 L659.448,129.52 C658.466662,131.44001 657.037343,132.815996 655.16,133.648 C653.282657,134.480004 651.298677,134.896 649.208,134.896 C646.60532,134.896 644.333343,134.437338 642.392,133.52 C640.450657,132.602662 638.840006,131.354675 637.56,129.776 C636.279994,128.197325 635.320003,126.330677 634.68,124.176 C634.039997,122.021323 633.72,119.706679 633.72,117.232 C633.72,114.245318 634.125329,111.664011 634.936,109.488 C635.746671,107.311989 636.823993,105.520007 638.168,104.112 C639.512007,102.703993 641.047991,101.669337 642.776,101.008 C644.504009,100.346663 646.263991,100.016 648.056,100.016 C649.080005,100.016 650.125328,100.111999 651.192,100.304 C652.258672,100.496001 653.282662,100.805331 654.264,101.232 C655.245338,101.658669 656.151996,102.202663 656.984,102.864 C657.816004,103.525337 658.509331,104.303996 659.064,105.2 L659.192,105.2 L659.192,88.304 L666.488,88.304 L666.488,134 Z M641.016,117.808 C641.016,119.216007 641.197332,120.60266 641.56,121.968 C641.922668,123.33334 642.47733,124.549328 643.224,125.616 C643.97067,126.682672 644.919994,127.535997 646.072,128.176 C647.224006,128.816003 648.589325,129.136 650.168,129.136 C651.789341,129.136 653.186661,128.79467 654.36,128.112 C655.533339,127.42933 656.49333,126.533339 657.24,125.424 C657.98667,124.314661 658.541332,123.066674 658.904,121.68 C659.266668,120.293326 659.448,118.874674 659.448,117.424 C659.448,113.754648 658.626675,110.89601 656.984,108.848 C655.341325,106.79999 653.112014,105.776 650.296,105.776 C648.589325,105.776 647.149339,106.127996 645.976,106.832 C644.802661,107.536004 643.84267,108.453328 643.096,109.584 C642.34933,110.714672 641.816002,111.99466 641.496,113.424 C641.175998,114.85334 641.016,116.314659 641.016,117.808 L641.016,117.808 Z M674.616,88.304 L681.912,88.304 L681.912,134 L674.616,134 L674.616,88.304 Z M686.2,100.912 L694.2,100.912 L702.84,125.616 L702.968,125.616 L711.352,100.912 L718.968,100.912 L706.104,135.792 C705.506664,137.285341 704.920003,138.71466 704.344,140.08 C703.767997,141.44534 703.064004,142.650661 702.232,143.696 C701.399996,144.741339 700.36534,145.57333 699.128,146.192 C697.89066,146.81067 696.31201,147.12 694.392,147.12 C692.685325,147.12 691.000008,146.992001 689.336,146.736 L689.336,140.592 C689.933336,140.677334 690.509331,140.773333 691.064,140.88 C691.618669,140.986667 692.194664,141.04 692.792,141.04 C693.645338,141.04 694.349331,140.933334 694.904,140.72 C695.458669,140.506666 695.917332,140.197335 696.28,139.792 C696.642668,139.386665 696.951999,138.906669 697.208,138.352 C697.464001,137.797331 697.698666,137.157337 697.912,136.432 L698.744,133.872 L686.2,100.912 Z M719.608,88.304 L727.736,88.304 L735.992,123.248 L736.12,123.248 L745.336,88.304 L753.528,88.304 L762.488,123.248 L762.616,123.248 L771.128,88.304 L779.256,88.304 L766.648,134 L758.52,134 L749.368,99.056 L749.24,99.056 L739.896,134 L731.64,134 L719.608,88.304 Z M783.672,88.304 L790.968,88.304 L790.968,95.216 L783.672,95.216 L783.672,88.304 Z M783.672,100.912 L790.968,100.912 L790.968,134 L783.672,134 L783.672,100.912 Z M799.096,88.304 L806.392,88.304 L806.392,114.288 L819.576,100.912 L828.536,100.912 L815.864,113.072 L829.752,134 L820.856,134 L810.744,117.936 L806.392,122.16 L806.392,134 L799.096,134 L799.096,88.304 Z M833.464,88.304 L840.76,88.304 L840.76,95.216 L833.464,95.216 L833.464,88.304 Z M833.464,100.912 L840.76,100.912 L840.76,134 L833.464,134 L833.464,100.912 Z\" fill=\"#FFFFFF\"></path>\n <path d=\"M48.592,108.656 L48.72,108.656 C48.9760013,107.845329 49.4026637,106.949338 50,105.968 C50.5973363,104.986662 51.3866618,104.080004 52.368,103.248 C53.3493382,102.415996 54.5333264,101.722669 55.92,101.168 C57.3066736,100.613331 58.895991,100.336 60.688,100.336 C63.2053459,100.336 65.3919907,100.805329 67.248,101.744 C69.1040093,102.682671 70.6399939,103.941325 71.856,105.52 C73.0720061,107.098675 73.9786637,108.933323 74.576,111.024 C75.1733363,113.114677 75.472,115.311988 75.472,117.616 C75.472,120.133346 75.1733363,122.437323 74.576,124.528 C73.9786637,126.618677 73.0720061,128.421326 71.856,129.936 C70.6399939,131.450674 69.1040093,132.634662 67.248,133.488 C65.3919907,134.341338 63.2053459,134.768 60.688,134.768 C57.9573197,134.768 55.525344,134.170673 53.392,132.976 C51.258656,131.781327 49.7013382,129.840013 48.72,127.152 L48.592,127.152 L48.592,145.776 L46.16,145.776 L46.16,101.104 L48.592,101.104 L48.592,108.656 Z M60.688,132.656 C62.821344,132.656 64.6666589,132.250671 66.224,131.44 C67.7813411,130.629329 69.0613283,129.54134 70.064,128.176 C71.0666717,126.81066 71.8133309,125.221342 72.304,123.408 C72.7946691,121.594658 73.04,119.66401 73.04,117.616 C73.04,115.738657 72.8053357,113.893342 72.336,112.08 C71.8666643,110.266658 71.1413382,108.64534 70.16,107.216 C69.1786618,105.78666 67.9093411,104.634671 66.352,103.76 C64.7946589,102.885329 62.9066778,102.448 60.688,102.448 C58.5119891,102.448 56.6560077,102.874662 55.12,103.728 C53.5839923,104.581338 52.3360048,105.711993 51.376,107.12 C50.4159952,108.528007 49.7226688,110.138658 49.296,111.952 C48.8693312,113.765342 48.656,115.653324 48.656,117.616 C48.656,119.578676 48.8479981,121.466658 49.232,123.28 C49.6160019,125.093342 50.2666621,126.693326 51.184,128.08 C52.1013379,129.466674 53.3386589,130.575996 54.896,131.408 C56.4533411,132.240004 58.3839885,132.656 60.688,132.656 L60.688,132.656 Z M79.632,117.552 C79.632,115.205322 79.9626634,112.997344 80.624,110.928 C81.2853366,108.858656 82.2559936,107.034675 83.536,105.456 C84.8160064,103.877325 86.3946573,102.629338 88.272,101.712 C90.1493427,100.794662 92.3039878,100.336 94.736,100.336 C97.1680122,100.336 99.3226573,100.794662 101.2,101.712 C103.077343,102.629338 104.655994,103.877325 105.936,105.456 C107.216006,107.034675 108.186663,108.858656 108.848,110.928 C109.509337,112.997344 109.84,115.205322 109.84,117.552 C109.84,119.898678 109.509337,122.117323 108.848,124.208 C108.186663,126.298677 107.216006,128.122659 105.936,129.68 C104.655994,131.237341 103.077343,132.474662 101.2,133.392 C99.3226573,134.309338 97.1680122,134.768 94.736,134.768 C92.3039878,134.768 90.1493427,134.309338 88.272,133.392 C86.3946573,132.474662 84.8160064,131.237341 83.536,129.68 C82.2559936,128.122659 81.2853366,126.298677 80.624,124.208 C79.9626634,122.117323 79.632,119.898678 79.632,117.552 L79.632,117.552 Z M82.064,117.552 C82.064,119.514676 82.3413306,121.402658 82.896,123.216 C83.4506694,125.029342 84.261328,126.639993 85.328,128.048 C86.394672,129.456007 87.7173254,130.575996 89.296,131.408 C90.8746746,132.240004 92.6879898,132.656 94.736,132.656 C96.7840102,132.656 98.5973254,132.240004 100.176,131.408 C101.754675,130.575996 103.077328,129.456007 104.144,128.048 C105.210672,126.639993 106.021331,125.029342 106.576,123.216 C107.130669,121.402658 107.408,119.514676 107.408,117.552 C107.408,115.589324 107.130669,113.701342 106.576,111.888 C106.021331,110.074658 105.210672,108.464007 104.144,107.056 C103.077328,105.647993 101.754675,104.528004 100.176,103.696 C98.5973254,102.863996 96.7840102,102.448 94.736,102.448 C92.6879898,102.448 90.8746746,102.863996 89.296,103.696 C87.7173254,104.528004 86.394672,105.647993 85.328,107.056 C84.261328,108.464007 83.4506694,110.074658 82.896,111.888 C82.3413306,113.701342 82.064,115.589324 82.064,117.552 L82.064,117.552 Z M123.728,131.184 L123.856,131.184 L132.816,101.104 L136.08,101.104 L145.104,131.184 L145.232,131.184 L154.448,101.104 L157.136,101.104 L146.576,134 L143.568,134 L134.544,104.176 L134.416,104.176 L125.328,134 L122.256,134 L111.824,101.104 L114.448,101.104 L123.728,131.184 Z M161.552,117.872 L161.552,118.256 C161.552,120.17601 161.807997,122.010658 162.32,123.76 C162.832003,125.509342 163.589328,127.045327 164.592,128.368 C165.594672,129.690673 166.853326,130.735996 168.368,131.504 C169.882674,132.272004 171.642657,132.656 173.648,132.656 C176.93335,132.656 179.53599,131.792009 181.456,130.064 C183.37601,128.335991 184.698663,125.936015 185.424,122.864 L187.856,122.864 C187.130663,126.704019 185.562679,129.64799 183.152,131.696 C180.741321,133.74401 177.55202,134.768 173.584,134.768 C171.151988,134.768 169.029342,134.330671 167.216,133.456 C165.402658,132.581329 163.888006,131.386674 162.672,129.872 C161.455994,128.357326 160.549336,126.565344 159.952,124.496 C159.354664,122.426656 159.056,120.197345 159.056,117.808 C159.056,115.503988 159.36533,113.296011 159.984,111.184 C160.60267,109.071989 161.53066,107.216008 162.768,105.616 C164.00534,104.015992 165.551991,102.736005 167.408,101.776 C169.264009,100.815995 171.450654,100.336 173.968,100.336 C176.272012,100.336 178.309324,100.762662 180.08,101.616 C181.850676,102.469338 183.333327,103.631993 184.528,105.104 C185.722673,106.576007 186.62933,108.282657 187.248,110.224 C187.86667,112.165343 188.176,114.245322 188.176,116.464 C188.176,116.677334 188.165333,116.922665 188.144,117.2 C188.122667,117.477335 188.112,117.701332 188.112,117.872 L161.552,117.872 Z M185.68,115.76 C185.594666,113.967991 185.296003,112.272008 184.784,110.672 C184.271997,109.071992 183.514672,107.664006 182.512,106.448 C181.509328,105.231994 180.29334,104.261337 178.864,103.536 C177.43466,102.810663 175.802676,102.448 173.968,102.448 C172.005324,102.448 170.277341,102.82133 168.784,103.568 C167.290659,104.31467 166.032005,105.295994 165.008,106.512 C163.983995,107.728006 163.194669,109.146659 162.64,110.768 C162.085331,112.389341 161.744001,114.053325 161.616,115.76 L185.68,115.76 Z M196.24,108.4 L196.432,108.4 C196.730668,107.333328 197.274663,106.330671 198.064,105.392 C198.853337,104.453329 199.813328,103.64267 200.944,102.96 C202.074672,102.27733 203.333326,101.754668 204.72,101.392 C206.106674,101.029332 207.546659,100.869333 209.04,100.912 L209.04,103.344 C207.759994,103.173332 206.298675,103.301331 204.656,103.728 C203.013325,104.154669 201.445341,105.093326 199.952,106.544 C199.354664,107.184003 198.832002,107.802664 198.384,108.4 C197.935998,108.997336 197.562668,109.658663 197.264,110.384 C196.965332,111.109337 196.730668,111.919996 196.56,112.816 C196.389332,113.712004 196.282667,114.77866 196.24,116.016 L196.24,134 L193.808,134 L193.808,101.104 L196.24,101.104 L196.24,108.4 Z M211.792,117.872 L211.792,118.256 C211.792,120.17601 212.047997,122.010658 212.56,123.76 C213.072003,125.509342 213.829328,127.045327 214.832,128.368 C215.834672,129.690673 217.093326,130.735996 218.608,131.504 C220.122674,132.272004 221.882657,132.656 223.888,132.656 C227.17335,132.656 229.77599,131.792009 231.696,130.064 C233.61601,128.335991 234.938663,125.936015 235.664,122.864 L238.096,122.864 C237.370663,126.704019 235.802679,129.64799 233.392,131.696 C230.981321,133.74401 227.79202,134.768 223.824,134.768 C221.391988,134.768 219.269342,134.330671 217.456,133.456 C215.642658,132.581329 214.128006,131.386674 212.912,129.872 C211.695994,128.357326 210.789336,126.565344 210.192,124.496 C209.594664,122.426656 209.296,120.197345 209.296,117.808 C209.296,115.503988 209.60533,113.296011 210.224,111.184 C210.84267,109.071989 211.77066,107.216008 213.008,105.616 C214.24534,104.015992 215.791991,102.736005 217.648,101.776 C219.504009,100.815995 221.690654,100.336 224.208,100.336 C226.512012,100.336 228.549324,100.762662 230.32,101.616 C232.090676,102.469338 233.573327,103.631993 234.768,105.104 C235.962673,106.576007 236.86933,108.282657 237.488,110.224 C238.10667,112.165343 238.416,114.245322 238.416,116.464 C238.416,116.677334 238.405333,116.922665 238.384,117.2 C238.362667,117.477335 238.352,117.701332 238.352,117.872 L211.792,117.872 Z M235.92,115.76 C235.834666,113.967991 235.536003,112.272008 235.024,110.672 C234.511997,109.071992 233.754672,107.664006 232.752,106.448 C231.749328,105.231994 230.53334,104.261337 229.104,103.536 C227.67466,102.810663 226.042676,102.448 224.208,102.448 C222.245324,102.448 220.517341,102.82133 219.024,103.568 C217.530659,104.31467 216.272005,105.295994 215.248,106.512 C214.223995,107.728006 213.434669,109.146659 212.88,110.768 C212.325331,112.389341 211.984001,114.053325 211.856,115.76 L235.92,115.76 Z M269.456,126.96 L269.328,126.96 C267.96266,129.56268 266.25601,131.51466 264.208,132.816 C262.15999,134.11734 259.664015,134.768 256.72,134.768 C254.245321,134.768 252.112009,134.298671 250.32,133.36 C248.527991,132.421329 247.056006,131.162675 245.904,129.584 C244.751994,128.005325 243.898669,126.181344 243.344,124.112 C242.789331,122.042656 242.512,119.877345 242.512,117.616 C242.512,115.183988 242.810664,112.912011 243.408,110.8 C244.005336,108.687989 244.911994,106.864008 246.128,105.328 C247.344006,103.791992 248.869324,102.576004 250.704,101.68 C252.538676,100.783996 254.693321,100.336 257.168,100.336 C258.490673,100.336 259.791994,100.517332 261.072,100.88 C262.352006,101.242668 263.535995,101.76533 264.624,102.448 C265.712005,103.13067 266.661329,103.983995 267.472,105.008 C268.282671,106.032005 268.901331,107.183994 269.328,108.464 L269.456,108.464 L269.456,88.304 L271.888,88.304 L271.888,134 L269.456,134 L269.456,126.96 Z M257.232,132.656 C259.322677,132.656 261.125326,132.229338 262.64,131.376 C264.154674,130.522662 265.413328,129.392007 266.416,127.984 C267.418672,126.575993 268.165331,124.965342 268.656,123.152 C269.146669,121.338658 269.392,119.493343 269.392,117.616 C269.392,115.69599 269.146669,113.829342 268.656,112.016 C268.165331,110.202658 267.429338,108.58134 266.448,107.152 C265.466662,105.72266 264.197341,104.581338 262.64,103.728 C261.082659,102.874662 259.258677,102.448 257.168,102.448 C254.991989,102.448 253.136008,102.863996 251.6,103.696 C250.063992,104.528004 248.794672,105.647993 247.792,107.056 C246.789328,108.464007 246.064002,110.085324 245.616,111.92 C245.167998,113.754676 244.944,115.653324 244.944,117.616 C244.944,119.53601 245.189331,121.402658 245.68,123.216 C246.170669,125.029342 246.917328,126.639993 247.92,128.048 C248.922672,129.456007 250.191992,130.575996 251.728,131.408 C253.264008,132.240004 255.098656,132.656 257.232,132.656 L257.232,132.656 Z M298,88.304 L300.432,88.304 L300.432,108.08 L300.56,108.08 C301.029336,106.799994 301.690662,105.680005 302.544,104.72 C303.397338,103.759995 304.378661,102.949337 305.488,102.288 C306.597339,101.626663 307.791994,101.136002 309.072,100.816 C310.352006,100.495998 311.67466,100.336 313.04,100.336 C315.472012,100.336 317.573324,100.762662 319.344,101.616 C321.114676,102.469338 322.597327,103.642659 323.792,105.136 C324.986673,106.629341 325.871997,108.36799 326.448,110.352 C327.024003,112.33601 327.312,114.479988 327.312,116.784 C327.312,120.709353 326.778672,123.855988 325.712,126.224 C324.645328,128.592012 323.365341,130.405327 321.872,131.664 C320.378659,132.922673 318.821341,133.754665 317.2,134.16 C315.578659,134.565335 314.192006,134.768 313.04,134.768 C310.863989,134.768 309.018674,134.42667 307.504,133.744 C305.989326,133.06133 304.741338,132.261338 303.76,131.344 C302.778662,130.426662 302.032003,129.520004 301.52,128.624 C301.007997,127.727996 300.688001,127.066669 300.56,126.64 L300.432,126.64 L300.432,134 L298,134 L298,88.304 Z M313.04,132.656 C315.216011,132.656 317.050659,132.186671 318.544,131.248 C320.037341,130.309329 321.253329,129.082674 322.192,127.568 C323.130671,126.053326 323.813331,124.346676 324.24,122.448 C324.666669,120.549324 324.88,118.661343 324.88,116.784 C324.88,114.949324 324.634669,113.178675 324.144,111.472 C323.653331,109.765325 322.906672,108.240007 321.904,106.896 C320.901328,105.551993 319.664007,104.474671 318.192,103.664 C316.719993,102.853329 315.002676,102.448 313.04,102.448 C310.906656,102.448 309.050675,102.810663 307.472,103.536 C305.893325,104.261337 304.592005,105.263994 303.568,106.544 C302.543995,107.824006 301.776003,109.338658 301.264,111.088 C300.751997,112.837342 300.496,114.73599 300.496,116.784 C300.496,118.789343 300.730664,120.75199 301.2,122.672 C301.669336,124.59201 302.405328,126.287993 303.408,127.76 C304.410672,129.232007 305.701325,130.415996 307.28,131.312 C308.858675,132.208004 310.778655,132.656 313.04,132.656 L313.04,132.656 Z M329.04,101.104 L331.92,101.104 L344.144,131.12 L355.408,101.104 L358.16,101.104 L344.08,137.52 C343.39733,139.141341 342.768003,140.538661 342.192,141.712 C341.615997,142.885339 340.965337,143.749331 340.24,144.304 C339.386662,144.98667 338.373339,145.402666 337.2,145.552 C336.026661,145.701334 334.48001,145.776 332.56,145.776 L332.56,143.664 C334.309342,143.664 335.674662,143.525335 336.656,143.248 C337.637338,142.970665 338.554662,142.405338 339.408,141.552 C339.877336,141.082664 340.367997,140.218673 340.88,138.96 C341.392003,137.701327 342.031996,135.984011 342.8,133.808 L329.04,101.104 Z\" fill=\"#FFFFFF\"></path>\n </g>\n</svg>\n"
},
"$:/plugins/tiddlywiki/powered-by-tiddlywiki/readme": {
"title": "$:/plugins/tiddlywiki/powered-by-tiddlywiki/readme",
"text": "This plugin adds a \"Powered by ~TiddlyWiki\" banner that links back to http://tiddlywiki.com\n\nIt's very basic at the moment, but the plan is to improve it by making it more customisable.\n"
},
"$:/plugins/tiddlywiki/powered-by-tiddlywiki/styles": {
"title": "$:/plugins/tiddlywiki/powered-by-tiddlywiki/styles",
"tags": "$:/tags/Stylesheet",
"text": ".tc-powered-by-tiddlywiki-banner {\n\tposition: fixed;\n\tright: 1em;\n\tbottom: 0;\n z-index: 2000;\n}"
}
}
}
\define concat-tiddler-link()
$(address)$#$(tiddler-title)$
\end
\define sourceLink()
<$list filter="[all[current]has[twcs-extracted-plugin-tiddler]]">
<$tiddler tiddler={{!!twcs-extracted-plugin-tiddler}}>
<$set name="address" filter="[all[current]get[source-wiki-id]get[wiki-address]]">
<$set name="tiddler-title" value={{!!source-tiddler-title-as-link}}>
<a href=<<concat-tiddler-link>> target="_blank">{{ $:/core/images/chevron-right }}</a>
</$set>
</$set>
</$tiddler>
</$list>
\end
<tr>
<td><$link to=<<currentTiddler>>><$view field=name/></$link></td>
<td>{{!!short_description}}</td>
<td><$link to={{!!twcs-wiki-id}}><$text text={{!!twcs-wiki-id}}/></$link></td>
<td><<sourceLink>></td>
</tr>
{{||$:/CommunityExtractedPluginTemplate}}
The ''~PublicSidebar'' lets you display different sidebars depending on domain (url).
For instance, you may prefer the regular sidebar lists when you admin your TW but a conventional menu when it's uploaded for the public.
//Note:// No core tiddlers are overwritten. Instead CSS is used to redefine what is displayed.
<br>''Installation''<br>
Drag these three tiddlers into your TW from here and @@color:crimson; ''//reload//''@@ your TW afterwards.
|$:/PublicSidebar/main|Specifies the public URL and redefines CSS to hide/show parts. You must of course tweak these things. See [[here|Sidebar CSS overview]] for details. |
|PublicMenu|Sample menu, seen on right. To be tweaked by you, see [[here|Set up your menu tiddler like this]] for guidance.|
|$:/macros/buggyj/misc/location.js|The macro detecting the current url is from fellow ~BuggyJ ([[source|https://groups.google.com/d/msg/tiddlywiki/bDAOWS5fcHw/5jr5Xtd9CQAJ]]). @@color:crimson; ''//Thank you ~BuggyJ !//''@@|
<br><:-)<br>
@@font-size:small; //[[TWaddling|http://twaddle.tiddlyspot.com]] since 1915//@@
<center>
What if ''you did not know'' about TW?<br>
<br>
Would you be grateful if someone told you about it?<br>
<br>
''Who'' will you tell? ...<br>
<br>
[[today?|http://tiddlywiki.com/prerelease/static/HelpingTiddlyWiki.html]]
</center>
<div class="public">
So this is a __[[public menu|PublicMenu]]__ that can contain<br>
and be styled any way you want, including<br>
the title etc above here, of course.
*[[About PublicSidebar]]
*PublicMenu (this menu)
*$:/PublicSidebar/main
*[[Sidebar CSS overview]]
*[[Set up your menu tiddler like this]]
<br><br><br>@@margin-left:70px; <$link to="Bigger community ⇄ Better TW">[img width=100 [You didn't import this image or the tiddler it leads to|$:/img/fishclick]]</$link>@@
</div>
If you want a menu to behave(!) similar to what is demo'ed here, you can simply edit the PublicMenu tiddler here or just create a new tiddler that it:
*is tagged `$:/tags/SideBar` so to be displayed as a tab in the sidebar... IF sidebar tabs are displayed.
*Note that the //contents// of the ~PublicMenu are displayed in this demo //even if // the tab lists are hidden.
*In $:/PublicSidebar/main the tabs are hidden using `.tc-sidebar-lists{visibility:hidden;}` but this is reverted for the desired public menu content by defining the extra class, i.e `.public {visibility:visible;}` that is then applied in PublicMenu
*AND you must ensure that it is your menu that is the //active// tab by default via $:/ControlPanel > Settings. Set the DefaultSidebarTab to be your public menu tiddler or else some other tab will be the active one but it is set to "visibility:hidden" so the sidebar will appear blank there...
This is a runthrough of the default TW stylings to the default sidebar elements, i.e these are the stylings which values you can change for different effects.
#$:/core/ui/PageTemplate/sidebar with the style ''.tc-sidebar-scrollable'' for all content and contains...
##''sidebar header'' (no separate tiddler) with ''.tc-sidebar-header'' that in turn contains..
###the TW title - ''.tc-site-title''
###subtitle - ''.tc-site-subtitle''
##$:/core/ui/PageTemplate/pagecontrols with ''.tc-page-controls'' for all pagecontrol buttons
##$:/core/ui/SideBarLists with ''.tc-sidebar-lists'' for all its content which includes...<br>
###the search engine - ''.tc-search''<br>$:/core/ui/SearchResults - ''.tc-search-results''
###a direct macro call for the tabs lists that unfortunately does not specify a class so we can't manipulate them directly/specifically
A tip for playing around with styling in an easy way is to use my [[SideEditor|http://sideeditor.tiddlyspot.com/]] plugin. This lets you edit the $:/PublicSidebar/main "live" so you see the effects without having to save the tiddler all the time.
```
<$set name="var" value="[all[missing]]">
<$list filter=<<var>>/>
</$set>
```
<<<
<$set name="var" value="[all[missing]]">
<$list filter=<<var>>/>
</$set>
<<<
```
<$list filter="[all[missing]]">
<<currentTiddler>>
</$list>
```
<<<
@@color:red;
<$list filter="[all[missing]]">
"<<currentTiddler>>"
</$list>
@@
<<<
\define foo(bar)
<$set name="baz" value="mumble">
<<list-links filter:"[[$bar$]] [[$(baz)$]]">>
</$set>
\end
```
\define foo(bar)
<$set name="baz" value="mumble">
<<list-links filter:"[[$bar$]] [[$(baz)$]]">>
</$set>
\end
<<foo GettingStarted>>
```
output:
<<foo GettingStarted>>
expected:
* [[GettingStarted]]
* [[mumble]]
@@color:red; Interestingly, the param gets replaced within the quotes but not the variable.@@
\define foo(bar)
<<bar>>
\end
```
\define foo(bar)
<<bar>>
\end
<<foo GettingStarted>>
```
output:
<<foo GettingStarted>>
expected:
GettingStarted
@@color:red; This one is particularly confusing as I definitely expected it to work.@@
\define foo(bar)
<<list-links filter:<bar> >>
\end
```
\define foo(bar)
<<list-links filter:<baz> >>
\end
```
output:
<<foo GettingStarted>>
expected:
* [[GettingStarted]]
@@color:red; Someone suggested that variables should work in filters using single angle brackets. o.O@@
\define foo(bar)
<<list-links filter:"<bar>">>
\end
```
\define foo(bar)
<<list-links filter:"<baz>">>
\end
```
output:
<<foo GettingStarted>>
expected:
* [[GettingStarted]]
@@color:red; Someone suggested that variables should work in filters using single angle brackets. o.O@@
\define foo(bar)
<$set name="baz" value="mumble">
<<list-links filter:"$bar$ $(baz)$">>
</$set>
\end
```
\define foo(bar)
<$set name="baz" value="mumble">
<<list-links filter:"$bar$ $(baz)$">>
</$set>
\end
<<foo GettingStarted>>
```
output:
<<foo GettingStarted>>
expected:
* [[GettingStarted]]
* [[mumble]]
@@color:red; Interestingly, the param gets replaced within the quotes but not the variable.@@
\define foo(bar)
<$set name="baz" value="[[mumble]]">
<<list-links filter:<baz> >>
</$set>
\end
```
\define foo(bar)
<$set name="baz" value="[[mumble]]">
<<list-links filter:<baz> >>
</$set>
\end
```
output:
<<foo GettingStarted>>
expected:
* [[GettingStarted]]
@@color:red; Someone suggested that either macro parameters or variables should work in filters using single angle brackets. o.O@@
\define foo(bar)
<$set name="baz" value="[[mumble]]">
<<list-links filter:"<baz>">>
</$set>
\end
```
\define foo(bar)
<$set name="baz" value="[[mumble]]">
<<list-links filter:"<baz>">>
</$set>
\end
```
output:
<<foo GettingStarted>>
expected:
* [[GettingStarted]]
* [[mumble]]
@@color:red; Someone suggested that either macro parameters or variables should work in filters using single angle brackets. o.O@@
\define foo(bar)
<$set name="myvar" value="$bar$">
$(myvar)$
</$set>
\end
```
\define foo(bar)
<$set name="myvar" value="$bar$">
$(myvar)$
</$set>
\end
<<foo GettingStarted>>
```
output:
<<foo GettingStarted>>
expected:
GettingStarted
@@color:red; Is there a case where $(~ParamOrVar)$ ever works?@@
\define foo(bar)
<$set name="myvar" value="$bar$">
$(myvar)$
</$set>
\end
```
\define foo(bar)
<$set name="myvar" value="$bar$">
$(myvar)$
</$set>
\end
<<foo GettingStarted>>
```
output:
<<foo GettingStarted>>
expected:
GettingStarted
@@color:red; Is there a case where $(~ParamOrVar)$ ever works?@@
This summary is based on excellent posts by [[Jed Carty|https://groups.google.com/d/msg/tiddlywiki/_x9CDAFtwQc/XKGuffTkLVwJ]] and [[Danielo Rodrigues|https://groups.google.com/d/msg/tiddlywiki/1BjhyWKpTgg/b4mFt4CqYt4J]] on using variables and parameters. Also see:
* [[Variables vs. Parameters|http://tb5.tiddlyspot.com/#Variables%20vs.%20Parameters]] — short and sweet
* [[Variables In Nested Lists|http://tb5.tiddlyspot.com/#Variables%20In%20Nested%20Lists]]
* [[Passing Parameters To A Transclusion|http://tb5.tiddlyspot.com/#Passing%20Parameters%20To%20A%20Transclusion]]
<br>
!Defining Variables
!! `<$set>`
Set variables inside or outside a macro:
```
<$set name='var' value='foo'>
<<var>> "<<var>>"
</$set>
```
<<<
<$set name='var' value='foo'>
<<var>> "<<var>>"
</$set>
<<<
<br>
When the value is set as a filter it can be used as a filter:
```
<$set name="var" value="[all[missing]]">
<$list filter=<<var>>/>
</$set>
```
<<<
<$set name="var" value="[all[missing]]">
<$list filter=<<var>>/>
</$set>
<<<
<br>
!! `<$list>`
`<<currentTiddler>>` inside the list will be the item!
```
<$list filter="[tag[Foo]]">
"<<currentTiddler>>"
</$list>
```
<<<
<$list filter="[tag[Foo]]">
"<<currentTiddler>>"
</$list>
<<<
<br>
On the other hand, the parameter `variable` sets a variable at each iteration to the current list item:
```
Parent / Item...<br>
<$list filter="[tag[Foo]]" variable="myItem">
<<currentTiddler>> / <<myItem>><br>
</$list>
```
<<<
Parent / Item...<br>
<$list filter="[tag[Foo]]" variable="myItem">
<<currentTiddler>> / <<myItem>><br>
</$list>
<<<
<br>
!Using Variables And Macro Parameters
!!`<<var>>`
a [[variable|http://tiddlywiki.com/#Variables]] acting the same inside a macro as outside
;~~`$var$`~~ and ~~`"$var$"`~~
:with ''var'' being an actual variable, these are @@ciolor:red; just strings@@
:no substitution will take place, inside or outside a macro
<br>
!!`$param$`
As macro parameters, both `$param$` and `"$param$"` are substituted fine!
Using <<source MacroTest>>
With...
```
<$set name='var' value={{!!title}}>
<<test GettingStarted>>
</$set>
```
<<<
<$set name='var' value={{!!title}}>
<<test GettingStarted>>
</$set>
<<<
''Note:'' `<<test "<<var>>">>` does @@color:red; NOT@@ work!
<br>
!! `$(var)$`
to reference variables when calling another macro from within a macro
Using <<source MacroLink>>
With:
```
<$set name="var" value="Foo">>
<<doLink>>
</$set>
```
<<<
<$set name="var" value="Foo">>
<<doLink>>
</$set>
<<<
;~~`[tag[$(var)$]]`~~
:used as a filter, gives tiddlers tagged `$(var)$` @@color:red; ...without any substitution!@@
<br>
!!`{{!!field}}`
Using transcluded parameters can be tricky.
For example, trying to use <<source MacroLink>>
@@color:red; Fails with:@@
```
<<link {{!!title}}>>
```
<<<
<<link {{!!title}}>>
<<<
Instead, use the `$macrocall` widget, paying attention with the variable ''__$__''name:
```
<$macrocall $name="link" tiddler={{!!title}}/>
```
<<<
<$macrocall $name="link" tiddler={{!!title}}/>
<<<
Quotes around the transcluded parameter @@color:red; will fail, too!@@
```
<$macrocall $name="link" tiddler="{{!!title}}"/>
```
<<<
<$macrocall $name="link" tiddler="{{!!title}}"/>
<<<
<br>
!!``<var>``
Does __only__ work as a __filter variable__, inside or outside a macro:
```
<$set name='var' value='Foo'>
<$list filter='[tag<var>]'/>
</$set>
```
<<<
<$set name='var' value='Foo'>
<$list filter='[tag<var>]'/>
</$set>
<<<
Example for using `<var>` inside <<source MacroTaggingByVar>>
With...
```
<$set name='var' value='Foo'>
<<taggingByVar>>
</$set>
```
<<<
<$set name='var' value='Foo'>
<<taggingByVar>>
</$set>
<<<
''@@color:red; Important:@@'' Make sure not to enclose `<var>` in angle brackets: ~~`[tag[<var>]]`~~!
Otherwise...
;~~`<var>`~~
:__in wikitext__ is parsed as any other html tag, so it's @@color:red; not a valid variable@@
;~~`"<var>"`~~
:is the same as putting quotes around any tag where it displays quotes
;~~`[[<var>]]`~~
:treated as a string, so it creates a link to [[<var>]]
<br>
!! @@color:green; Good luck now!@@
\define link(tiddler) [[$tiddler$]]
\define doLink()
<<link $(var)$>>
\end
\define taggingByVar()
<$list filter="[tag<var>]"/>
\end
\define test(param)
<br> $param$
<br> "$param$"
<br> [[$param$]]
<br> <<var>>
<br> $(var)$
\end
\define foo(bar)
<$set name="baz" value="mumble">
<<list-links filter:"[[$bar$]] <<baz>>">>
</$set>
\end
```
\define foo(bar)
<$set name="baz" value="mumble">
<<list-links filter:"[[$bar$]] <<baz>>">>
</$set>
\end
<<foo GettingStarted>>
```
output:
<<foo GettingStarted>>
expected:
* [[GettingStarted]]
* [[mumble]]
@@color:orange; Expected not to work as there's a macro within a macro and I didn't expect that to be supported, or is it?@@
\define foo(bar)
<$set name="baz" value="$bar$ [[mumble]]">
<$list filter="<<baz>>"/>
</$set>
\end
```
\define foo(bar)
<$set name="baz" value="$bar$ [[mumble]]">
<$list filter="<<baz>>"/>
</$set>
\end
<<foo GettingStarted>>
```
output:
<<foo GettingStarted>>
expected:
[[<<baz>>]]
@@color:orange; I expected that not to work, as I thought variable filter params in a widget call are not to be put into quotes.@@
```
<$set name="myvar" value="GettingStarted">
$(myvar)$
</$set>
```
output:
<$set name="myvar" value=$bar$>
$(myvar)$
</$set>
expected:
$(myvar)$
@@color:orange; I expected that not to render the value as we're not in the scope of a macro.@@
\define foo(bar)
<$set name="baz" value="$bar$ [[mumble]]">
<$list filter=<<baz>>/>
</$set>
\end
```
\define foo(bar)
<$set name="baz" value="$bar$ [[mumble]]">
<$list filter=<<baz>>/>
</$set>
\end
<<foo GettingStarted>>
```
output:
<<foo GettingStarted>>
expected:
[[GettingStarted]][[mumble]]
\define foo(bar)
$bar$
\end
```
\define foo(bar)
$bar$
\end
<<foo GettingStarted>>
```
output:
<<foo GettingStarted>>
expected:
GettingStarted
\define foo(bar)
<$set name="myVar" value=$bar$>
<<myVar>>
</$set>
\end
```
\define foo(bar)
<$set name="myVar" value="$bar$">
<<myVar>>
</$set>
\end
<<foo GettingStarted>>
```
output:
<<foo GettingStarted>>
expected:
GettingStarted
*`OK`, i.e. tested OK
*`nOK` or not OK ...meaning: failure was expected
*`FAIL`ed test
*`:` rather sure
*`?` doubt
<<tagging>>
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
"""
''Il pleut'' by Guillaume Apollinaire. Calligrammes (1918).
[[English translation|SocialCalc/Demos/calligramme-in-english--demo]]
"""
<$edit-socialcalc tiddler="SocialCalc/Demos/calligramme" mode="view" grid="no" height=500/>
"""
''It's raining'' by Guillaume Apollinaire. Calligrammes (1918).
Translation : Roger Shattuck.
"""
<$edit-socialcalc tiddler="SocialCalc/Demos/calligramme-in-english" mode="view" grid="no" height=500/>
''A field of numbers''
<$edit-socialcalc tiddler="SocialCalc/Demos/field" height=400/>
''Examples of links''
<$edit-socialcalc tiddler="SocialCalc/Demos/links"/>
''A calc sheet. Feel free to modify it !''
<$edit-socialcalc tiddler="SocialCalc/Demos/one-plus-one" height=400/>
The plugin : [[SocialCalc|$:/plugins/rboue/SocialCalc]]
!Demos
Some calc sheets to play and see what you can do with ~SocialCalc :
[[one-plus-one|SocialCalc/Demos/one-plus-one--demo]]
[[field|SocialCalc/Demos/field--demo]]
[[calligramme|SocialCalc/Demos/calligramme--demo]]
[[links|SocialCalc/Demos/links--demo]]
!What is ~SocialCalc ?
A calc sheet to do effective calculations and much more.
Links :
[[Documentation|http://sternlife.stern.nyu.edu/help-en/SocialCalc]]
[[Engine|http://www.softwaregarden.com/products/wikicalc/socialcalc/EngineDoc-8.html]]
!~SocialCalc in ~TiddlyWiki environment
"""
__''Calc sheet storage''__
~SocialCalc stores calc sheets in tiddlers of type `application/x-socialcalc`.
__''Calc sheet edition''__
There is two ways to edit a calc sheet : with the standard tiddler editor or with the `<$edit-socialcal>` widget.
For the widget way, see below.
When you click on the edit icon of an `application/x-socialcalc` tiddler, the tiddler's editor displays an `<$edit-socialcalc>` widget to edit the calc page. You can also modify tiddler's fields the usual way.
__''Data exchange''__
The "Clipboard" menu allows you to import/export data. However, supported formats are very limited. Don't expect to exchange data with EXCEL. There is simple text formats like CSV and Tab-delimited, and the "~SocialCalc-save" format. You can export a selection of a calc sheet (the clipboard) to a tiddler and you can import a data tiddler to the clipboard, nothing more.
__''Links in calc sheet''__
~SocialCalc offers a reasonable choice of link's types. See ~SocialCal documentation for details.
There is two kinds of links that the plugin manages in a different way : calc sheet references (better known as "page references") and URL links.
__Page reference__
A page reference is a reference to another calc sheet's piece of data in a formula. This type of link is essential to simplify the task of building calc sheets by splitting data between different sheets. In conventional case, calc sheets are web pages on specific servers. In ~TiddlyWiki's case, calc sheets are always stored in local tiddlers.
Then, with ~TiddlyWiki, the reference to a page is simply the title of its tiddler.
Example of a formula with page references :
`="My first tiddler with a calc sheet"!a11 * "My second tiddler with a calc sheet"!b22`
To ease the task of page referencing, the plugin offers an ambryo of filesystem and relative path handling. Let's say a main sheet is stored in the tiddler named "My directory/my main page" and a sheet with useful data in "My directory/my useful page". With relative path you can simply reference "my useful page" in a formula of the main sheet. This behaviour is configuration dependent (see below). You must define a filesystem.PATH attribute with the list of directories to search for page references.
Example of configuration and formula with relative page references :
Configuration tiddler (`$:config/rboue/SocialCalc`) :
"""
```
{
"filesystem": {
"PATH": "My directory;other directory"
},
...
}
```
"""
`="my useful page"!a11 * "my useful page"!b22`
__URL links__
Conventional ~SocialCalc offers the possibility to define clickable links, with common URLs like "http:...", "mailto:...", etc.
The plugin adds the possibility to open tiddlers the same way, with a special type of URL :
''tw:''`title of a tiddler`
Example of cell's value with a clickable link to a tiddler :
`'<tw:My tiddler>`
Filesystem and relative path applies also to URL links of type "tw:". This is the same behaviour than with page references.
When creating a link, don't forget to set the cell's format value to `Link`.
__''<$edit-socialcalc> widget''__
The widget offers quite the same UI than conventional ~SocialCalc editor.
However there is some slight differences :
"""
* A new "Save changes" icon enables you to save sheet's data in tiddler. Its colour changes as soon as a change in data occured, to inform you that a save is required.
* The "Clipboard" menu has more functionnalities. You can import clipboard data from tiddlers, with a choice of different formats. You can also export the clipboard to a data tiddler.
* The "Graph" menu has been enhanced and offers more effective data display.
"""
The full set of conventional ~SocialCalc's editor keys is available whith the "Edit" menu, especially Ctrl-c/Ctrl-x/Ctrl-v to copy/delete/paste cells or ranges of cells.
Please note that Ctrl-s has the same behaviour than a click on the "Save changes" icon.
The content of the `<$edit-socialcalc>` widget is not interpreted.
"""
|Attribute |Description |h
|width |Width of the widget in pixel |
|height |Height of the widget in pixel (300 by default) |
|mode |Type of display : "edit" to edit the data (default value), "view" to display without modification |
|grid |"yes" to display the grid (default value), "no" otherwise |
|class |An optional CSS class name to be assigned to the HTML element |
"""
__''Configuration''__
The plugin is configured via the `$:config/rboue/SocialCalc` tiddler (of type `application/json`).
Example of configuration :
"""
```
{
"filesystem": {
"PATH": "SocialCalc/Tests;SocialCalc/Tests/TestPath1;SocialCalc/Tests/TestPath2"
},
"grid": "yes",
"LANG": "fr-FR",
"heightInTiddlerEditor": 500
}
```
|Attribute |Description |h
|filesystem |Activates the pseudo filesystem behaviour. `PATH` is a list of absolute directories to search under when calc sheets are referenced in formula |
|grid |If "yes", displays the grid (default). If "no", suppress the grid |
|LANG |Language for menus, helps and tooltips translations. "en-GB" by default |
|heightInTiddlerEditor |Height in pixel of the `<$edit-socialcalc>` widget in the tiddler's editor. Default is 300 |
Default configuration is defined in the `$:/plugins/rboue/SocialCalc/config.json` tiddler.
[[three.js|http://threejs.org/]] - deferred area lights ~WebGL demo by [[redPlant|http://de.redplant.de]] - based on [[ArKano22's|http://www.gamedev.net/topic/552315-glsl-area-light-implementation/]] glsl implementation
@@float:right;
[[View source|Three.js/Demos/arealights.js]]
@@
<$view3js tiddler="Three.js/Demos/arealights.js"/>
Skybox by [[Paul Debevec|http://ict.debevec.org/~debevec/]].
@@float:right;
[[View source|Three.js/Demos/bubbles.js]]
@@
<$view3js tiddler="Three.js/Demos/bubbles.js"/>
Model by [[mirada|http://mirada.com]] from [[rome|http://www.ro.me]].
@@float:right;
[[View source|Three.js/Demos/horse.js]]
@@
<$view3js tiddler="Three.js/Demos/horse.js" class="threejs-screen"/>
[[three.js|http://threejs.org/]] - featuring lava shader by [[TheGameMaker|http://irrlicht.sourceforge.net/phpBB2/viewtopic.php?t=21057]]
@@float:right;
[[View source|Three.js/Demos/lava.js]]
@@
<$view3js tiddler="Three.js/Demos/lava.js" height=400/>
[[three.js|http://threejs.org/]] - based on greggman's [[blob|http://webglsamples.googlecode.com/hg/blob/blob.html]], original code by Henrik Rydgård
@@float:right;
[[View source|Three.js/Demos/marchingcubes.js]]
@@
<$view3js tiddler="Three.js/Demos/marchingcubes.js" height=400/>
[[three.js|http://threejs.org/]]
@@float:right;
[[View source|Three.js/Demos/molecules.js]]
@@
<$view3js tiddler="Three.js/Demos/molecules.js" height=500/>
.threejs-screen {
background: #1b1c1e;
background-image: linear-gradient(#7d8fa3, #1b1c1e);
}
The base plugin : [[Three.js|$:/plugins/rboue/Three.js]]
<br>
The extra plugin : [[Three.js-plus|$:/plugins/rboue/Three.js-plus]]
The extra plugin extends base plugin with numerous modules. With both you have an almost complete Three.js system.
!Demos
A few demos to play and see what you can do with Three.js :
[[Horse|Three.js/Demos/horse]]
[[Bubbles|Three.js/Demos/bubbles]]
[[Molecules|Three.js/Demos/molecules]]
[[Lava|Three.js/Demos/lava]]
[[Marchingcubes|Three.js/Demos/marchingcubes]]
[[Arealights|Three.js/Demos/arealights]]
!What is Three.js ?
A library that makes ~WebGL - 3D in the browser.
Links :
[[threejs.org|http://threejs.org/]]
[[Computer-graphics|http://math.hws.edu/eck/cs424/notes2013/]]
[[WebGL|http://get.webgl.org/]]
[[webglsamples.org|http://webglsamples.org/]]
!Three.js in ~TiddlyWiki environment
"""
The plugin provides a `<$view3js>` widget to execute Three.js programs and display graphical results and animations. ~TiddlyWiki can be used as a development tool for 3D - ~WebGL graphics.
__''What is a Three.js program ?''__
A Three.js program is a set of javascript instructions contained in a tiddler of type "application/javascript". It is run by a `<$view3js>` widget. It accesses the Three.js library via the `THREE` javascript object.
Requirements :
"""
* A main() function must be defined at top level. It is the program's entry point.
* The main() function must define one argument, an object with a `node` property, a reference to the root node of the widget. This node is a container for the Three.js renderer created by the program (or else your 3D objects will not stay inside the widget).
* The main() function should return an object with a callback property named `onTiddlerRefresh`. This callback is called every time the widget is refreshed by the ~TiddlyWiki's core, for example to resize Three.js scene and rendering.
* Program's exceptions are intercepted and error messages displayed. The program stops after the first exception.
* The program has access to widget context, especially the include mechanism (cf. require() function).
"""
The include mechanism is a simple way to extend the `THREE` object with modules or add new functionalities to the program. See plugin content for existing modules and watch demos and examples at threejs.org. Three.js library is documented at threejs.org.
The //tools.js// module defines useful tools to manipulate Three.js in ~TiddlyWiki environment. You can add it to your program with the following instruction :
`var Tools = require("./Lib/tools.js").Tools;`
__''3D data and model loading''__
In conventional Three.js programs, 3D data and models are searched around in server files or web pages (URLs beginning with "http://"). In ~TiddlyWiki's case, data are searched in local tiddlers.
The plugin allows the loading of tiddlers with the use of a special type of URL :
''tw:''`title of a tiddler`
The plugin offers also an ambryo of filesystem and relative path handling. Let's say a Three.js program is stored in the tiddler named "My directory/my program", a 3D model in "My directory/my 3D body" and another 3D model in "My other directory/my 3D head". With relative path you can simply reference "my 3D body" and "my 3D head" in your program. This behaviour is configuration dependent (see below). You must define a `filesystem.PATH` attribute with the list of directories to search for page references.
Example of configuration and data loading with relative tiddler references :
Configuration tiddler (`$:config/rboue/Three.js`) :
"""
```
{
"filesystem": {
"PATH": "My directory;My other directory"
},
...
}
```
or
Widget definition :
```
<$view3js tiddler="My directory/my program" path="My directory;My other directory" />
```
Program :
```
...
var loader = new THREE.JSONLoader(true);
loader.load("tw:my 3D body", function(geometry) {// etc...});
loader.load("tw:my 3D head", function(geometry) {// etc...});
...
```
"""
__''<$view3js> widget''__
The widget offers an UI to Three.js rendering.
It executes a Three.js program and displays graphical results and animations.
The content of the `<$view3js>` widget is not interpreted.
"""
|Attribute |Description |h
|tiddler |The tiddler of the Three.js program |
|width |Width of the widget in pixel |
|height |Height of the widget in pixel (300 by default) |
|path |A list of directories to search under for the data tiddlers expected by Three.js loaders. It superseded the global configuration's attribute `filesystem.PATH` |
|class |An optional CSS class name to be assigned to the HTML element |
"""
__''Configuration''__
The plugin is configured via the `$:config/rboue/Three.js` tiddler (of type `application/json`).
Example of configuration :
"""
```
{
"filesystem": {
"PATH": "Three.js/Tests;Three.js/Tests1"
}
}
```
|Attribute |Description |h
|filesystem |Activates the pseudo filesystem behaviour. `PATH` is a list of absolute directories to search under when data tiddlers are loaded by the Three.js loaders |
HEADER CSD ENTRY GLOBAL
CRYST1 4.7589 4.7589 12.9912 90.00 90.00 120.00 R-3c
SCALE1 0.210133 0.121320 -0.000000 0.000000
SCALE2 0.000000 0.242640 -0.000000 0.000000
SCALE3 0.000000 0.000000 0.076975 0.000000
HETATM 1 Al UNK 0 1 2.379 4.121 4.573 1.00 0.00
HETATM 2 O UNK 0 1 3.835 4.121 3.248 1.00 0.00
HETATM 3 Al UNK 0 1 2.379 4.121 1.923 1.00 0.00
HETATM 4 O UNK 0 1 1.652 5.382 3.248 1.00 0.00
HETATM 5 O UNK 0 1 1.652 2.861 3.248 1.00 0.00
HETATM 6 Al UNK 0 1 -0.000 2.748 4.088 1.00 0.00
HETATM 7 Al UNK 0 1 4.759 2.748 4.088 1.00 0.00
HETATM 8 O UNK 0 1 3.303 2.748 5.413 1.00 0.00
HETATM 9 Al UNK 0 1 2.379 6.869 4.088 1.00 0.00
HETATM 10 O UNK 0 1 3.107 5.608 5.413 1.00 0.00
HETATM 11 O UNK 0 1 0.728 4.008 5.413 1.00 0.00
HETATM 12 Al UNK 0 1 4.759 5.495 2.408 1.00 0.00
HETATM 13 Al UNK 0 1 2.379 1.374 2.408 1.00 0.00
HETATM 14 Al UNK 0 1 0.000 5.495 2.408 1.00 0.00
HETATM 15 O UNK 0 1 0.728 4.234 1.083 1.00 0.00
HETATM 16 O UNK 0 1 3.303 5.495 1.083 1.00 0.00
HETATM 17 O UNK 0 1 3.107 2.634 1.083 1.00 0.00
HETATM 18 Al UNK 0 1 -2.379 4.121 4.573 1.00 0.00
HETATM 19 O UNK 0 1 -3.107 5.382 3.248 1.00 0.00
HETATM 20 Al UNK 0 1 -2.379 4.121 1.923 1.00 0.00
HETATM 21 O UNK 0 1 -3.107 2.861 3.248 1.00 0.00
HETATM 22 O UNK 0 1 -0.924 4.121 3.248 1.00 0.00
HETATM 23 Al UNK 0 1 -2.379 6.869 4.088 1.00 0.00
HETATM 24 O UNK 0 1 -1.652 5.608 5.413 1.00 0.00
HETATM 25 Al UNK 0 1 -4.759 2.748 4.088 1.00 0.00
HETATM 26 O UNK 0 1 -4.031 4.008 5.413 1.00 0.00
HETATM 27 O UNK 0 1 -1.456 2.748 5.413 1.00 0.00
HETATM 28 Al UNK 0 1 -4.759 5.495 2.408 1.00 0.00
HETATM 29 Al UNK 0 1 -2.379 1.374 2.408 1.00 0.00
HETATM 30 O UNK 0 1 -1.652 2.634 1.083 1.00 0.00
HETATM 31 O UNK 0 1 -4.031 4.234 1.083 1.00 0.00
HETATM 32 O UNK 0 1 -1.456 5.495 1.083 1.00 0.00
HETATM 33 Al UNK 0 1 0.000 0.000 4.573 1.00 0.00
HETATM 34 O UNK 0 1 -0.728 -1.261 3.248 1.00 0.00
HETATM 35 Al UNK 0 1 0.000 0.000 1.923 1.00 0.00
HETATM 36 O UNK 0 1 1.456 0.000 3.248 1.00 0.00
HETATM 37 O UNK 0 1 -0.728 1.261 3.248 1.00 0.00
HETATM 38 Al UNK 0 1 -2.379 -1.374 4.088 1.00 0.00
HETATM 39 O UNK 0 1 -1.652 -0.113 5.413 1.00 0.00
HETATM 40 Al UNK 0 1 2.379 -1.374 4.088 1.00 0.00
HETATM 41 O UNK 0 1 0.924 -1.374 5.413 1.00 0.00
HETATM 42 O UNK 0 1 0.728 1.487 5.413 1.00 0.00
HETATM 43 Al UNK 0 1 -0.000 -2.748 2.408 1.00 0.00
HETATM 44 O UNK 0 1 0.924 1.374 1.083 1.00 0.00
HETATM 45 O UNK 0 1 0.728 -1.487 1.083 1.00 0.00
HETATM 46 O UNK 0 1 -1.652 0.113 1.083 1.00 0.00
HETATM 47 Al UNK 0 1 4.759 0.000 4.573 1.00 0.00
HETATM 48 O UNK 0 1 4.031 -1.261 3.248 1.00 0.00
HETATM 49 Al UNK 0 1 4.759 0.000 1.923 1.00 0.00
HETATM 50 O UNK 0 1 6.215 0.000 3.248 1.00 0.00
HETATM 51 O UNK 0 1 4.031 1.261 3.248 1.00 0.00
HETATM 52 O UNK 0 1 3.107 -0.113 5.413 1.00 0.00
HETATM 53 Al UNK 0 1 7.138 -1.374 4.088 1.00 0.00
HETATM 54 O UNK 0 1 5.683 -1.374 5.413 1.00 0.00
HETATM 55 O UNK 0 1 5.487 1.487 5.413 1.00 0.00
HETATM 56 Al UNK 0 1 4.759 -2.748 2.408 1.00 0.00
HETATM 57 Al UNK 0 1 7.138 1.374 2.408 1.00 0.00
HETATM 58 O UNK 0 1 5.683 1.374 1.083 1.00 0.00
HETATM 59 O UNK 0 1 5.487 -1.487 1.083 1.00 0.00
HETATM 60 O UNK 0 1 3.107 0.113 1.083 1.00 0.00
HETATM 61 Al UNK 0 1 -0.000 2.748 13.234 1.00 0.00
HETATM 62 O UNK 0 1 1.456 2.748 11.909 1.00 0.00
HETATM 63 Al UNK 0 1 -0.000 2.748 10.583 1.00 0.00
HETATM 64 O UNK 0 1 -0.728 4.008 11.909 1.00 0.00
HETATM 65 O UNK 0 1 -0.728 1.487 11.909 1.00 0.00
HETATM 66 Al UNK 0 1 -2.379 1.374 12.749 1.00 0.00
HETATM 67 Al UNK 0 1 2.379 1.374 12.749 1.00 0.00
HETATM 68 O UNK 0 1 0.924 1.374 14.074 1.00 0.00
HETATM 69 Al UNK 0 1 -0.000 5.495 12.749 1.00 0.00
HETATM 70 O UNK 0 1 0.728 4.234 14.074 1.00 0.00
HETATM 71 O UNK 0 1 -1.652 2.634 14.074 1.00 0.00
HETATM 72 Al UNK 0 1 2.379 4.121 11.069 1.00 0.00
HETATM 73 Al UNK 0 1 0.000 0.000 11.069 1.00 0.00
HETATM 74 Al UNK 0 1 -2.379 4.121 11.069 1.00 0.00
HETATM 75 O UNK 0 1 -1.652 2.861 9.743 1.00 0.00
HETATM 76 O UNK 0 1 0.924 4.121 9.743 1.00 0.00
HETATM 77 O UNK 0 1 0.728 1.261 9.743 1.00 0.00
HETATM 78 Al UNK 0 1 2.379 1.374 8.903 1.00 0.00
HETATM 79 O UNK 0 1 3.835 1.374 7.578 1.00 0.00
HETATM 80 Al UNK 0 1 2.379 1.374 6.253 1.00 0.00
HETATM 81 O UNK 0 1 1.652 2.634 7.578 1.00 0.00
HETATM 82 O UNK 0 1 1.652 0.113 7.578 1.00 0.00
HETATM 83 Al UNK 0 1 0.000 0.000 8.418 1.00 0.00
HETATM 84 Al UNK 0 1 4.759 0.000 8.418 1.00 0.00
HETATM 85 O UNK 0 1 3.303 0.000 9.743 1.00 0.00
HETATM 86 Al UNK 0 1 2.379 4.121 8.418 1.00 0.00
HETATM 87 O UNK 0 1 3.107 2.861 9.743 1.00 0.00
HETATM 88 Al UNK 0 1 4.759 2.748 6.738 1.00 0.00
HETATM 89 Al UNK 0 1 2.379 -1.374 6.738 1.00 0.00
HETATM 90 Al UNK 0 1 0.000 2.748 6.738 1.00 0.00
HETATM 91 O UNK 0 1 -1.456 0.000 9.743 1.00 0.00
HETATM 92 O UNK 0 1 0.728 -1.261 9.743 1.00 0.00
HETATM 93 Al UNK 0 1 -2.379 1.374 8.903 1.00 0.00
HETATM 94 O UNK 0 1 -0.924 1.374 7.578 1.00 0.00
HETATM 95 Al UNK 0 1 0.000 -2.748 8.903 1.00 0.00
HETATM 96 O UNK 0 1 -0.728 -1.487 7.578 1.00 0.00
HETATM 97 Al UNK 0 1 -2.379 -1.374 10.583 1.00 0.00
HETATM 98 Al UNK 0 1 2.379 -1.374 10.583 1.00 0.00
HETATM 99 O UNK 0 1 1.652 -0.113 11.909 1.00 0.00
HETATM 100 O UNK 0 1 -0.924 -1.374 11.909 1.00 0.00
HETATM 101 Al UNK 0 1 -2.379 4.121 8.418 1.00 0.00
HETATM 102 O UNK 0 1 -3.835 4.121 9.743 1.00 0.00
HETATM 103 O UNK 0 1 -1.652 5.382 9.743 1.00 0.00
HETATM 104 Al UNK 0 1 0.000 5.495 8.903 1.00 0.00
HETATM 105 Al UNK 0 1 -4.759 5.495 8.903 1.00 0.00
HETATM 106 O UNK 0 1 -3.303 5.495 7.578 1.00 0.00
HETATM 107 O UNK 0 1 -3.107 2.634 7.578 1.00 0.00
HETATM 108 O UNK 0 1 -0.728 4.234 7.578 1.00 0.00
HETATM 109 Al UNK 0 1 -4.759 2.748 10.583 1.00 0.00
HETATM 110 Al UNK 0 1 -2.379 6.869 10.583 1.00 0.00
HETATM 111 O UNK 0 1 -3.303 2.748 11.909 1.00 0.00
HETATM 112 O UNK 0 1 -3.107 5.608 11.909 1.00 0.00
HETATM 113 Al UNK 0 1 4.759 0.000 11.069 1.00 0.00
HETATM 114 O UNK 0 1 5.487 -1.261 9.743 1.00 0.00
HETATM 115 O UNK 0 1 5.487 1.261 9.743 1.00 0.00
HETATM 116 Al UNK 0 1 7.138 1.374 8.903 1.00 0.00
HETATM 117 Al UNK 0 1 4.759 -2.748 8.903 1.00 0.00
HETATM 118 O UNK 0 1 4.031 -1.487 7.578 1.00 0.00
HETATM 119 O UNK 0 1 6.410 0.113 7.578 1.00 0.00
HETATM 120 Al UNK 0 1 4.759 2.748 10.583 1.00 0.00
HETATM 121 Al UNK 0 1 7.138 -1.374 10.583 1.00 0.00
HETATM 122 O UNK 0 1 6.410 -0.113 11.909 1.00 0.00
HETATM 123 O UNK 0 1 3.835 -1.374 11.909 1.00 0.00
HETATM 124 O UNK 0 1 4.031 1.487 11.909 1.00 0.00
HETATM 125 O UNK 0 1 3.107 5.382 9.743 1.00 0.00
HETATM 126 Al UNK 0 1 4.759 5.495 8.903 1.00 0.00
HETATM 127 O UNK 0 1 1.456 5.495 7.578 1.00 0.00
HETATM 128 O UNK 0 1 4.031 4.234 7.578 1.00 0.00
HETATM 129 Al UNK 0 1 2.379 6.869 10.583 1.00 0.00
HETATM 130 O UNK 0 1 4.031 4.008 11.909 1.00 0.00
HETATM 131 O UNK 0 1 1.652 5.608 11.909 1.00 0.00
HETATM 132 Al UNK 0 1 -2.379 1.374 6.253 1.00 0.00
HETATM 133 Al UNK 0 1 -0.000 5.495 6.253 1.00 0.00
HETATM 134 Al UNK 0 1 2.379 1.374 -0.243 1.00 0.00
HETATM 135 Al UNK 0 1 4.759 2.748 0.243 1.00 0.00
HETATM 136 Al UNK 0 1 0.000 2.748 0.243 1.00 0.00
HETATM 137 O UNK 0 1 1.456 2.748 -1.083 1.00 0.00
HETATM 138 Al UNK 0 1 2.379 -1.374 0.243 1.00 0.00
HETATM 139 O UNK 0 1 1.652 -0.113 -1.083 1.00 0.00
HETATM 140 O UNK 0 1 4.031 1.487 -1.083 1.00 0.00
CONECT 1 2 3 4
CONECT 2 3 7 12
CONECT 3 4 5 12
CONECT 4 9 14
CONECT 5 1 6 13
CONECT 6 1 11 18
CONECT 7 1 47 51
CONECT 8 1 80
CONECT 9 1
CONECT 10 1
CONECT 11 1 90 133
CONECT 12
CONECT 13 3 17 35
CONECT 14 3 20 22
CONECT 15 3
CONECT 16 3
CONECT 17 3 134 135
CONECT 18 19 20 21
CONECT 19 20 23 28
CONECT 20 21 22 28
CONECT 21 25 29
CONECT 22 6 18
CONECT 23 18
CONECT 24 18
CONECT 25 18
CONECT 26 18
CONECT 27 6 18 90
CONECT 28
CONECT 29 20 35 37
CONECT 30 20
CONECT 31 20
CONECT 32 20
CONECT 33 6 34 35
CONECT 34 35 38 43
CONECT 35 36 37 43
CONECT 36 13 33 40
CONECT 37 6 33
CONECT 38 33
CONECT 39 33
CONECT 40 33 47 48
CONECT 41 33
CONECT 42 6 33 80
CONECT 43
CONECT 44 13 35 134
CONECT 45 35
CONECT 46 35
CONECT 47 48 49 50
CONECT 48 49 56
CONECT 49 13 50 51
CONECT 50 53 57
CONECT 51 13 47
CONECT 52 47 80
CONECT 53 47
CONECT 54 47
CONECT 55 47
CONECT 56 49
CONECT 57 49
CONECT 58 49
CONECT 59 49
CONECT 60 13 49 134
CONECT 61 62 63 64
CONECT 62 63 67 72
CONECT 63 64 65 72
CONECT 64 69 74
CONECT 65 61 66 73
CONECT 66 61
CONECT 67 61
CONECT 68 61
CONECT 69 61
CONECT 70 61
CONECT 71 61
CONECT 72 76 86 87
CONECT 73 63 77 83
CONECT 74 63 75 101
CONECT 75 63 93 101
CONECT 76 63 86 104
CONECT 77 63 78 83
CONECT 78 79 80 81
CONECT 79 80 84 88
CONECT 80 81 82 88
CONECT 81 86 90
CONECT 82 78 83 89
CONECT 83 78 91 92
CONECT 84 78 85 113
CONECT 85 78 98 113
CONECT 86 78 87 104
CONECT 87 78 120
CONECT 88
CONECT 89 80
CONECT 90 6 42 80
CONECT 91 73 93 97
CONECT 92 73 95 98
CONECT 93 83 101
CONECT 94 83 90
CONECT 95 83
CONECT 96 83
CONECT 97 73
CONECT 98 73 113
CONECT 99 73
CONECT 100 73
CONECT 101 102 103 104
CONECT 102 74 105 109
CONECT 103 74 104 110
CONECT 104
CONECT 105 101
CONECT 106 101
CONECT 107 101
CONECT 108 90 101
CONECT 109 74
CONECT 110 74
CONECT 111 74
CONECT 112 74
CONECT 113 114 115 120
CONECT 114 84 117 121
CONECT 115 84 116 120
CONECT 116 84
CONECT 117 84
CONECT 118 84
CONECT 119 84
CONECT 120 72
CONECT 121 113
CONECT 122 113
CONECT 123 113
CONECT 124 113
CONECT 125 72 86 126
CONECT 126 86
CONECT 127 86
CONECT 128 86
CONECT 129 72 125
CONECT 130 72
CONECT 131 72
CONECT 132 27 90
CONECT 133 90
CONECT 134 13 135 136
CONECT 135
CONECT 136 44
CONECT 137 134
CONECT 138 60 134
CONECT 139 134
CONECT 140 134
MASTER 0 0 0 0 0 0 0 0 3 140 0 140 0
END
HEADER NONAME 22-Apr-10 NONE 1
TITLE NONE 2
AUTHOR Chemical Structure Services at http://cactus.nci.nih.gov NONE 3
REVDAT 1 22-Apr-10 0 NONE 4
ATOM 1 C 0 2.154 1.017 -0.012 0.00 0.00 C+0
ATOM 2 C 0 -0.545 1.675 0.087 0.00 0.00 C+0
ATOM 3 C 0 1.761 2.338 0.015 0.00 0.00 C+0
ATOM 4 C 0 0.416 2.666 0.064 0.00 0.00 C+0
ATOM 5 C 0 -3.466 -1.377 0.133 0.00 0.00 C+0
ATOM 6 C 0 1.192 0.004 0.010 0.00 0.00 C+0
ATOM 7 C 0 -0.168 0.341 0.060 0.00 0.00 C+0
ATOM 8 O 0 0.765 -2.290 -0.001 0.00 0.00 O+0
ATOM 9 O 0 -2.733 0.825 -0.277 0.00 0.00 O+0
ATOM 10 O 0 2.912 -1.731 -0.067 0.00 0.00 O+0
ATOM 11 C 0 1.604 -1.411 -0.019 0.00 0.00 C+0
ATOM 12 C 0 -2.411 -0.315 -0.036 0.00 0.00 C+0
ATOM 13 O 0 -1.112 -0.634 0.081 0.00 0.00 O+0
ATOM 14 H 0 3.183 -2.659 -0.086 0.00 0.00 H+0
ATOM 15 H 0 3.203 0.765 -0.054 0.00 0.00 H+0
ATOM 16 H 0 -1.591 1.939 0.125 0.00 0.00 H+0
ATOM 17 H 0 2.506 3.120 -0.002 0.00 0.00 H+0
ATOM 18 H 0 0.118 3.704 0.085 0.00 0.00 H+0
ATOM 19 H 0 -3.762 -1.431 1.181 0.00 0.00 H+0
ATOM 20 H 0 -4.334 -1.127 -0.477 0.00 0.00 H+0
ATOM 21 H 0 -3.066 -2.340 -0.182 0.00 0.00 H+0
CONECT 1 6 3 15 0 NONE 26
CONECT 2 7 4 16 0 NONE 27
CONECT 3 1 4 17 0 NONE 28
CONECT 4 2 3 18 0 NONE 29
CONECT 5 12 19 20 21 NONE 30
CONECT 6 7 1 11 0 NONE 31
CONECT 7 6 2 13 0 NONE 32
CONECT 8 11 0 0 0 NONE 33
CONECT 9 12 0 0 0 NONE 34
CONECT 10 11 14 0 0 NONE 35
CONECT 11 6 10 8 0 NONE 36
CONECT 12 13 5 9 0 NONE 37
CONECT 13 7 12 0 0 NONE 38
END NONE 39
COMPND bucky.pdb
HETATM 1 C -3.4306 0.3484 0.3630
HETATM 2 C -3.1790 1.1810 -0.7334
HETATM 3 C -2.9160 0.3690 -1.8427
HETATM 4 C -3.0048 -0.9660 -1.4314
HETATM 5 C -3.3229 -0.9791 -0.0682
HETATM 6 C -1.9449 0.7442 -2.7732
HETATM 7 C -1.2332 1.9362 -2.5954
HETATM 8 C -1.4944 2.7485 -1.4902
HETATM 9 C -2.4680 2.3700 -0.5585
HETATM 10 C -2.0114 2.7298 0.7143
HETATM 11 C -2.2640 1.9005 1.8090
HETATM 12 C -2.9745 0.7074 1.6331
HETATM 13 C -2.4129 -0.2585 2.4753
HETATM 14 C -2.3071 -1.5829 2.0466
HETATM 15 C -2.7627 -1.9425 0.7730
HETATM 16 C -1.8823 -2.8972 0.2521
HETATM 17 C -1.5635 -2.8861 -1.1071
HETATM 18 C -2.1254 -1.9193 -1.9490
HETATM 19 C -1.1533 -1.5397 -2.8812
HETATM 20 C -1.0615 -0.2088 -3.2934
HETATM 21 C 0.0879 1.7218 -3.0046
HETATM 22 C -0.4365 3.3422 -0.7917
HETATM 23 C -0.7555 3.3307 0.5716
HETATM 24 C -1.2619 1.6696 2.7586
HETATM 25 C -1.3534 0.3346 3.1711
HETATM 26 C -1.1426 -2.3137 2.3104
HETATM 27 C -0.8795 -3.1267 1.2011
HETATM 28 C -0.2429 -3.1010 -1.5184
HETATM 29 C 0.0114 -2.2689 -2.6155
HETATM 30 C 0.1936 0.3941 -3.4362
HETATM 31 C 3.3266 0.9826 0.0695
HETATM 32 C 3.0096 0.9706 1.4326
HETATM 33 C 2.9177 -0.3640 1.8443
HETATM 34 C 3.1778 -1.1770 0.7349
HETATM 35 C 3.4306 -0.3451 -0.3621
HETATM 36 C 1.9473 -0.7475 2.7721
HETATM 37 C 1.0645 0.2062 3.2916
HETATM 38 C 1.1547 1.5385 2.8834
HETATM 39 C 2.1280 1.9203 1.9528
HETATM 40 C 1.5657 2.8862 1.1107
HETATM 41 C 1.8834 2.9000 -0.2489
HETATM 42 C 2.7651 1.9463 -0.7707
HETATM 43 C 2.3092 1.5866 -2.0437
HETATM 44 C 2.4144 0.2631 -2.4755
HETATM 45 C 2.9758 -0.7031 -1.6328
HETATM 46 C 2.2666 -1.8962 -1.8100
HETATM 47 C 2.0133 -2.7276 -0.7172
HETATM 48 C 2.4693 -2.3670 0.5560
HETATM 49 C 1.4973 -2.7481 1.4877
HETATM 50 C 1.2349 -1.9394 2.5952
HETATM 51 C -0.1917 -0.3936 3.4362
HETATM 52 C -0.0088 2.2691 2.6153
HETATM 53 C 0.2447 3.1026 1.5191
HETATM 54 C 0.8815 3.1269 -1.2000
HETATM 55 C 1.1442 2.3150 -2.3100
HETATM 56 C 1.3558 -0.3333 -3.1706
HETATM 57 C 1.2640 -1.6687 -2.7595
HETATM 58 C 0.7577 -3.3290 -0.5712
HETATM 59 C 0.4382 -3.3422 0.7920
HETATM 60 C -0.0856 -1.7214 3.0049
CONECT 1 2 5 12
CONECT 2 1 3 9
CONECT 3 2 4 6
CONECT 4 3 5 18
CONECT 5 1 4 15
CONECT 6 3 7 20
CONECT 7 6 8 21
CONECT 8 7 9 22
CONECT 9 2 8 10
CONECT 10 9 11 23
CONECT 11 10 12 24
CONECT 12 1 11 13
CONECT 13 12 14 25
CONECT 14 13 15 26
CONECT 15 5 14 16
CONECT 16 15 17 27
CONECT 17 16 18 28
CONECT 18 4 17 19
CONECT 19 18 20 29
CONECT 20 6 19 30
CONECT 21 7 30 55
CONECT 22 8 23 54
CONECT 23 10 22 53
CONECT 24 11 25 52
CONECT 25 13 24 51
CONECT 26 14 27 60
CONECT 27 16 26 59
CONECT 28 17 29 58
CONECT 29 19 28 57
CONECT 30 20 21 56
CONECT 31 32 35 42
CONECT 32 31 33 39
CONECT 33 32 34 36
CONECT 34 33 35 48
CONECT 35 31 34 45
CONECT 36 33 37 50
CONECT 37 36 38 51
CONECT 38 37 39 52
CONECT 39 32 38 40
CONECT 40 39 41 53
CONECT 41 40 42 54
CONECT 42 31 41 43
CONECT 43 42 44 55
CONECT 44 43 45 56
CONECT 45 35 44 46
CONECT 46 45 47 57
CONECT 47 46 48 58
CONECT 48 34 47 49
CONECT 49 48 50 59
CONECT 50 36 49 60
CONECT 51 25 37 60
CONECT 52 24 38 53
CONECT 53 23 40 52
CONECT 54 22 41 55
CONECT 55 21 43 54
CONECT 56 30 44 57
CONECT 57 29 46 56
CONECT 58 28 47 59
CONECT 59 27 49 58
CONECT 60 26 50 51
END
HEADER MOLECULE
COMPND CAF2 (FLUORITE), VIEW CENTERED ON ANIONS
AUTHOR A. W. MAVERICK
ATOM 1 F UNK 1 -1.366 -1.366 -1.366 1.00 0.00
ATOM 2 F UNK 1 -1.366 -1.366 1.366 1.00 0.00
ATOM 3 F UNK 1 -1.366 1.366 -1.366 1.00 0.00
ATOM 4 F UNK 1 -1.366 1.366 1.366 1.00 0.00
ATOM 5 F UNK 1 1.366 -1.366 -1.366 1.00 0.00
ATOM 6 F UNK 1 1.366 -1.366 1.366 1.00 0.00
ATOM 7 F UNK 1 1.366 1.366 -1.366 1.00 0.00
ATOM 8 F UNK 1 1.366 1.366 1.366 1.00 0.00
ATOM 9 CA UNK 1 -2.732 -2.732 -2.732 1.00 0.00
ATOM 10 CA UNK 1 0.000 0.000 -2.732 1.00 0.00
ATOM 11 CA UNK 1 0.000 -2.732 0.000 1.00 0.00
ATOM 12 CA UNK 1 -2.732 0.000 0.000 1.00 0.00
ATOM 13 CA UNK 1 -2.732 -2.732 2.732 1.00 0.00
ATOM 14 CA UNK 1 0.000 0.000 2.732 1.00 0.00
ATOM 15 CA UNK 1 -2.732 2.732 -2.732 1.00 0.00
ATOM 16 CA UNK 1 0.000 2.732 0.000 1.00 0.00
ATOM 17 CA UNK 1 -2.732 2.732 2.732 1.00 0.00
ATOM 18 CA UNK 1 2.732 -2.732 -2.732 1.00 0.00
ATOM 19 CA UNK 1 2.732 0.000 0.000 1.00 0.00
ATOM 20 CA UNK 1 2.732 -2.732 2.732 1.00 0.00
ATOM 21 CA UNK 1 2.732 2.732 -2.732 1.00 0.00
ATOM 22 CA UNK 1 2.732 2.732 2.732 1.00 0.00
CONECT 1 9 10 11 12
CONECT 2 11 12 13 14
CONECT 3 10 12 15 16
CONECT 4 12 14 16 17
CONECT 5 10 11 18 19
CONECT 6 11 14 19 20
CONECT 7 10 16 19 21
CONECT 8 14 16 19 22
CONECT 9 1
CONECT 10 1 3 5 7
CONECT 11 1 2 5 6
CONECT 12 1 2 3 4
CONECT 13 2
CONECT 14 2 4 6 8
CONECT 15 3
CONECT 16 3 4 7 8
CONECT 17 4
CONECT 18 5
CONECT 19 5 6 7 8
CONECT 20 6
CONECT 21 7
CONECT 22 8
MASTER 0 0 0 0 0 0 0 0 22 0 22 0
END
HEADER NONAME 22-Apr-10 NONE 1
TITLE NONE 2
AUTHOR Chemical Structure Services at http://cactus.nci.nih.gov NONE 3
REVDAT 1 22-Apr-10 0 NONE 4
ATOM 1 C 0 -2.561 1.251 -0.000 0.00 0.00 C+0
ATOM 2 C 0 -3.261 -1.161 -0.000 0.00 0.00 C+0
ATOM 3 C 0 1.534 2.629 0.000 0.00 0.00 C+0
ATOM 4 C 0 2.247 -2.176 -0.000 0.00 0.00 C+0
ATOM 5 O 0 -0.438 -2.428 0.000 0.00 0.00 O+0
ATOM 6 O 0 2.994 0.384 0.000 0.00 0.00 O+0
ATOM 7 C 0 -0.016 -1.285 -0.000 0.00 0.00 C+0
ATOM 8 C 0 1.791 0.208 0.000 0.00 0.00 C+0
ATOM 9 C 0 -0.911 -0.194 -0.000 0.00 0.00 C+0
ATOM 10 C 0 -0.403 1.099 -0.000 0.00 0.00 C+0
ATOM 11 N 0 -1.445 1.934 -0.000 0.00 0.00 N+0
ATOM 12 N 0 0.971 1.277 -0.000 0.00 0.00 N+0
ATOM 13 N 0 1.312 -1.048 -0.000 0.00 0.00 N+0
ATOM 14 N 0 -2.286 -0.068 0.000 0.00 0.00 N+0
ATOM 15 H 0 -3.552 1.680 0.004 0.00 0.00 H+0
ATOM 16 H 0 -3.503 -1.433 1.028 0.00 0.00 H+0
ATOM 17 H 0 -4.168 -0.840 -0.514 0.00 0.00 H+0
ATOM 18 H 0 -2.839 -2.025 -0.514 0.00 0.00 H+0
ATOM 19 H 0 1.673 2.965 1.028 0.00 0.00 H+0
ATOM 20 H 0 2.495 2.623 -0.514 0.00 0.00 H+0
ATOM 21 H 0 0.851 3.307 -0.514 0.00 0.00 H+0
ATOM 22 H 0 2.478 -2.456 -1.028 0.00 0.00 H+0
ATOM 23 H 0 3.164 -1.888 0.513 0.00 0.00 H+0
ATOM 24 H 0 1.793 -3.024 0.514 0.00 0.00 H+0
CONECT 1 14 11 15 0 NONE 29
CONECT 2 14 16 17 18 NONE 30
CONECT 3 12 19 20 21 NONE 31
CONECT 4 13 22 23 24 NONE 32
CONECT 5 7 0 0 0 NONE 33
CONECT 6 8 0 0 0 NONE 34
CONECT 7 9 13 5 0 NONE 35
CONECT 8 12 6 13 0 NONE 36
CONECT 9 10 7 14 0 NONE 37
CONECT 10 9 12 11 0 NONE 38
CONECT 11 10 1 0 0 NONE 39
CONECT 12 10 8 3 0 NONE 40
CONECT 13 7 4 8 0 NONE 41
CONECT 14 9 1 2 0 NONE 42
END NONE 43
ORIGX1 1.000000 0.000000 0.000000 0.00000
ORIGX2 0.000000 1.000000 0.000000 0.00000
ORIGX3 0.000000 0.000000 1.000000 0.00000
SCALE1 0.100000 0.000000 0.000000 0.00000
SCALE2 0.000000 0.100000 0.000000 0.00000
SCALE3 0.000000 0.000000 0.100000 0.00000
ATOM 1 C 1 -7.323 0.716 -5.120 1.00 0.00
ATOM 2 C 1 -8.580 0.025 -4.537 1.00 0.00
ATOM 3 C 1 -9.814 0.931 -4.416 1.00 0.00
ATOM 4 C 1 -9.476 2.171 -3.582 1.00 0.00
ATOM 5 O 1 -10.603 3.009 -3.488 1.00 0.00
ATOM 6 C 1 -7.105 2.022 -4.368 1.00 0.00
ATOM 7 C 1 -8.298 2.936 -4.191 1.00 0.00
ATOM 8 H 1 -9.230 1.870 -2.536 1.00 0.00
ATOM 9 H 1 -10.862 3.297 -4.348 1.00 0.00
ATOM 10 H 1 -10.173 1.239 -5.425 1.00 0.00
ATOM 11 H 1 -10.653 0.372 -3.935 1.00 0.00
ATOM 12 C 1 -5.905 2.409 -3.906 1.00 0.00
ATOM 13 C 1 -4.641 1.613 -4.039 1.00 0.00
ATOM 14 H 1 -8.856 -0.863 -5.151 1.00 0.00
ATOM 15 H 1 -8.349 -0.350 -3.512 1.00 0.00
ATOM 16 H 1 -8.053 3.806 -3.539 1.00 0.00
ATOM 17 H 1 -8.589 3.360 -5.178 1.00 0.00
ATOM 18 C 1 -7.556 1.063 -6.606 1.00 0.00
ATOM 19 H 1 -6.656 1.519 -7.073 1.00 0.00
ATOM 20 H 1 -7.847 0.176 -7.211 1.00 0.00
ATOM 21 H 1 -8.382 1.793 -6.753 1.00 0.00
ATOM 22 C 1 -6.098 -0.229 -4.938 1.00 0.00
ATOM 23 C 1 -4.758 0.515 -5.105 1.00 0.00
ATOM 24 H 1 -3.807 2.303 -4.306 1.00 0.00
ATOM 25 H 1 -4.416 1.181 -3.036 1.00 0.00
ATOM 26 H 1 -6.101 -0.569 -3.874 1.00 0.00
ATOM 27 H 1 -4.726 1.004 -6.104 1.00 0.00
ATOM 28 C 1 -6.149 -1.518 -5.786 1.00 0.00
ATOM 29 C 1 -3.583 -0.466 -4.987 1.00 0.00
ATOM 30 C 1 -3.610 -1.635 -5.997 1.00 0.00
ATOM 31 C 1 -4.900 -2.410 -5.665 1.00 0.00
ATOM 32 H 1 -7.038 -2.128 -5.500 1.00 0.00
ATOM 33 H 1 -6.283 -1.269 -6.861 1.00 0.00
ATOM 34 H 1 -4.850 -2.821 -4.629 1.00 0.00
ATOM 35 H 1 -5.024 -3.287 -6.338 1.00 0.00
ATOM 36 H 1 -3.640 -0.901 -3.959 1.00 0.00
ATOM 37 C 1 -3.594 -1.172 -7.468 1.00 0.00
ATOM 38 H 1 -3.716 -2.030 -8.165 1.00 0.00
ATOM 39 H 1 -4.409 -0.460 -7.718 1.00 0.00
ATOM 40 H 1 -2.644 -0.664 -7.746 1.00 0.00
ATOM 41 C 1 -2.273 -2.341 -5.642 1.00 0.00
ATOM 42 C 1 -1.314 -1.155 -5.356 1.00 0.00
ATOM 43 C 1 -2.169 0.102 -5.114 1.00 0.00
ATOM 44 H 1 -0.681 -1.369 -4.463 1.00 0.00
ATOM 45 H 1 -0.630 -0.965 -6.217 1.00 0.00
ATOM 46 H 1 -2.116 0.800 -5.982 1.00 0.00
ATOM 47 H 1 -1.847 0.664 -4.206 1.00 0.00
ATOM 48 H 1 -2.438 -2.878 -4.677 1.00 0.00
ATOM 49 C 1 -1.661 -3.375 -6.619 1.00 0.00
ATOM 50 C 1 -2.627 -4.529 -6.939 1.00 0.00
ATOM 51 C 1 -0.337 -3.949 -6.059 1.00 0.00
ATOM 52 C 1 0.515 -4.714 -7.088 1.00 0.00
ATOM 53 C 1 1.887 -5.111 -6.518 1.00 0.00
ATOM 54 C 1 2.733 -5.984 -7.466 1.00 0.00
ATOM 55 C 1 4.014 -6.450 -6.753 1.00 0.00
ATOM 56 C 1 3.101 -5.250 -8.766 1.00 0.00
ATOM 57 H 1 -2.156 -5.315 -7.569 1.00 0.00
ATOM 58 H 1 -2.994 -5.018 -6.008 1.00 0.00
ATOM 59 H 1 -3.504 -4.190 -7.530 1.00 0.00
ATOM 60 H 1 0.302 -3.122 -5.677 1.00 0.00
ATOM 61 H 1 -0.560 -4.605 -5.185 1.00 0.00
ATOM 62 H 1 -0.009 -5.640 -7.418 1.00 0.00
ATOM 63 H 1 0.654 -4.067 -7.985 1.00 0.00
ATOM 64 H 1 4.625 -7.113 -7.409 1.00 0.00
ATOM 65 H 1 4.650 -5.583 -6.461 1.00 0.00
ATOM 66 H 1 3.779 -7.028 -5.830 1.00 0.00
ATOM 67 H 1 3.761 -5.877 -9.409 1.00 0.00
ATOM 68 H 1 2.201 -5.009 -9.377 1.00 0.00
ATOM 69 H 1 3.639 -4.299 -8.553 1.00 0.00
ATOM 70 H 1 2.141 -6.894 -7.733 1.00 0.00
ATOM 71 H 1 2.463 -4.192 -6.255 1.00 0.00
ATOM 72 H 1 1.720 -5.673 -5.569 1.00 0.00
ATOM 73 H 1 -1.419 -2.850 -7.574 1.00 0.00
ATOM 74 H 1 -5.813 3.367 -3.367 1.00 0.00
TER 75
CONECT 1 2
CONECT 2 1
CONECT 2 3
CONECT 3 2
CONECT 3 4
CONECT 4 3
CONECT 4 5
CONECT 5 4
CONECT 1 6
CONECT 6 1
CONECT 6 7
CONECT 7 6
CONECT 7 4
CONECT 4 7
CONECT 4 8
CONECT 8 4
CONECT 5 9
CONECT 9 5
CONECT 3 10
CONECT 10 3
CONECT 3 11
CONECT 11 3
CONECT 6 12
CONECT 12 6
CONECT 12 13
CONECT 13 12
CONECT 2 14
CONECT 14 2
CONECT 2 15
CONECT 15 2
CONECT 7 16
CONECT 16 7
CONECT 7 17
CONECT 17 7
CONECT 1 18
CONECT 18 1
CONECT 18 19
CONECT 19 18
CONECT 18 20
CONECT 20 18
CONECT 18 21
CONECT 21 18
CONECT 1 22
CONECT 22 1
CONECT 22 23
CONECT 23 22
CONECT 23 13
CONECT 13 23
CONECT 13 24
CONECT 24 13
CONECT 13 25
CONECT 25 13
CONECT 22 26
CONECT 26 22
CONECT 23 27
CONECT 27 23
CONECT 22 28
CONECT 28 22
CONECT 23 29
CONECT 29 23
CONECT 29 30
CONECT 30 29
CONECT 28 31
CONECT 31 28
CONECT 31 30
CONECT 30 31
CONECT 28 32
CONECT 32 28
CONECT 28 33
CONECT 33 28
CONECT 31 34
CONECT 34 31
CONECT 31 35
CONECT 35 31
CONECT 29 36
CONECT 36 29
CONECT 30 37
CONECT 37 30
CONECT 37 38
CONECT 38 37
CONECT 37 39
CONECT 39 37
CONECT 37 40
CONECT 40 37
CONECT 30 41
CONECT 41 30
CONECT 41 42
CONECT 42 41
CONECT 42 43
CONECT 43 42
CONECT 43 29
CONECT 29 43
CONECT 42 44
CONECT 44 42
CONECT 42 45
CONECT 45 42
CONECT 43 46
CONECT 46 43
CONECT 43 47
CONECT 47 43
CONECT 41 48
CONECT 48 41
CONECT 41 49
CONECT 49 41
CONECT 49 50
CONECT 50 49
CONECT 49 51
CONECT 51 49
CONECT 51 52
CONECT 52 51
CONECT 52 53
CONECT 53 52
CONECT 53 54
CONECT 54 53
CONECT 54 55
CONECT 55 54
CONECT 54 56
CONECT 56 54
CONECT 50 57
CONECT 57 50
CONECT 50 58
CONECT 58 50
CONECT 50 59
CONECT 59 50
CONECT 51 60
CONECT 60 51
CONECT 51 61
CONECT 61 51
CONECT 52 62
CONECT 62 52
CONECT 52 63
CONECT 63 52
CONECT 55 64
CONECT 64 55
CONECT 55 65
CONECT 65 55
CONECT 55 66
CONECT 66 55
CONECT 56 67
CONECT 67 56
CONECT 56 68
CONECT 68 56
CONECT 56 69
CONECT 69 56
CONECT 54 70
CONECT 70 54
CONECT 53 71
CONECT 71 53
CONECT 53 72
CONECT 72 53
CONECT 49 73
CONECT 73 49
CONECT 12 74
CONECT 74 12
MASTER 0 0 0 0 0 0 0 6 74 1 154 0
END
COMPND
REMARK 1 PDB to MMOD atom-numbering translation table; the mmod numbers
REMARK 1 pertain to the .dat file from which this file was created,
REMARK 1 not to one created from this file:
REMARK 1 PDB: 1 2 3 4 5 6 7 8 9
REMARK 1 MMOD: 1 2 3 4 5 6 7 8 19 /
REMARK 1 PDB: 10 11 12 13 14 15 16 17 18
REMARK 1 MMOD: 23 24 25 26 30 31 32 33 34 /
REMARK 1 PDB: 19 20 21 22 23 24 25 26 27
REMARK 1 MMOD: 35 36 37 38 9 10 11 12 13 /
REMARK 1 PDB: 28 29 30 31 32 33 34 35 36
REMARK 1 MMOD: 14 15 16 17 18 20 21 22 27 /
REMARK 1 PDB: 37 38 39 40 41 42 43
REMARK 1 MMOD: 28 29 39 40 41 42 43 /
HETATM 1 C01 UNK 0 -0.579 -1.681 0.616 0.00 0.00 0
HETATM 2 C02 UNK 0 -1.566 0.560 -0.170 0.04 0.04 0
HETATM 3 C03 UNK 0 -1.162 1.032 1.249 0.01 0.01 0
HETATM 4 C04 UNK 0 -2.199 0.552 2.293 0.00 0.00 0
HETATM 5 C05 UNK 0 -1.649 -0.811 2.760 0.00 0.00 0
HETATM 6 C06 UNK 0 -0.340 -0.968 1.960 0.01 0.01 0
HETATM 7 N07 UNK 0 0.044 0.417 1.782 0.19 0.19 0
HETATM 8 C08 UNK 0 -1.653 -0.989 -0.246 0.07 0.07 0
HETATM 9 C19 UNK 0 1.272 0.616 1.044 0.01 0.01 0
HETATM 10 C23 UNK 0 -0.901 1.274 -1.354 0.38 0.38 0
HETATM 11 O24 UNK 0 -0.195 2.368 -0.946 0.59 0.59 0
HETATM 12 O25 UNK 0 -1.037 0.929 -2.512 -0.45 -0.45 0
HETATM 13 C26 UNK 0 0.440 3.093 -1.986 0.07 0.07 0
HETATM 14 O30 UNK 0 -1.609 -1.430 -1.593 0.59 0.59 0
HETATM 15 C31 UNK 0 -1.789 -2.754 -1.882 0.42 0.42 0
HETATM 16 O32 UNK 0 -2.125 -3.580 -1.053 -0.45 -0.45 0
HETATM 17 C33 UNK 0 -1.523 -3.209 -3.279 0.00 0.00 0
HETATM 18 C34 UNK 0 -0.997 -2.329 -4.230 0.00 0.00 0
HETATM 19 C35 UNK 0 -0.765 -2.755 -5.540 0.00 0.00 0
HETATM 20 C36 UNK 0 -1.059 -4.064 -5.914 0.00 0.00 0
HETATM 21 C37 UNK 0 -1.581 -4.946 -4.971 0.00 0.00 0
HETATM 22 C38 UNK 0 -1.813 -4.523 -3.662 0.00 0.00 0
HETATM 23 H09 UNK 0 -0.884 -2.728 0.852 0.00 0.00 0
HETATM 24 H10 UNK 0 0.374 -1.778 0.044 0.00 0.00 0
HETATM 25 H11 UNK 0 -2.605 0.931 -0.328 0.00 0.00 0
HETATM 26 H12 UNK 0 -1.090 2.146 1.298 0.00 0.00 0
HETATM 27 H13 UNK 0 -2.229 1.262 3.154 0.00 0.00 0
HETATM 28 H14 UNK 0 -3.233 0.480 1.883 0.00 0.00 0
HETATM 29 H15 UNK 0 -1.434 -0.778 3.855 0.00 0.00 0
HETATM 30 H16 UNK 0 -2.361 -1.651 2.584 0.00 0.00 0
HETATM 31 H17 UNK 0 0.429 -1.522 2.552 0.00 0.00 0
HETATM 32 H18 UNK 0 -2.651 -1.286 0.167 0.00 0.00 0
HETATM 33 H20 UNK 0 1.203 0.272 -0.011 0.00 0.00 0
HETATM 34 H21 UNK 0 1.546 1.695 1.056 0.00 0.00 0
HETATM 35 H22 UNK 0 2.105 0.067 1.538 0.00 0.00 0
HETATM 36 H27 UNK 0 1.178 3.787 -1.521 0.00 0.00 0
HETATM 37 H28 UNK 0 0.992 2.401 -2.667 0.00 0.00 0
HETATM 38 H29 UNK 0 -0.320 3.686 -2.550 0.00 0.00 0
HETATM 39 H39 UNK 0 -0.751 -1.289 -3.968 0.00 0.00 0
HETATM 40 H40 UNK 0 -0.350 -2.053 -6.284 0.00 0.00 0
HETATM 41 H41 UNK 0 -0.880 -4.399 -6.951 0.00 0.00 0
HETATM 42 H42 UNK 0 -1.815 -5.985 -5.264 0.00 0.00 0
HETATM 43 H43 UNK 0 -2.228 -5.248 -2.942 0.00 0.00 0
CONECT 1 6 8 23 24
CONECT 2 3 8 25 10
CONECT 3 2 4 7 26
CONECT 4 3 5 27 28
CONECT 5 4 6 29 30
CONECT 6 5 1 7 31
CONECT 7 6 3 9
CONECT 8 2 1 32 14
CONECT 9 7 33 34 35
CONECT 10 11 2
CONECT 10 12
CONECT 10 12
CONECT 11 10 13
CONECT 12 10
CONECT 12 10
CONECT 13 11 36 37 38
CONECT 14 8 15
CONECT 15 14 17
CONECT 15 16
CONECT 15 16
CONECT 16 15
CONECT 16 15
CONECT 17 22 15
CONECT 17 18
CONECT 17 18
CONECT 18 19 39
CONECT 18 17
CONECT 18 17
CONECT 19 18 40
CONECT 19 20
CONECT 19 20
CONECT 20 21 41
CONECT 20 19
CONECT 20 19
CONECT 21 20 42
CONECT 21 22
CONECT 21 22
CONECT 22 17 43
CONECT 22 21
CONECT 22 21
CONECT 23 1
CONECT 24 1
CONECT 25 2
CONECT 26 3
CONECT 27 4
CONECT 28 4
CONECT 29 5
CONECT 30 5
CONECT 31 6
CONECT 32 8
CONECT 33 9
CONECT 34 9
CONECT 35 9
CONECT 36 13
CONECT 37 13
CONECT 38 13
CONECT 39 18
CONECT 40 19
CONECT 41 20
CONECT 42 21
CONECT 43 22
END
HEADER MOLECULE
COMPND COPPER, MULTILAYER
AUTHOR A. W. MAVERICK
ATOM 1 CU UNK 1 -1.278 -2.214 -6.261 1.00 0.00
ATOM 2 CU UNK 1 1.278 -2.214 -6.261 1.00 0.00
ATOM 3 CU UNK 1 0.000 0.000 -6.261 1.00 0.00
ATOM 4 CU UNK 1 2.556 0.000 -6.261 1.00 0.00
ATOM 5 CU UNK 1 1.278 2.214 -6.261 1.00 0.00
ATOM 6 CU UNK 1 -1.278 2.214 -6.261 1.00 0.00
ATOM 7 CU UNK 1 -2.556 0.000 -6.261 1.00 0.00
ATOM 8 CU UNK 1 0.000 -1.476 -4.174 1.00 0.00
ATOM 9 CU UNK 1 2.556 -1.476 -4.174 1.00 0.00
ATOM 10 CU UNK 1 1.278 0.738 -4.174 1.00 0.00
ATOM 11 CU UNK 1 -1.278 0.738 -4.174 1.00 0.00
ATOM 12 CU UNK 1 0.000 2.951 -4.174 1.00 0.00
ATOM 13 CU UNK 1 -2.556 -1.476 -4.174 1.00 0.00
ATOM 14 CU UNK 1 -1.278 -0.738 -2.087 1.00 0.00
ATOM 15 CU UNK 1 -2.556 1.476 -2.087 1.00 0.00
ATOM 16 CU UNK 1 0.000 1.476 -2.087 1.00 0.00
ATOM 17 CU UNK 1 1.278 -0.738 -2.087 1.00 0.00
ATOM 18 CU UNK 1 2.556 1.476 -2.087 1.00 0.00
ATOM 19 CU UNK 1 0.000 -2.951 -2.087 1.00 0.00
ATOM 20 CU UNK 1 -1.278 -2.214 0.000 1.00 0.00
ATOM 21 CU UNK 1 1.278 -2.214 0.000 1.00 0.00
ATOM 22 CU UNK 1 0.000 0.000 0.000 1.00 0.00
ATOM 23 CU UNK 1 2.556 0.000 0.000 1.00 0.00
ATOM 24 CU UNK 1 1.278 2.214 0.000 1.00 0.00
ATOM 25 CU UNK 1 -1.278 2.214 0.000 1.00 0.00
ATOM 26 CU UNK 1 -2.556 0.000 0.000 1.00 0.00
ATOM 27 CU UNK 1 0.000 -1.476 2.087 1.00 0.00
ATOM 28 CU UNK 1 2.556 -1.476 2.087 1.00 0.00
ATOM 29 CU UNK 1 1.278 0.738 2.087 1.00 0.00
ATOM 30 CU UNK 1 -1.278 0.738 2.087 1.00 0.00
ATOM 31 CU UNK 1 0.000 2.951 2.087 1.00 0.00
ATOM 32 CU UNK 1 -2.556 -1.476 2.087 1.00 0.00
ATOM 33 CU UNK 1 -1.278 -0.738 4.174 1.00 0.00
ATOM 34 CU UNK 1 -2.556 1.476 4.174 1.00 0.00
ATOM 35 CU UNK 1 0.000 1.476 4.174 1.00 0.00
ATOM 36 CU UNK 1 1.278 -0.738 4.174 1.00 0.00
ATOM 37 CU UNK 1 2.556 1.476 4.174 1.00 0.00
ATOM 38 CU UNK 1 0.000 -2.951 4.174 1.00 0.00
ATOM 39 CU UNK 1 -1.278 -2.214 6.261 1.00 0.00
ATOM 40 CU UNK 1 1.278 -2.214 6.261 1.00 0.00
ATOM 41 CU UNK 1 0.000 0.000 6.261 1.00 0.00
ATOM 42 CU UNK 1 2.556 0.000 6.261 1.00 0.00
ATOM 43 CU UNK 1 1.278 2.214 6.261 1.00 0.00
ATOM 44 CU UNK 1 -1.278 2.214 6.261 1.00 0.00
ATOM 45 CU UNK 1 -2.556 0.000 6.261 1.00 0.00
CONECT 1 13
CONECT 1 2 3 7 8
CONECT 2 9
CONECT 2 1 3 4 8
CONECT 3 1 2 4 5
CONECT 3 6 7 8 10
CONECT 3 11
CONECT 4 10
CONECT 4 2 3 5 9
CONECT 5 3 4 6 10
CONECT 5 12
CONECT 6 3 5 7 11
CONECT 6 12
CONECT 7 1 3 6 11
CONECT 7 13
CONECT 8 1 2 3 9
CONECT 8 17 19
CONECT 8 10 11 13 14
CONECT 9 2 4 8 10
CONECT 9 17
CONECT 10 17 18
CONECT 10 3 4 5 8
CONECT 10 9 11 12 16
CONECT 11 10 12 13 14
CONECT 11 3 6 7 8
CONECT 11 15 16
CONECT 12 16
CONECT 12 5 6 10 11
CONECT 13 14
CONECT 13 1 7 8 11
CONECT 14 22 26
CONECT 14 8 11 13 15
CONECT 14 16 17 19 20
CONECT 15 11 14 16 25
CONECT 15 26
CONECT 16 24 25
CONECT 16 10 11 12 14
CONECT 16 15 17 18 22
CONECT 17 16 18 19 21
CONECT 17 8 9 10 14
CONECT 17 22 23
CONECT 18 24
CONECT 18 10 16 17 23
CONECT 19 21
CONECT 19 8 14 17 20
CONECT 20 14 19 21 22
CONECT 20 26 27 32
CONECT 21 17 19 20 22
CONECT 21 23 27 28
CONECT 22 26 27 29 30
CONECT 22 21 23 24 25
CONECT 22 14 16 17 20
CONECT 23 17 18 21 22
CONECT 23 24 28 29
CONECT 24 25 29 31
CONECT 24 16 18 22 23
CONECT 25 15 16 22 24
CONECT 25 26 30 31
CONECT 26 14 15 20 22
CONECT 26 25 30 32
CONECT 27 36 38
CONECT 27 29 30 32 33
CONECT 27 20 21 22 28
CONECT 28 21 23 27 29
CONECT 28 36
CONECT 29 36 37
CONECT 29 28 30 31 35
CONECT 29 22 23 24 27
CONECT 30 29 31 32 33
CONECT 30 34 35
CONECT 30 22 25 26 27
CONECT 31 35
CONECT 31 24 25 29 30
CONECT 32 33
CONECT 32 20 26 27 30
CONECT 33 35 36 38 39
CONECT 33 41 45
CONECT 33 27 30 32 34
CONECT 34 45
CONECT 34 30 33 35 44
CONECT 35 29 30 31 33
CONECT 35 34 36 37 41
CONECT 35 43 44
CONECT 36 27 28 29 33
CONECT 36 35 37 38 40
CONECT 36 41 42
CONECT 37 43
CONECT 37 29 35 36 42
CONECT 38 40
CONECT 38 27 33 36 39
CONECT 39 33 38 40 41
CONECT 39 45
CONECT 40 36 38 39 41
CONECT 40 42
CONECT 41 33 35 36 39
CONECT 41 45
CONECT 41 40 42 43 44
CONECT 42 36 37 40 41
CONECT 42 43
CONECT 43 35 37 41 42
CONECT 43 44
CONECT 44 34 35 41 43
CONECT 44 45
CONECT 45 33 34 39 41
CONECT 45 44
MASTER 0 0 0 0 0 0 0 0 45 0 45 0
END
HEADER NONAME 23-Apr-10 NONE 1
TITLE NONE 2
AUTHOR Chemical Structure Services at http://cactus.nci.nih.gov NONE 3
REVDAT 1 23-Apr-10 0 NONE 4
ATOM 1 C 0 0.414 0.765 0.999 0.00 0.00 C+0
ATOM 2 C 0 0.414 -0.765 0.999 0.00 0.00 C+0
ATOM 3 C 0 0.999 0.765 -0.414 0.00 0.00 C+0
ATOM 4 C 0 -1.000 0.765 0.414 0.00 0.00 C+0
ATOM 5 C 0 0.999 -0.765 -0.414 0.00 0.00 C+0
ATOM 6 C 0 -1.000 -0.765 0.414 0.00 0.00 C+0
ATOM 7 C 0 -0.414 0.765 -1.000 0.00 0.00 C+0
ATOM 8 C 0 -0.414 -0.765 -1.000 0.00 0.00 C+0
ATOM 9 H 0 0.756 1.394 1.822 0.00 0.00 H+0
ATOM 10 H 0 0.756 -1.394 1.822 0.00 0.00 H+0
ATOM 11 H 0 1.823 1.394 -0.754 0.00 0.00 H+0
ATOM 12 H 0 -1.822 1.394 0.756 0.00 0.00 H+0
ATOM 13 H 0 1.823 -1.394 -0.754 0.00 0.00 H+0
ATOM 14 H 0 -1.822 -1.394 0.756 0.00 0.00 H+0
ATOM 15 H 0 -0.754 1.396 -1.821 0.00 0.00 H+0
ATOM 16 H 0 -0.754 -1.396 -1.821 0.00 0.00 H+0
CONECT 1 2 3 4 9 NONE 21
CONECT 2 1 5 6 10 NONE 22
CONECT 3 1 5 7 11 NONE 23
CONECT 4 1 6 7 12 NONE 24
CONECT 5 2 3 8 13 NONE 25
CONECT 6 2 4 8 14 NONE 26
CONECT 7 3 4 8 15 NONE 27
CONECT 8 5 6 7 16 NONE 28
END NONE 29
HEADER NONAME 23-Apr-10 NONE 1
TITLE NONE 2
AUTHOR Chemical Structure Services at http://cactus.nci.nih.gov NONE 3
REVDAT 1 23-Apr-10 0 NONE 4
ATOM 1 C 0 0.011 -0.566 0.000 0.00 0.00 C+0
ATOM 2 C 0 -1.285 0.246 -0.000 0.00 0.00 C+0
ATOM 3 H 0 1.925 -0.229 -0.000 0.00 0.00 H+0
ATOM 4 O 0 1.130 0.322 0.000 0.00 0.00 O+0
ATOM 5 H 0 0.046 -1.195 0.890 0.00 0.00 H+0
ATOM 6 H 0 0.046 -1.195 -0.890 0.00 0.00 H+0
ATOM 7 H 0 -2.139 -0.432 0.000 0.00 0.00 H+0
ATOM 8 H 0 -1.320 0.875 0.890 0.00 0.00 H+0
ATOM 9 H 0 -1.320 0.875 -0.890 0.00 0.00 H+0
CONECT 1 2 4 5 6 NONE 14
CONECT 2 7 8 9 0 NONE 15
CONECT 4 3 0 0 0 NONE 16
END NONE 17
COMPND
REMARK 1 PDB to MMOD atom-numbering translation table; the mmod numbers
REMARK 1 pertain to the .dat file from which this file was created,
REMARK 1 not to one created from this file:
REMARK 1 PDB: 1 2 3 4 5 6 7 8 9
REMARK 1 MMOD: 1 2 3 4 5 6 7 8 9 /
REMARK 1 PDB: 10 11 12 13 14 15 16 17 18
REMARK 1 MMOD: 10 11 23 12 13 14 15 16 17 /
REMARK 1 PDB: 19 20 21 22 23 24
REMARK 1 MMOD: 18 19 20 21 22 24 /
HETATM 1 C01 UNK A 1 -10.447 3.465 0.000 0.00 0.00 0
HETATM 2 C02 UNK A 1 -11.071 4.006 1.273 0.00 0.00 0
HETATM 3 C03 UNK A 1 -12.577 4.148 1.128 0.00 0.00 0
HETATM 4 C04 UNK A 1 -12.891 4.988 -0.105 0.00 0.00 0
HETATM 5 C05 UNK A 1 -12.200 4.411 -1.349 0.00 0.00 0
HETATM 6 O06 UNK A 1 -10.802 4.239 -1.130 0.00 0.00 0
HETATM 7 O07 UNK A 1 -10.803 3.104 2.323 0.00 0.00 0
HETATM 8 O08 UNK A 1 -13.072 4.770 2.296 0.00 0.00 0
HETATM 9 O09 UNK A 1 -14.294 4.984 -0.281 0.00 0.00 0
HETATM 10 C10 UNK A 1 -12.311 5.317 -2.577 0.00 0.00 0
HETATM 11 O11 UNK A 1 -13.660 5.466 -2.961 0.00 0.00 0
HETATM 12 O23 UNK A 1 -9.045 3.478 0.138 0.00 0.00 0
HETATM 13 H12 UNK A 1 -9.995 3.339 2.755 0.00 0.00 0
HETATM 14 H13 UNK A 1 -12.863 4.206 3.024 0.00 0.00 0
HETATM 15 H14 UNK A 1 -13.704 6.000 -3.739 0.00 0.00 0
HETATM 16 H15 UNK A 1 -10.793 2.419 -0.156 0.00 0.00 0
HETATM 17 H16 UNK A 1 -10.626 4.997 1.513 0.00 0.00 0
HETATM 18 H17 UNK A 1 -13.037 3.141 1.020 0.00 0.00 0
HETATM 19 H18 UNK A 1 -12.542 6.032 0.061 0.00 0.00 0
HETATM 20 H19 UNK A 1 -12.653 3.423 -1.588 0.00 0.00 0
HETATM 21 H20 UNK A 1 -14.475 5.505 -1.044 0.00 0.00 0
HETATM 22 H21 UNK A 1 -11.886 6.317 -2.335 0.00 0.00 0
HETATM 23 H22 UNK A 1 -11.738 4.866 -3.418 0.00 0.00 0
HETATM 24 H24 UNK A 1 -8.822 2.951 0.906 0.00 0.00 0
CONECT 1 2 6 12 16
CONECT 2 1 3 7 17
CONECT 3 2 4 8 18
CONECT 4 3 5 9 19
CONECT 5 4 6 10 20
CONECT 6 5 1
CONECT 7 2 13
CONECT 8 3 14
CONECT 9 4 21
CONECT 10 5 11 22 23
CONECT 11 10 15
CONECT 12 1 24
CONECT 13 7
CONECT 14 8
CONECT 15 11
CONECT 16 1
CONECT 17 2
CONECT 18 3
CONECT 19 4
CONECT 20 5
CONECT 21 9
CONECT 22 10
CONECT 23 10
CONECT 24 12
END
HEADER
REMARK Spartan exported Fri Jan 30 16:10:52 1998
HETATM 1 C UNK 0001 4.141 3.305 -3.641
HETATM 2 C UNK 0001 3.254 3.762 -2.621
HETATM 3 C UNK 0001 1.962 0.786 -4.295
HETATM 4 C UNK 0001 2.087 0.286 -2.965
HETATM 5 C UNK 0001 -0.217 -1.734 -4.949
HETATM 6 C UNK 0001 -1.104 -1.278 -3.929
HETATM 7 C UNK 0001 -2.397 -4.254 -5.603
HETATM 8 C UNK 0001 -2.272 -4.753 -4.273
HETATM 9 C UNK 0001 2.265 4.743 -2.925
HETATM 10 C UNK 0001 1.378 5.199 -1.906
HETATM 11 C UNK 0001 0.085 2.223 -3.579
HETATM 12 C UNK 0001 0.210 1.724 -2.249
HETATM 13 C UNK 0001 -2.094 -0.297 -4.233
HETATM 14 C UNK 0001 -2.981 0.160 -3.214
HETATM 15 C UNK 0001 -4.273 -2.817 -4.887
HETATM 16 C UNK 0001 -4.148 -3.316 -3.557
HETATM 17 C UNK 0001 0.388 6.180 -2.210
HETATM 18 C UNK 0001 -0.499 6.636 -1.190
HETATM 19 C UNK 0001 -1.792 3.660 -2.864
HETATM 20 C UNK 0001 -1.666 3.161 -1.533
HETATM 21 C UNK 0001 -3.971 1.141 -3.518
HETATM 22 C UNK 0001 -4.858 1.597 -2.498
HETATM 23 C UNK 0001 -6.150 -1.379 -4.172
HETATM 24 C UNK 0001 -6.025 -1.878 -2.841
HETATM 25 C UNK 0001 -1.489 7.617 -1.494
HETATM 26 C UNK 0001 -2.376 8.074 -0.474
HETATM 27 C UNK 0001 -3.668 5.098 -2.148
HETATM 28 C UNK 0001 -3.543 4.598 -0.818
HETATM 29 C UNK 0001 -5.848 2.578 -2.802
HETATM 30 C UNK 0001 -6.734 3.034 -1.782
HETATM 31 C UNK 0001 -8.027 0.058 -3.456
HETATM 32 C UNK 0001 -7.902 -0.441 -2.126
HETATM 33 C UNK 0001 -3.366 9.055 -0.778
HETATM 34 C UNK 0001 -4.252 9.511 0.242
HETATM 35 C UNK 0001 -5.545 6.535 -1.432
HETATM 36 C UNK 0001 -5.420 6.036 -0.102
HETATM 37 C UNK 0001 -7.724 4.015 -2.086
HETATM 38 C UNK 0001 -8.611 4.472 -1.066
HETATM 39 C UNK 0001 -9.904 1.496 -2.740
HETATM 40 C UNK 0001 -9.779 0.996 -1.410
HETATM 41 C UNK 0001 5.300 1.876 -1.994
HETATM 42 C UNK 0001 4.413 2.332 -0.974
HETATM 43 C UNK 0001 3.121 -0.644 -2.648
HETATM 44 C UNK 0001 3.246 -1.143 -1.317
HETATM 45 C UNK 0001 0.941 -3.164 -3.302
HETATM 46 C UNK 0001 0.055 -2.707 -2.282
HETATM 47 C UNK 0001 -1.238 -5.684 -3.956
HETATM 48 C UNK 0001 -1.113 -6.183 -2.625
HETATM 49 C UNK 0001 3.423 3.313 -1.278
HETATM 50 C UNK 0001 2.536 3.769 -0.258
HETATM 51 C UNK 0001 1.244 0.793 -1.932
HETATM 52 C UNK 0001 1.369 0.294 -0.601
HETATM 53 C UNK 0001 -0.935 -1.727 -2.586
HETATM 54 C UNK 0001 -1.822 -1.270 -1.566
HETATM 55 C UNK 0001 -3.115 -4.246 -3.240
HETATM 56 C UNK 0001 -2.990 -4.746 -1.910
HETATM 57 C UNK 0001 1.546 4.750 -0.562
HETATM 58 C UNK 0001 0.660 5.207 0.458
HETATM 59 C UNK 0001 -0.633 2.231 -1.216
HETATM 60 C UNK 0001 -0.508 1.731 0.114
HETATM 61 C UNK 0001 -2.812 -0.289 -1.870
HETATM 62 C UNK 0001 -3.699 0.167 -0.850
HETATM 63 C UNK 0001 -4.991 -2.809 -2.524
HETATM 64 C UNK 0001 -4.866 -3.308 -1.194
HETATM 65 C UNK 0001 -0.330 6.188 0.154
HETATM 66 C UNK 0001 -1.217 6.644 1.173
HETATM 67 C UNK 0001 -2.510 3.668 -0.500
HETATM 68 C UNK 0001 -2.385 3.169 0.830
HETATM 69 C UNK 0001 -4.689 1.148 -1.154
HETATM 70 C UNK 0001 -5.576 1.605 -0.135
HETATM 71 C UNK 0001 -6.868 -1.371 -1.808
HETATM 72 C UNK 0001 -6.743 -1.871 -0.478
HETATM 73 C UNK 0001 -2.207 7.625 0.869
HETATM 74 C UNK 0001 -3.094 8.082 1.889
HETATM 75 C UNK 0001 -4.386 5.105 0.215
HETATM 76 C UNK 0001 -4.261 4.606 1.546
HETATM 77 C UNK 0001 -6.566 2.586 -0.439
HETATM 78 C UNK 0001 -7.452 3.042 0.581
HETATM 79 C UNK 0001 -8.745 0.066 -1.093
HETATM 80 C UNK 0001 -8.620 -0.433 0.238
HETATM 81 C UNK 0001 6.459 0.446 -0.346
HETATM 82 C UNK 0001 5.572 0.902 0.674
HETATM 83 C UNK 0001 4.279 -2.074 -1.000
HETATM 84 C UNK 0001 4.404 -2.573 0.330
HETATM 85 C UNK 0001 2.100 -4.594 -1.654
HETATM 86 C UNK 0001 1.213 -4.137 -0.634
HETATM 87 C UNK 0001 -0.079 -7.113 -2.308
HETATM 88 C UNK 0001 0.046 -7.613 -0.978
HETATM 89 C UNK 0001 4.582 1.883 0.370
HETATM 90 C UNK 0001 3.695 2.340 1.389
HETATM 91 C UNK 0001 2.403 -0.637 -0.284
HETATM 92 C UNK 0001 2.528 -1.136 1.046
HETATM 93 C UNK 0001 0.223 -3.156 -0.938
HETATM 94 C UNK 0001 -0.664 -2.700 0.081
HETATM 95 C UNK 0001 -1.956 -5.676 -1.592
HETATM 96 C UNK 0001 -1.831 -6.175 -0.262
HETATM 97 C UNK 0001 2.705 3.321 1.085
HETATM 98 C UNK 0001 1.818 3.777 2.105
HETATM 99 C UNK 0001 0.526 0.801 0.431
HETATM 100 C UNK 0001 0.651 0.302 1.762
HETATM 101 C UNK 0001 -1.653 -1.719 -0.223
HETATM 102 C UNK 0001 -2.540 -1.262 0.797
HETATM 103 C UNK 0001 -3.833 -4.239 -0.877
HETATM 104 C UNK 0001 -3.708 -4.738 0.454
HETATM 105 C UNK 0001 0.828 4.758 1.801
HETATM 106 C UNK 0001 -0.058 5.214 2.821
HETATM 107 C UNK 0001 -1.351 2.238 1.147
HETATM 108 C UNK 0001 -1.226 1.739 2.477
HETATM 109 C UNK 0001 -3.530 -0.281 0.493
HETATM 110 C UNK 0001 -4.417 0.175 1.513
HETATM 111 C UNK 0001 -5.710 -2.801 -0.161
HETATM 112 C UNK 0001 -5.584 -3.300 1.169
HETATM 113 C UNK 0001 -1.048 6.195 2.517
HETATM 114 C UNK 0001 -1.935 6.652 3.537
HETATM 115 C UNK 0001 -3.228 3.676 1.863
HETATM 116 C UNK 0001 -3.103 3.176 3.193
HETATM 117 C UNK 0001 -5.407 1.156 1.209
HETATM 118 C UNK 0001 -6.294 1.612 2.229
HETATM 119 C UNK 0001 -7.586 -1.364 0.555
HETATM 120 C UNK 0001 -7.461 -1.863 1.885
HETATM 121 C UNK 0001 7.617 -0.984 1.301
HETATM 122 C UNK 0001 6.730 -0.528 2.321
HETATM 123 C UNK 0001 5.438 -3.504 0.647
HETATM 124 C UNK 0001 5.563 -4.003 1.978
HETATM 125 C UNK 0001 3.259 -6.023 -0.007
HETATM 126 C UNK 0001 2.372 -5.567 1.013
HETATM 127 C UNK 0001 1.079 -8.543 -0.661
HETATM 128 C UNK 0001 1.204 -9.042 0.670
HETATM 129 C UNK 0001 5.740 0.453 2.017
HETATM 130 C UNK 0001 4.854 0.910 3.037
HETATM 131 C UNK 0001 3.561 -2.066 1.363
HETATM 132 C UNK 0001 3.686 -2.566 2.694
HETATM 133 C UNK 0001 1.382 -4.586 0.709
HETATM 134 C UNK 0001 0.495 -4.130 1.729
HETATM 135 C UNK 0001 -0.797 -7.106 0.055
HETATM 136 C UNK 0001 -0.672 -7.605 1.385
HETATM 137 C UNK 0001 3.864 1.891 2.733
HETATM 138 C UNK 0001 2.977 2.347 3.753
HETATM 139 C UNK 0001 1.684 -0.629 2.079
HETATM 140 C UNK 0001 1.809 -1.128 3.409
HETATM 141 C UNK 0001 -0.495 -3.149 1.425
HETATM 142 C UNK 0001 -1.382 -2.692 2.445
HETATM 143 C UNK 0001 -2.674 -5.668 0.771
HETATM 144 C UNK 0001 -2.549 -6.168 2.101
HETATM 145 C UNK 0001 1.987 3.328 3.449
HETATM 146 C UNK 0001 1.100 3.785 4.468
HETATM 147 C UNK 0001 -0.192 0.809 2.795
HETATM 148 C UNK 0001 -0.067 0.309 4.125
HETATM 149 C UNK 0001 -2.372 -1.711 2.141
HETATM 150 C UNK 0001 -3.258 -1.255 3.160
HETATM 151 C UNK 0001 -4.551 -4.231 1.487
HETATM 152 C UNK 0001 -4.426 -4.730 2.817
HETATM 153 C UNK 0001 0.110 4.766 4.164
HETATM 154 C UNK 0001 -0.777 5.222 5.184
HETATM 155 C UNK 0001 -2.069 2.246 3.510
HETATM 156 C UNK 0001 -1.944 1.747 4.841
HETATM 157 C UNK 0001 -4.248 -0.274 2.856
HETATM 158 C UNK 0001 -5.135 0.183 3.876
HETATM 159 C UNK 0001 -6.428 -2.794 2.202
HETATM 160 C UNK 0001 -6.303 -3.293 3.533
HETATM 161 C UNK 0001 8.776 -2.414 2.949
HETATM 162 C UNK 0001 7.889 -1.957 3.969
HETATM 163 C UNK 0001 6.597 -4.933 2.295
HETATM 164 C UNK 0001 6.722 -5.433 3.625
HETATM 165 C UNK 0001 4.417 -7.453 1.641
HETATM 166 C UNK 0001 3.531 -6.997 2.661
HETATM 167 C UNK 0001 2.238 -9.973 0.987
HETATM 168 C UNK 0001 2.363 -10.472 2.317
HETATM 169 C UNK 0001 6.899 -0.976 3.665
HETATM 170 C UNK 0001 6.012 -0.520 4.684
HETATM 171 C UNK 0001 4.720 -3.496 3.011
HETATM 172 C UNK 0001 4.845 -3.995 4.341
HETATM 173 C UNK 0001 2.541 -6.016 2.357
HETATM 174 C UNK 0001 1.654 -5.559 3.376
HETATM 175 C UNK 0001 0.361 -8.535 1.703
HETATM 176 C UNK 0001 0.486 -9.035 3.033
HETATM 177 C UNK 0001 5.022 0.461 4.380
HETATM 178 C UNK 0001 4.136 0.918 5.400
HETATM 179 C UNK 0001 2.843 -2.059 3.726
HETATM 180 C UNK 0001 2.968 -2.558 5.057
HETATM 181 C UNK 0001 0.664 -4.578 3.072
HETATM 182 C UNK 0001 -0.223 -4.122 4.092
HETATM 183 C UNK 0001 -1.515 -7.098 2.418
HETATM 184 C UNK 0001 -1.390 -7.597 3.749
HETATM 185 C UNK 0001 3.146 1.898 5.096
HETATM 186 C UNK 0001 2.259 2.355 6.116
HETATM 187 C UNK 0001 0.966 -0.621 4.442
HETATM 188 C UNK 0001 1.091 -1.120 5.772
HETATM 189 C UNK 0001 -1.213 -3.141 3.788
HETATM 190 C UNK 0001 -2.100 -2.685 4.808
HETATM 191 C UNK 0001 -3.392 -5.661 3.134
HETATM 192 C UNK 0001 -3.267 -6.160 4.464
HETATM 193 C UNK 0001 1.269 3.336 5.812
HETATM 194 C UNK 0001 0.382 3.792 6.832
HETATM 195 C UNK 0001 -0.910 0.816 5.158
HETATM 196 C UNK 0001 -0.785 0.317 6.488
HETATM 197 C UNK 0001 -3.090 -1.704 4.504
HETATM 198 C UNK 0001 -3.976 -1.247 5.524
HETATM 199 C UNK 0001 -5.269 -4.223 3.850
HETATM 200 C UNK 0001 -5.144 -4.723 5.180
CONECT 1 2
CONECT 2 1 9 49
CONECT 3 4
CONECT 4 3 43 51
CONECT 5 6
CONECT 6 5 13 53
CONECT 7 8
CONECT 8 7 47 55
CONECT 9 2 10
CONECT 10 9 17 57
CONECT 11 12
CONECT 12 11 51 59
CONECT 13 6 14
CONECT 14 13 21 61
CONECT 15 16
CONECT 16 15 55 63
CONECT 17 10 18
CONECT 18 17 25 65
CONECT 19 20
CONECT 20 19 59 67
CONECT 21 14 22
CONECT 22 21 29 69
CONECT 23 24
CONECT 24 23 63 71
CONECT 25 18 26
CONECT 26 25 33 73
CONECT 27 28
CONECT 28 27 67 75
CONECT 29 22 30
CONECT 30 29 37 77
CONECT 31 32
CONECT 32 31 71 79
CONECT 33 26 34
CONECT 34 33
CONECT 35 36
CONECT 36 35 75
CONECT 37 30 38
CONECT 38 37
CONECT 39 40
CONECT 40 39 79
CONECT 41 42
CONECT 42 41 49 89
CONECT 43 4 44
CONECT 44 43 83 91
CONECT 45 46
CONECT 46 45 53 93
CONECT 47 8 48
CONECT 48 47 87 95
CONECT 49 2 42 50
CONECT 50 49 57 97
CONECT 51 4 12 52
CONECT 52 51 91 99
CONECT 53 6 46 54
CONECT 54 53 61 101
CONECT 55 8 16 56
CONECT 56 55 95 103
CONECT 57 10 50 58
CONECT 58 57 65 105
CONECT 59 12 20 60
CONECT 60 59 99 107
CONECT 61 14 54 62
CONECT 62 61 69 109
CONECT 63 16 24 64
CONECT 64 63 103 111
CONECT 65 18 58 66
CONECT 66 65 73 113
CONECT 67 20 28 68
CONECT 68 67 107 115
CONECT 69 22 62 70
CONECT 70 69 77 117
CONECT 71 24 32 72
CONECT 72 71 111 119
CONECT 73 26 66 74
CONECT 74 73
CONECT 75 28 36 76
CONECT 76 75 115
CONECT 77 30 70 78
CONECT 78 77
CONECT 79 32 40 80
CONECT 80 79 119
CONECT 81 82
CONECT 82 81 89 129
CONECT 83 44 84
CONECT 84 83 123 131
CONECT 85 86
CONECT 86 85 93 133
CONECT 87 48 88
CONECT 88 87 127 135
CONECT 89 42 82 90
CONECT 90 89 97 137
CONECT 91 44 52 92
CONECT 92 91 131 139
CONECT 93 46 86 94
CONECT 94 93 101 141
CONECT 95 48 56 96
CONECT 96 95 135 143
CONECT 97 50 90 98
CONECT 98 97 105 145
CONECT 99 52 60 100
CONECT 100 99 139 147
CONECT 101 54 94 102
CONECT 102 101 109 149
CONECT 103 56 64 104
CONECT 104 103 143 151
CONECT 105 58 98 106
CONECT 106 105 113 153
CONECT 107 60 68 108
CONECT 108 107 147 155
CONECT 109 62 102 110
CONECT 110 109 117 157
CONECT 111 64 72 112
CONECT 112 111 151 159
CONECT 113 66 106 114
CONECT 114 113
CONECT 115 68 76 116
CONECT 116 115 155
CONECT 117 70 110 118
CONECT 118 117
CONECT 119 72 80 120
CONECT 120 119 159
CONECT 121 122
CONECT 122 121 129 169
CONECT 123 84 124
CONECT 124 123 163 171
CONECT 125 126
CONECT 126 125 133 173
CONECT 127 88 128
CONECT 128 127 167 175
CONECT 129 82 122 130
CONECT 130 129 137 177
CONECT 131 84 92 132
CONECT 132 131 171 179
CONECT 133 86 126 134
CONECT 134 133 141 181
CONECT 135 88 96 136
CONECT 136 135 175 183
CONECT 137 90 130 138
CONECT 138 137 145 185
CONECT 139 92 100 140
CONECT 140 139 179 187
CONECT 141 94 134 142
CONECT 142 141 149 189
CONECT 143 96 104 144
CONECT 144 143 183 191
CONECT 145 98 138 146
CONECT 146 145 153 193
CONECT 147 100 108 148
CONECT 148 147 187 195
CONECT 149 102 142 150
CONECT 150 149 157 197
CONECT 151 104 112 152
CONECT 152 151 191 199
CONECT 153 106 146 154
CONECT 154 153
CONECT 155 108 116 156
CONECT 156 155 195
CONECT 157 110 150 158
CONECT 158 157
CONECT 159 112 120 160
CONECT 160 159 199
CONECT 161 162
CONECT 162 161 169
CONECT 163 124 164
CONECT 164 163
CONECT 165 166
CONECT 166 165 173
CONECT 167 128 168
CONECT 168 167
CONECT 169 122 162 170
CONECT 170 169 177
CONECT 171 124 132 172
CONECT 172 171
CONECT 173 126 166 174
CONECT 174 173 181
CONECT 175 128 136 176
CONECT 176 175
CONECT 177 130 170 178
CONECT 178 177 185
CONECT 179 132 140 180
CONECT 180 179
CONECT 181 134 174 182
CONECT 182 181 189
CONECT 183 136 144 184
CONECT 184 183
CONECT 185 138 178 186
CONECT 186 185 193
CONECT 187 140 148 188
CONECT 188 187
CONECT 189 142 182 190
CONECT 190 189 197
CONECT 191 144 152 192
CONECT 192 191
CONECT 193 146 186 194
CONECT 194 193
CONECT 195 148 156 196
CONECT 196 195
CONECT 197 150 190 198
CONECT 198 197
CONECT 199 152 160 200
CONECT 200 199
END
HEADER NONAME 23-Apr-10 NONE 1
TITLE NONE 2
AUTHOR Chemical Structure Services at http://cactus.nci.nih.gov NONE 3
REVDAT 1 23-Apr-10 0 NONE 4
ATOM 1 C 0 -1.049 1.569 -0.186 0.00 0.00 C+0
ATOM 2 C 0 1.717 0.715 0.155 0.00 0.00 C+0
ATOM 3 C 0 -1.635 -2.212 -0.674 0.00 0.00 C+0
ATOM 4 C 0 -4.657 0.896 0.691 0.00 0.00 C+0
ATOM 5 C 0 -4.065 -2.519 -0.433 0.00 0.00 C+0
ATOM 6 C 0 -2.792 -2.984 -0.745 0.00 0.00 C+0
ATOM 7 C 0 4.762 -1.453 -0.659 0.00 0.00 C+0
ATOM 8 C 0 3.241 -1.347 1.369 0.00 0.00 C+0
ATOM 9 C 0 -0.294 3.762 -0.536 0.00 0.00 C+0
ATOM 10 C 0 6.055 -0.727 -0.281 0.00 0.00 C+0
ATOM 11 C 0 4.117 -0.699 2.443 0.00 0.00 C+0
ATOM 12 H 0 -6.116 -0.586 0.423 0.00 0.00 H+0
ATOM 13 O 0 3.348 0.665 -1.551 0.00 0.00 O+0
ATOM 14 C 0 -2.243 1.917 0.716 0.00 0.00 C+0
ATOM 15 C 0 1.270 2.005 -0.544 0.00 0.00 C+0
ATOM 16 C 0 2.958 0.178 -0.511 0.00 0.00 C+0
ATOM 17 C 0 -1.715 -0.898 -0.270 0.00 0.00 C+0
ATOM 18 C 0 -3.338 0.903 0.522 0.00 0.00 C+0
ATOM 19 C 0 0.596 -0.284 0.030 0.00 0.00 C+0
ATOM 20 N 0 0.046 2.483 0.100 0.00 0.00 N+0
ATOM 21 C 0 -0.654 0.118 -0.131 0.00 0.00 C+0
ATOM 22 C 0 -4.182 -1.194 -0.016 0.00 0.00 C+0
ATOM 23 N 0 3.634 -0.844 0.050 0.00 0.00 N+0
ATOM 24 N 0 -5.176 -0.349 0.374 0.00 0.00 N+0
ATOM 25 C 0 -3.008 -0.439 0.056 0.00 0.00 C+0
ATOM 26 H 0 -1.370 1.771 -1.208 0.00 0.00 H+0
ATOM 27 H 0 -0.679 -2.642 -0.934 0.00 0.00 H+0
ATOM 28 H 0 -1.924 1.911 1.758 0.00 0.00 H+0
ATOM 29 H 0 -2.616 2.907 0.457 0.00 0.00 H+0
ATOM 30 H 0 -5.240 1.741 1.027 0.00 0.00 H+0
ATOM 31 H 0 -4.930 -3.161 -0.511 0.00 0.00 H+0
ATOM 32 H 0 0.816 -1.341 0.073 0.00 0.00 H+0
ATOM 33 H 0 -2.694 -4.011 -1.065 0.00 0.00 H+0
ATOM 34 H 0 1.919 0.915 1.207 0.00 0.00 H+0
ATOM 35 H 0 2.050 2.761 -0.453 0.00 0.00 H+0
ATOM 36 H 0 1.074 1.803 -1.597 0.00 0.00 H+0
ATOM 37 H 0 -1.230 4.137 -0.122 0.00 0.00 H+0
ATOM 38 H 0 0.501 4.484 -0.349 0.00 0.00 H+0
ATOM 39 H 0 -0.405 3.615 -1.611 0.00 0.00 H+0
ATOM 40 H 0 4.601 -1.373 -1.734 0.00 0.00 H+0
ATOM 41 H 0 4.842 -2.504 -0.381 0.00 0.00 H+0
ATOM 42 H 0 3.370 -2.429 1.399 0.00 0.00 H+0
ATOM 43 H 0 2.196 -1.100 1.555 0.00 0.00 H+0
ATOM 44 H 0 6.894 -1.180 -0.809 0.00 0.00 H+0
ATOM 45 H 0 5.975 0.324 -0.559 0.00 0.00 H+0
ATOM 46 H 0 6.215 -0.807 0.794 0.00 0.00 H+0
ATOM 47 H 0 3.829 -1.077 3.424 0.00 0.00 H+0
ATOM 48 H 0 5.163 -0.940 2.253 0.00 0.00 H+0
ATOM 49 H 0 3.983 0.383 2.418 0.00 0.00 H+0
CONECT 1 21 20 14 26 NONE 54
CONECT 2 19 16 15 34 NONE 55
CONECT 3 17 6 27 0 NONE 56
CONECT 4 18 24 30 0 NONE 57
CONECT 5 22 6 31 0 NONE 58
CONECT 6 3 5 33 0 NONE 59
CONECT 7 23 10 40 41 NONE 60
CONECT 8 23 11 42 43 NONE 61
CONECT 9 20 37 38 39 NONE 62
CONECT 10 7 44 45 46 NONE 63
CONECT 11 8 47 48 49 NONE 64
CONECT 13 16 0 0 0 NONE 65
CONECT 14 18 1 28 29 NONE 66
CONECT 15 20 2 35 36 NONE 67
CONECT 16 2 23 13 0 NONE 68
CONECT 17 25 21 3 0 NONE 69
CONECT 18 25 14 4 0 NONE 70
CONECT 19 21 2 32 0 NONE 71
CONECT 20 1 15 9 0 NONE 72
CONECT 21 17 1 19 0 NONE 73
CONECT 22 25 24 5 0 NONE 74
CONECT 23 16 7 8 0 NONE 75
CONECT 24 22 4 12 0 NONE 76
CONECT 25 17 18 22 0 NONE 77
END NONE 78
HEADER PROTEIN 05-MAY-09 NONE
TITLE NULL
COMPND NULL
SOURCE NULL
KEYWDS NULL
EXPDTA NULL
AUTHOR Marvin
REVDAT 1 05-MAY-09 0
HETATM 1 C UNK 0 -1.075 0.818 0.485 0.00 0.00 C+0
HETATM 2 C UNK 0 -20.084 -9.817 -16.179 0.00 0.00 C+0
HETATM 3 C UNK 0 -0.713 -0.346 1.456 0.00 0.00 C+0
HETATM 4 C UNK 0 -19.685 -11.316 -16.318 0.00 0.00 C+0
HETATM 5 C UNK 0 1.324 0.571 4.582 0.00 0.00 C+0
HETATM 6 C UNK 0 2.150 -0.422 2.437 0.00 0.00 C+0
HETATM 7 C UNK 0 -21.966 -13.277 -16.664 0.00 0.00 C+0
HETATM 8 C UNK 0 -21.411 -13.321 -19.105 0.00 0.00 C+0
HETATM 9 C UNK 0 -20.930 -9.245 -13.860 0.00 0.00 C+0
HETATM 10 C UNK 0 -0.272 0.398 -1.881 0.00 0.00 C+0
HETATM 11 C UNK 0 -17.605 -7.104 -10.656 0.00 0.00 C+0
HETATM 12 C UNK 0 -3.688 -1.419 -5.187 0.00 0.00 C+0
HETATM 13 C UNK 0 -7.197 -3.296 -7.958 0.00 0.00 C+0
HETATM 14 C UNK 0 -14.089 -5.242 -7.881 0.00 0.00 C+0
HETATM 15 C UNK 0 1.029 0.084 3.233 0.00 0.00 C+0
HETATM 16 C UNK 0 -21.125 -12.803 -17.765 0.00 0.00 C+0
HETATM 17 C UNK 0 -1.350 0.342 -0.884 0.00 0.00 C+0
HETATM 18 C UNK 0 -19.823 -9.290 -14.825 0.00 0.00 C+0
HETATM 19 C UNK 0 -16.638 -7.337 -11.747 0.00 0.00 C+0
HETATM 20 C UNK 0 -4.573 -1.473 -4.006 0.00 0.00 C+0
HETATM 21 C UNK 0 -8.014 -3.326 -6.733 0.00 0.00 C+0
HETATM 22 C UNK 0 -13.187 -5.516 -9.012 0.00 0.00 C+0
HETATM 23 C UNK 0 -20.123 -11.908 -17.582 0.00 0.00 C+0
HETATM 24 C UNK 0 -0.240 0.124 2.758 0.00 0.00 C+0
HETATM 25 C UNK 0 -18.570 -8.892 -14.489 0.00 0.00 C+0
HETATM 26 C UNK 0 -2.571 -0.167 -1.186 0.00 0.00 C+0
HETATM 27 C UNK 0 -15.311 -7.135 -11.542 0.00 0.00 C+0
HETATM 28 C UNK 0 -5.784 -2.084 -4.084 0.00 0.00 C+0
HETATM 29 C UNK 0 -11.851 -5.294 -8.909 0.00 0.00 C+0
HETATM 30 C UNK 0 -9.256 -3.873 -6.736 0.00 0.00 C+0
HETATM 31 C UNK 0 -4.199 -0.885 -2.811 0.00 0.00 C+0
HETATM 32 C UNK 0 -17.065 -7.742 -12.999 0.00 0.00 C+0
HETATM 33 C UNK 0 -13.701 -5.957 -10.216 0.00 0.00 C+0
HETATM 34 C UNK 0 -7.540 -2.746 -5.572 0.00 0.00 C+0
HETATM 35 C UNK 0 -2.930 -0.738 -2.378 0.00 0.00 C+0
HETATM 36 C UNK 0 -18.165 -8.484 -13.246 0.00 0.00 C+0
HETATM 37 C UNK 0 -14.749 -6.793 -10.348 0.00 0.00 C+0
HETATM 38 C UNK 0 -6.252 -2.750 -5.177 0.00 0.00 C+0
HETATM 39 C UNK 0 -11.189 -4.811 -7.807 0.00 0.00 C+0
HETATM 40 C UNK 0 -9.894 -4.441 -7.811 0.00 0.00 C+0
CONECT 1 3 17
CONECT 2 4 18
CONECT 3 1 24
CONECT 4 2 23
CONECT 5 15
CONECT 6 15
CONECT 7 16
CONECT 8 16
CONECT 9 18
CONECT 10 17
CONECT 11 19
CONECT 12 20
CONECT 13 21
CONECT 14 22
CONECT 15 5 6 24
CONECT 16 7 8 23
CONECT 17 1 10 26
CONECT 18 2 9 25
CONECT 19 11 27 32
CONECT 20 12 28 31
CONECT 21 13 30 34
CONECT 22 14 29 33
CONECT 23 4 16
CONECT 24 3 15
CONECT 25 18 36
CONECT 26 17 35
CONECT 27 19 37
CONECT 28 20 38
CONECT 29 22 39
CONECT 30 21 40
CONECT 31 20 35
CONECT 32 19 36
CONECT 33 22 37
CONECT 34 21 38
CONECT 35 26 31
CONECT 36 25 32
CONECT 37 27 33
CONECT 38 28 34
CONECT 39 29 40
CONECT 40 30 39
MASTER 0 0 0 0 0 0 0 0 40 0 78 0
END
HEADER MOLECULE
COMPND SODIUM CHLORIDE BIG CRYSTAL
AUTHOR A. W. MAVERICK
ATOM 1 CL UNK 1 -5.640 -2.820 -4.230 1.00 0.00
ATOM 2 NA UNK 1 -5.640 -2.820 -1.410 1.00 0.00
ATOM 3 CL UNK 1 -5.640 -2.820 1.410 1.00 0.00
ATOM 4 NA UNK 1 -5.640 -2.820 4.230 1.00 0.00
ATOM 5 NA UNK 1 -5.640 0.000 -4.230 1.00 0.00
ATOM 6 CL UNK 1 -5.640 0.000 -1.410 1.00 0.00
ATOM 7 NA UNK 1 -5.640 0.000 1.410 1.00 0.00
ATOM 8 CL UNK 1 -5.640 0.000 4.230 1.00 0.00
ATOM 9 CL UNK 1 -5.640 2.820 -4.230 1.00 0.00
ATOM 10 NA UNK 1 -5.640 2.820 -1.410 1.00 0.00
ATOM 11 CL UNK 1 -5.640 2.820 1.410 1.00 0.00
ATOM 12 NA UNK 1 -5.640 2.820 4.230 1.00 0.00
ATOM 13 NA UNK 1 -2.820 -2.820 -4.230 1.00 0.00
ATOM 14 CL UNK 1 -2.820 -2.820 -1.410 1.00 0.00
ATOM 15 NA UNK 1 -2.820 -2.820 1.410 1.00 0.00
ATOM 16 CL UNK 1 -2.820 -2.820 4.230 1.00 0.00
ATOM 17 CL UNK 1 -2.820 0.000 -4.230 1.00 0.00
ATOM 18 NA UNK 1 -2.820 0.000 -1.410 1.00 0.00
ATOM 19 CL UNK 1 -2.820 0.000 1.410 1.00 0.00
ATOM 20 NA UNK 1 -2.820 0.000 4.230 1.00 0.00
ATOM 21 NA UNK 1 -2.820 2.820 -4.230 1.00 0.00
ATOM 22 CL UNK 1 -2.820 2.820 -1.410 1.00 0.00
ATOM 23 NA UNK 1 -2.820 2.820 1.410 1.00 0.00
ATOM 24 CL UNK 1 -2.820 2.820 4.230 1.00 0.00
ATOM 25 CL UNK 1 0.000 -2.820 -4.230 1.00 0.00
ATOM 26 NA UNK 1 0.000 -2.820 -1.410 1.00 0.00
ATOM 27 CL UNK 1 0.000 -2.820 1.410 1.00 0.00
ATOM 28 NA UNK 1 0.000 -2.820 4.230 1.00 0.00
ATOM 29 NA UNK 1 0.000 0.000 -4.230 1.00 0.00
ATOM 30 CL UNK 1 0.000 0.000 -1.410 1.00 0.00
ATOM 31 NA UNK 1 0.000 0.000 1.410 1.00 0.00
ATOM 32 CL UNK 1 0.000 0.000 4.230 1.00 0.00
ATOM 33 CL UNK 1 0.000 2.820 -4.230 1.00 0.00
ATOM 34 NA UNK 1 0.000 2.820 -1.410 1.00 0.00
ATOM 35 CL UNK 1 0.000 2.820 1.410 1.00 0.00
ATOM 36 NA UNK 1 0.000 2.820 4.230 1.00 0.00
ATOM 37 NA UNK 1 2.820 -2.820 -4.230 1.00 0.00
ATOM 38 CL UNK 1 2.820 -2.820 -1.410 1.00 0.00
ATOM 39 NA UNK 1 2.820 -2.820 1.410 1.00 0.00
ATOM 40 CL UNK 1 2.820 -2.820 4.230 1.00 0.00
ATOM 41 CL UNK 1 2.820 0.000 -4.230 1.00 0.00
ATOM 42 NA UNK 1 2.820 0.000 -1.410 1.00 0.00
ATOM 43 CL UNK 1 2.820 0.000 1.410 1.00 0.00
ATOM 44 NA UNK 1 2.820 0.000 4.230 1.00 0.00
ATOM 45 NA UNK 1 2.820 2.820 -4.230 1.00 0.00
ATOM 46 CL UNK 1 2.820 2.820 -1.410 1.00 0.00
ATOM 47 NA UNK 1 2.820 2.820 1.410 1.00 0.00
ATOM 48 CL UNK 1 2.820 2.820 4.230 1.00 0.00
ATOM 49 CL UNK 1 5.640 -2.820 -4.230 1.00 0.00
ATOM 50 NA UNK 1 5.640 -2.820 -1.410 1.00 0.00
ATOM 51 CL UNK 1 5.640 -2.820 1.410 1.00 0.00
ATOM 52 NA UNK 1 5.640 -2.820 4.230 1.00 0.00
ATOM 53 NA UNK 1 5.640 0.000 -4.230 1.00 0.00
ATOM 54 CL UNK 1 5.640 0.000 -1.410 1.00 0.00
ATOM 55 NA UNK 1 5.640 0.000 1.410 1.00 0.00
ATOM 56 CL UNK 1 5.640 0.000 4.230 1.00 0.00
ATOM 57 CL UNK 1 5.640 2.820 -4.230 1.00 0.00
ATOM 58 NA UNK 1 5.640 2.820 -1.410 1.00 0.00
ATOM 59 CL UNK 1 5.640 2.820 1.410 1.00 0.00
ATOM 60 NA UNK 1 5.640 2.820 4.230 1.00 0.00
CONECT 1 2 5 13
CONECT 2 1 3 6 14
CONECT 3 2 4 7 15
CONECT 4 3 8 16
CONECT 5 1 6 9 17
CONECT 6 2 5 7 10 18
CONECT 7 3 6 8 11 19
CONECT 8 4 7 12 20
CONECT 9 5 10 21
CONECT 10 6 9 11 22
CONECT 11 7 10 12 23
CONECT 12 8 11 24
CONECT 13 1 14 17 25
CONECT 14 2 13 15 18 26
CONECT 15 3 14 16 19 27
CONECT 16 4 15 20 28
CONECT 17 5 13 18 21 29
CONECT 18 6 14 17 19
CONECT 18 22 30
CONECT 19 7 15 18 20
CONECT 19 23 31
CONECT 20 8 16 19 24 32
CONECT 21 9 17 22 33
CONECT 22 10 18 21 23 34
CONECT 23 11 19 22 24 35
CONECT 24 12 20 23 36
CONECT 25 13 26 29 37
CONECT 26 14 25 27 30 38
CONECT 27 15 26 28 31 39
CONECT 28 16 27 32 40
CONECT 29 17 25 30 33 41
CONECT 30 18 26 29 31
CONECT 30 34 42
CONECT 31 19 27 30 32
CONECT 31 35 43
CONECT 32 20 28 31 36 44
CONECT 33 21 29 34 45
CONECT 34 22 30 33 35 46
CONECT 35 23 31 34 36 47
CONECT 36 24 32 35 48
CONECT 37 25 38 41 49
CONECT 38 26 37 39 42 50
CONECT 39 27 38 40 43 51
CONECT 40 28 39 44 52
CONECT 41 29 37 42 45 53
CONECT 42 30 38 41 43
CONECT 42 46 54
CONECT 43 31 39 42 44
CONECT 43 47 55
CONECT 44 32 40 43 48 56
CONECT 45 33 41 46 57
CONECT 46 34 42 45 47 58
CONECT 47 35 43 46 48 59
CONECT 48 36 44 47 60
CONECT 49 37 50 53
CONECT 50 38 49 51 54
CONECT 51 39 50 52 55
CONECT 52 40 51 56
CONECT 53 41 49 54 57
CONECT 54 42 50 53 55
CONECT 54 58
CONECT 55 43 51 54 56
CONECT 55 59
CONECT 56 44 52 55 60
CONECT 57 45 53 58
CONECT 58 46 54 57 59
CONECT 59 47 55 58 60
CONECT 60 48 56 59
MASTER 0 0 0 0 0 0 0 0 60 0 60 0
END
HEADER PROTEIN 25-AUG-08 NONE
TITLE NULL
COMPND MOLECULE: 184
SOURCE NULL
KEYWDS NULL
EXPDTA NULL
AUTHOR Marvin
REVDAT 1 25-AUG-08 0
HETATM 1 N UNK 0 2.066 -2.269 0.129 0.00 0.00 N+0
HETATM 2 N UNK 0 -0.352 1.181 -0.413 0.00 0.00 N+0
HETATM 3 C UNK 0 2.542 -0.987 0.731 0.00 0.00 C+0
HETATM 4 C UNK 0 2.489 -1.212 2.267 0.00 0.00 C+0
HETATM 5 C UNK 0 1.783 -2.566 2.444 0.00 0.00 C+0
HETATM 6 C UNK 0 2.170 -3.317 1.164 0.00 0.00 C+0
HETATM 7 C UNK 0 1.723 0.195 0.320 0.00 0.00 C+0
HETATM 8 C UNK 0 2.616 -2.630 -1.204 0.00 0.00 C+0
HETATM 9 C UNK 0 2.288 1.493 0.336 0.00 0.00 C+0
HETATM 10 C UNK 0 0.364 0.083 -0.061 0.00 0.00 C+0
HETATM 11 C UNK 0 1.521 2.611 -0.035 0.00 0.00 C+0
HETATM 12 C UNK 0 0.180 2.427 -0.411 0.00 0.00 C+0
HETATM 13 H UNK 0 3.587 -0.824 0.438 0.00 0.00 H+0
HETATM 14 H UNK 0 3.506 -1.278 2.666 0.00 0.00 H+0
HETATM 15 H UNK 0 1.958 -0.426 2.811 0.00 0.00 H+0
HETATM 16 H UNK 0 2.114 -3.088 3.347 0.00 0.00 H+0
HETATM 17 H UNK 0 0.697 -2.426 2.484 0.00 0.00 H+0
HETATM 18 H UNK 0 3.194 -3.699 1.242 0.00 0.00 H+0
HETATM 19 H UNK 0 1.485 -4.144 0.969 0.00 0.00 H+0
HETATM 20 H UNK 0 3.695 -2.803 -1.157 0.00 0.00 H+0
HETATM 21 H UNK 0 2.421 -1.821 -1.910 0.00 0.00 H+0
HETATM 22 H UNK 0 2.131 -3.532 -1.581 0.00 0.00 H+0
HETATM 23 H UNK 0 3.263 1.631 0.620 0.00 0.00 H+0
HETATM 24 H UNK 0 -0.106 -0.822 -0.076 0.00 0.00 H+0
HETATM 25 H UNK 0 1.934 3.546 -0.026 0.00 0.00 H+0
HETATM 26 H UNK 0 -0.402 3.223 -0.680 0.00 0.00 H+0
CONECT 1 3 6 8
CONECT 2 10 12
CONECT 3 1 4 7 13
CONECT 4 3 5 14 15
CONECT 5 4 6 16 17
CONECT 6 1 5 18 19
CONECT 7 3 9 10
CONECT 8 1 20 21 22
CONECT 9 7 11 23
CONECT 10 2 7 24
CONECT 11 9 12 25
CONECT 12 2 11 26
CONECT 13 3
CONECT 14 4
CONECT 15 4
CONECT 16 5
CONECT 17 5
CONECT 18 6
CONECT 19 6
CONECT 20 8
CONECT 21 8
CONECT 22 8
CONECT 23 9
CONECT 24 10
CONECT 25 11
CONECT 26 12
MASTER 0 0 0 0 0 0 0 0 26 0 54 0
END
HEADER MOLECULE
COMPND "123" YBa2Cu3O7 SUPERCONDUCTOR
AUTHOR A. W. MAVERICK
ATOM 1 Y UNK 1 0.000 -4.290 0.000 1.00 0.00
ATOM 2 BA UNK 1 0.000 -0.602 0.000 1.00 0.00
ATOM 3 BA UNK 1 0.000 3.703 0.000 1.00 0.00
ATOM 4 CU UNK 1 -1.912 -5.976 1.943 1.00 0.00
ATOM 5 CU UNK 1 -1.912 -5.976 -1.943 1.00 0.00
ATOM 6 CU UNK 1 1.911 -5.976 1.943 1.00 0.00
ATOM 7 CU UNK 1 1.911 -5.976 -1.943 1.00 0.00
ATOM 8 CU UNK 1 -1.912 -2.603 1.943 1.00 0.00
ATOM 9 CU UNK 1 -1.912 -2.603 -1.943 1.00 0.00
ATOM 10 CU UNK 1 1.911 -2.603 1.943 1.00 0.00
ATOM 11 CU UNK 1 1.911 -2.603 -1.943 1.00 0.00
ATOM 12 CU UNK 1 -1.912 1.551 1.943 1.00 0.00
ATOM 13 CU UNK 1 -1.912 1.551 -1.943 1.00 0.00
ATOM 14 CU UNK 1 1.911 1.551 1.943 1.00 0.00
ATOM 15 CU UNK 1 1.911 1.551 -1.943 1.00 0.00
ATOM 16 CU UNK 1 -1.912 5.704 1.943 1.00 0.00
ATOM 17 CU UNK 1 -1.912 5.704 -1.943 1.00 0.00
ATOM 18 CU UNK 1 1.911 5.704 1.943 1.00 0.00
ATOM 19 CU UNK 1 1.911 5.704 -1.943 1.00 0.00
ATOM 20 O UNK 1 -3.823 -5.723 1.943 1.00 0.00
ATOM 21 O UNK 1 -3.823 -5.723 -1.943 1.00 0.00
ATOM 22 O UNK 1 0.000 -5.723 1.943 1.00 0.00
ATOM 23 O UNK 1 0.000 -5.723 -1.943 1.00 0.00
ATOM 24 O UNK 1 3.823 -5.723 1.943 1.00 0.00
ATOM 25 O UNK 1 3.823 -5.723 -1.943 1.00 0.00
ATOM 26 O UNK 1 -1.912 -5.704 3.886 1.00 0.00
ATOM 27 O UNK 1 -1.912 -5.704 0.000 1.00 0.00
ATOM 28 O UNK 1 -1.912 -5.704 -3.886 1.00 0.00
ATOM 29 O UNK 1 1.911 -5.704 3.886 1.00 0.00
ATOM 30 O UNK 1 1.911 -5.704 0.000 1.00 0.00
ATOM 31 O UNK 1 1.911 -5.704 -3.886 1.00 0.00
ATOM 32 O UNK 1 -1.912 -2.875 3.886 1.00 0.00
ATOM 33 O UNK 1 -1.912 -2.875 0.000 1.00 0.00
ATOM 34 O UNK 1 -1.912 -2.875 -3.886 1.00 0.00
ATOM 35 O UNK 1 1.911 -2.875 3.886 1.00 0.00
ATOM 36 O UNK 1 1.911 -2.875 0.000 1.00 0.00
ATOM 37 O UNK 1 1.911 -2.875 -3.886 1.00 0.00
ATOM 38 O UNK 1 -3.823 -2.857 1.943 1.00 0.00
ATOM 39 O UNK 1 -3.823 -2.857 -1.943 1.00 0.00
ATOM 40 O UNK 1 0.000 -2.857 1.943 1.00 0.00
ATOM 41 O UNK 1 0.000 -2.857 -1.943 1.00 0.00
ATOM 42 O UNK 1 3.823 -2.857 1.943 1.00 0.00
ATOM 43 O UNK 1 3.823 -2.857 -1.943 1.00 0.00
ATOM 44 O UNK 1 -1.912 -0.300 1.943 1.00 0.00
ATOM 45 O UNK 1 -1.912 -0.300 -1.943 1.00 0.00
ATOM 46 O UNK 1 1.911 -0.300 1.943 1.00 0.00
ATOM 47 O UNK 1 1.911 -0.300 -1.943 1.00 0.00
ATOM 48 O UNK 1 -1.912 1.551 3.886 1.00 0.00
ATOM 49 O UNK 1 -1.912 1.551 0.000 1.00 0.00
ATOM 50 O UNK 1 -1.912 1.551 -3.886 1.00 0.00
ATOM 51 O UNK 1 1.911 1.551 3.886 1.00 0.00
ATOM 52 O UNK 1 1.911 1.551 0.000 1.00 0.00
ATOM 53 O UNK 1 1.911 1.551 -3.886 1.00 0.00
ATOM 54 O UNK 1 -1.912 3.401 1.943 1.00 0.00
ATOM 55 O UNK 1 -1.912 3.401 -1.943 1.00 0.00
ATOM 56 O UNK 1 1.911 3.401 1.943 1.00 0.00
ATOM 57 O UNK 1 1.911 3.401 -1.943 1.00 0.00
ATOM 58 O UNK 1 -3.823 5.958 1.943 1.00 0.00
ATOM 59 O UNK 1 -3.823 5.958 -1.943 1.00 0.00
ATOM 60 O UNK 1 0.000 5.958 1.943 1.00 0.00
ATOM 61 O UNK 1 0.000 5.958 -1.943 1.00 0.00
ATOM 62 O UNK 1 3.823 5.958 1.943 1.00 0.00
ATOM 63 O UNK 1 3.823 5.958 -1.943 1.00 0.00
ATOM 64 O UNK 1 -1.912 5.976 3.886 1.00 0.00
ATOM 65 O UNK 1 -1.912 5.976 0.000 1.00 0.00
ATOM 66 O UNK 1 -1.912 5.976 -3.886 1.00 0.00
ATOM 67 O UNK 1 1.911 5.976 3.886 1.00 0.00
ATOM 68 O UNK 1 1.911 5.976 0.000 1.00 0.00
ATOM 69 O UNK 1 1.911 5.976 -3.886 1.00 0.00
CONECT 1 22 23 27 30
CONECT 1 33 36 40 41
CONECT 4 20 22 26 27
CONECT 5 21 23 27 28
CONECT 6 22 24 29 30
CONECT 7 23 25 30 31
CONECT 8 32 33 38 40
CONECT 8 44
CONECT 9 33 34 39 41
CONECT 9 45
CONECT 10 35 36 40 42
CONECT 10 46
CONECT 11 36 37 41 43
CONECT 11 47
CONECT 12 44 48 49 54
CONECT 13 45 49 50 55
CONECT 14 46 51 52 56
CONECT 15 47 52 53 57
CONECT 16 54 58 60 64
CONECT 16 65
CONECT 17 55 59 61 65
CONECT 17 66
CONECT 18 56 60 62 67
CONECT 18 68
CONECT 19 57 61 63 68
CONECT 19 69
CONECT 20 4
CONECT 21 5
CONECT 22 1 4 6
CONECT 23 1 5 7
CONECT 24 6
CONECT 25 7
CONECT 26 4
CONECT 27 1 4 5
CONECT 28 5
CONECT 29 6
CONECT 30 1 6 7
CONECT 31 7
CONECT 32 8
CONECT 33 1 8 9
CONECT 34 9
CONECT 35 10
CONECT 36 1 10 11
CONECT 37 11
CONECT 38 8
CONECT 39 9
CONECT 40 1 8 10
CONECT 41 1 9 11
CONECT 42 10
CONECT 43 11
CONECT 44 8 12
CONECT 45 9 13
CONECT 46 10 14
CONECT 47 11 15
CONECT 48 12
CONECT 49 12 13
CONECT 50 13
CONECT 51 14
CONECT 52 14 15
CONECT 53 15
CONECT 54 12 16
CONECT 55 13 17
CONECT 56 14 18
CONECT 57 15 19
CONECT 58 16
CONECT 59 17
CONECT 60 16 18
CONECT 61 17 19
CONECT 62 18
CONECT 63 19
CONECT 64 16
CONECT 65 16 17
CONECT 66 17
CONECT 67 18
CONECT 68 18 19
CONECT 69 19
MASTER 0 0 0 0 0 0 0 0 69 0 69 0
END
Author
======
This is the work of Emil Persson, aka Humus.
http://www.humus.name
humus@comhem.se
Legal stuff
===========
This work is free and may be used by anyone for any purpose
and may be distributed freely to anyone using any distribution
media or distribution method as long as this file is included.
Distribution without this file is allowed if it's distributed
with free non-commercial software; however, fair credit of the
original author is expected.
Any commercial distribution of this software requires the written
approval of Emil Persson.
This is the place to get rboue's plugins for [[TiddlyWiki (TW5)|http://tiddlywiki.com/]].
''Plugins : ''
[[SocialCalc|SocialCalc/introduction]]
[[Three.js|Three.js/introduction]]
Show potential matching candidates among extracted plugins:
<$set name="my-state" value=<<qualify "$:/state/candidate-plugins/$(currentTiddler)$">>>
<$reveal type="nomatch" state=<<my-state>> text="show">
<$button set=<<my-state>> setTo="show">Show</$button>
</$reveal>
<$reveal type="match" state=<<my-state>> text="show">
<$button set=<<my-state>> setTo="hide">Hide</$button><br/>
<$list filter="[has[extracted-plugin]field:source-tiddler-title-as-text{!!plugin_tiddler}]" emptyMessage="no match found.">
<$link><$text text={{!!title}}/></$link><br/>
</$list>
</$reveal>
</$set>
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
Try any kind of search and replace.
For example, try replacing bad by good.
Then you will realice that this plugin is bad!
{{$:/plugins/danielo515/searchNreplace/readme}}
# Open your wiki in a browser
# Drag this link into your wiki
#> [[$:/plugins/danielo515/searchNreplace]]
# Save your wiki
Copyright (c) 2015, Danielo Rodriguez Rivero
All rights reserved.
Redistribution and use in source and binary forms, with or without
modification, are permitted provided that the following conditions are met:
* Redistributions of source code must retain the above copyright notice, this
list of conditions and the following disclaimer.
* Redistributions in binary form must reproduce the above copyright notice,
this list of conditions and the following disclaimer in the documentation
and/or other materials provided with the distribution.
THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT HOLDER OR CONTRIBUTORS BE LIABLE
FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL
DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR
SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER
CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
! HelloThere
{{HelloThere}}
Try any kind of search and replace.
For example, try replacing bad by good.
Then you will realice that this plugin is bad!
```
<$list filter="[!prefix[El Libro / Capitulo 02]!removeprefix[El Libro /]]">
{{!!title}}<br>
</$list>
```
<$list filter="[!prefix[El Libro / Capitulo 02]!removeprefix[El Libro /]]">
{{!!title}}<br>
</$list>
https://groups.google.com/d/msg/tiddlywiki/fXpn2RsqUvA/p78I22xMbRgJ
```
<$list filter="[tag<currentTiddler>removeprefix<prefix>] [tag<currentTiddler>!prefix<prefix>]">
```
<br>
Following the instructions at [[Conditional ViewTemplate Section|http://tb5.tiddlyspot.com/#Conditional%20ViewTemplate%20Section]] the above toc is displayed above the body of each tiddler having subtiddlers under the same "namespace" and is automatically generated via <<source [[$:/template/chapter-toc]]>>
<br>
A more toc without truncation could be generated using <<source [[$:/template/chapter-toc-basic]]>>
{{||$:/template/chapter-toc-basic}}
unas notas sobre [[ Capitulo 02|El Libro / Capitulo 02]] de [[El Libro]]
<$list filter="[prefix[El Libro]sort[title]]-[[El Libro]]" variable="sub">
<$set name="remove" value="El Libro {{$:/config/ChapterDelimiter}} ">
now trying to remove "<<remove>>" from "<<sub>>"
<$list filter="[<sub>removeprefix<remove>]" variable="truncated">
?!? NEVER ENTERED ?!?
<$link to=<<sub>>><<truncated>></$link><br>
</$list>
</$set>
</$list>
@@color:red;
The below code should gather all endings of filtered titles according to a delimiter, but `<prefix + delimiter>` won't yield a valid filter for the inner loop when set through a variable?! Compare to [[$:/template/chapter-toc]] with [[El Libro]].
[[$:/config/ChapterDelimiter]] = "{{$:/config/ChapterDelimiter}}"
Also, setting the delimiter to " / " truncates the leading blank upon transclusion. ''Bug!''
@@
@@color:purple;font-size:1.2em;line-height:1.2em;
These contents are being migrated to...
* http://namespace.tiddlyspot.com
This wiki will be repurposed for actual [[section handling|SectionsPlugin]]!
@@
This wiki explores handling sections in for TiddlyWiki using namespace-like sections.
Take a look at [[El Libro]] to find a subtiddler-toc automaticall generated based on naming conventions like...
<$list filter="[prefix[El Libro]]">
</$list>
To achieve this, the template [[$:/template/chapter-toc]] is leveraged along with a configuration variable to specify a delimiter of your preference [[$:/config/NameSpaceDelimiter]].
Are we headed towards a [[NameSpaceWidget|http://namespace.tiddlyspot.com]]?
;Write draft for SectionsPlugin
: » [[TW5 and sections ...revisited|https://groups.google.com/forum/#!topic/tiddlywiki/23PzU2qCsj4]]
: » [[part vs. section|https://github.com/Jermolene/TiddlyWiki5/issues/1086#issuecomment-64186508]] / [[cont.|https://github.com/Jermolene/TiddlyWiki5/issues/1086#issuecomment-64296046]]
;Make a widget which implements...
: » section-toc for tiddler ''foo'', providing clickable links! (w/ ^ back to toc)
: » $link to section ''foo'', from tiddler ''bar'', too
: » $list section ''foo'' of tiddlers tagged ''bar''
: » (edit section ''foo'' of tiddler ''bar'')
;read up on David's gallery concept
:http://giffmex.org/experiments/test.html
:https://groups.google.com/forum/#!msg/tiddlywiki/RpGJClG1dq4/mPXSuVpvtf8J
http://tb5.tiddlyspot.com
<$list filter="[prefix[El Libro]sort[title]]-[[El Libro]]" variable="sub">
<$list filter="[<sub>removeprefix[El Libro / ]]" variable="truncated">
<$link to=<<sub>>><<truncated>></$link><br>
</$list>
</$list>
Only minutes before [[TiddlyWiki Hangout #68|https://plus.google.com/u/0/events/cuek4r3dmto6n3haq1na4vh4t6s]] -- because life's busy like that -- I'm going over my notes from the [[last one|https://plus.google.com/u/0/events/c56iifeavm3806arbc2gu5nu9jo]], and here's a quick summary of what's in there :
---
''“It’s like a hypertext card index system from the future.”''<br>
I'm very happy with this quote of [[Jermolene]] in [[this video introduction to TiddlyWiki|https://www.youtube.com/watch?v=KtCUr83XgyE]], as it encapsules much of what makes TiddlyWiki exciting in my view.
Microcontent that organically re-arranges itself into //deep content// and (ideally) can be seamlessly shared across platforms.
''WYSIWYG layout tool''<br>
Both a good and terrible idea, worth pondering.
''Automatic feedback to tell which plugins are used ?''<br>
Data reporting from TWs to TW.com goes a bit against the //unplugged// nature of TW, but could be a tremendous help to figure what plugins / hacks / extensions people are using, especially in combos, and thus factor those into future development and support.
''Recommended packages''<br>
Following on the configuration data gathering idea, being able to make recommendations for packages of plugins / hacks that work well together in typical UseCases seems like it could add flexibility to the //editions// philosophy that's been embraced with TW5.
''Teach through example''<br>
How is that tiddler made ?
—> Canonical ways to do stuff
''Canonical ways to do stuff''<br>
(wrapping, quotations, so on)
There are so many ways to get stuff done that it can easily gets confusing for non-coders at times. <br>
On the other hand, we want to encourage people experimenting and learning as they go. <br>
Are there ways to devise rules of thumb that could help best arbiter this conundrum ?
SeptemberTW is presently a skeleton-grade (as 0b1) TiddlyWiki, to be used as design prototype for an early-UX developer-helper tool.
It will only be deemed useful in any real sense once set up to easily include contribution from multiple authors.
See ToDo for more.
TiddlyWiki Core version :
{{5.1.5||$:/core/ui/TagTemplate}}
---
This TiddlyWiki purposefully includes only functionalities, modules or plugins that come included in the most recent stable distribution of TiddlyWiki, or can be installed at the click of a button from the official repository.
Although you may find some examples of tweaks and hacks described in this TW for educational purposes, one of the intended goals of SeptemberTW is to showcase what can be done with the most current //vanilla// version of TW without any special wizardy.
If you feel SeptemberTW is lacking some basic feature every TW user should have at hand, please contribute by adding it to the MissingBits collection.
If you had to overcome some early learning cliff that isn't documented here, put your 2c in the GrowingPains jar, pretty please.
Lost yet ? Lessee…
Here are a few of the things you could do / build using TiddlyWiki :
* A dynamic notepad for research / study
* A blog, with TW as notepad and editor, and even as publishing platform.
* A shared //smart// cookbook, with built-in timers and grocery list generator.
* A project management and planner tool, for you and collaborators.
* Create ebooks that can be read on anything with a half decent browser, free of DRM and complete with annotations and dynamic updates.
* A wiki, because why not ?
Depending on adding plugins and modules, and on whether your TW runs from a single html file on a USB key or is hosted and runs as a server, there is little that can't be done.
Fresh out of the box, TW allows you to do something like what you're [[reading now|aboot]].
Of course, knowing you can doesn't magically let you know how to, so let's take it from the top and start with the basics, like [[what's a tiddler, anyway ?|I am a Tiddler]]
See AbsoluteBeginner (because TrueAliasing is MissingBits)
Hello, I'm Yaka, the main author of SeptemberTW, you can find me on [[Google+|https://plus.google.com/u/0/114816546551873755345/about]] or [[about.me|http://about.me/thearmchairdesigner]].
If you have a comment or question about SeptemberTW, just poke me over
<a href="mailto:SeptemberTW+ArmchairDesigner@gmail.com?subject=SeptemberTW&body=Re. http://septembertw.tiddlyspot.com/#AcD">email</a>
A crude workaround that doesn't require plugins to get by without TrueAliasing in coreTW.
Here be the AlmostAlias presently in use on SeptemberTW :
<<list-links filter:"[all[current]tagging[]]">>
"""
A global macro for easy //mailto// with prefill.
Primarily intended for [[blog-type TWs|Blogging]], as a WorkAround until comments are a thing, this function could also help for any sort of informal feedback-gathering and contributions from readers of a TW.
Additionally, it's a neat trick to one-click share a tiddler's permaLink via email.
"""
* ''Pseudocode :''
```
\define askbyemail(creator:"<currentTiddler:creator>",address:"<creator:email>",subject:"<wikiTitle># <currentTiddler>",body:"Re. <currentTiddler:permaLink>")
<a href="mailto:$address$?subject=$subject$&body=$body$">Put your 2c for free, by email</a>
\end
```
* ''Provided there is a tiddler for the //creator// of //currentTiddler// and it has an //email// field properly populated, the idea is invoking ``<<<askbyemail>>`` should yield something like this (for the present tiddler):''
```
<a href="mailto:ArmchairDesigner+SeptemberTW@gmail.com?subject=SeptemberTW#AskByEmail&body=Re. http://septembertw.tiddlyspot.com/#AskByEmail">Put your 2c for free, by email</a>
```
* ''To finally render thusly:''
<a href="mailto:ArmchairDesigner+SeptemberTW@gmail.com?subject=SeptemberTW#AskByEmail&body=Re. http://septembertw.tiddlyspot.com/#AskByEmail">Put your 2c for free, by email</a>
Of course, invoking ``<<<askbyemail>>`` with parameters would enable to override the defaults of :
* creator
* address
* subject
* body
at the tiddler level.
Yes, I'm sure there's a cleaner way to do that with a javascript macro, one that maybe already is there, for the user cunning enough to figure it.
If you are the type, guess what ?
<a href="mailto:ArmchairDesigner+SeptemberTW@gmail.com?subject=SeptemberTW#AskByEmail&body=Re. http://septembertw.tiddlyspot.com/#AskByEmail">Put your 2c for free, by email</a> '';)''
"""
A blog is a collection of self-contained stories, typically formatted in a journal-like style, with the last post upfront.
A BlogPost can be anything from a one-liner remark, or a bunch of annotated links, an image gallery or a great wall'o'text essay.
Because blogs are generally thematic, et can cover more than a single topic, and because individual posts frequently grow into series, the use of Tagging is widespread, to ease sorting and retrieving of entries.
If all that sounds awfully TiddlyWiki-like to you, it's because it is : creating a basic blog-styled TW is just a few tweaks of the tiddler and layout templates away, to put sorting options at the push of a button.
Adding slightly more advanced feaures, such as the ability for readers to comment and share posts on social media and RSS shouldn't be unfeasible either...
For all I know, the required functionalities may be at hand already, and I'm just lacking a clue : [[let me know|AcD]] if you do.
//[Stay tuned : I'll update this entry and create HowTos and WorkArounds as I learn more.]//
"""
<$list filter="[!is[system]tag<currentTiddler>]">
<div class="tc-menu-list-item">
---
See also :<br>
* <$link to={{!!title}}><$view field="title"/></$link>
</div>
</$list>
It's a bug, for serious !
These tiddlers have a //tw-version// field with a value equal to the version number this was last spotted on.
<$list filter="[!is[system]tag<currentTiddler>] +[!sort[tw-version]]">
<div class="tc-menu-list-item">
* <$link to={{!!title}}><$view field="title"/></$link> • <$link to={{!!tw-version}}> v. <$view field="tw-version"/></$link>
</div>
</$list>
---
''[Needs a rewrite to nest by version [[TimelineMacro|http://tiddlywiki.com/#TimelineMacro]]-like]''
Document the various ways to download, import, share and transfer TiddlyWikis and tiddlers, complete with UserStories and HowTos.
Content creation, like code, is an inherently iterative process.
Some aspects of it can be eased by skill and experience, and common, arduous or repetitive tasks might be streamlined with good tools, but any creative process entails some level of uncertainty and non-determinism which leads to reworks and rewrites.
Philosophically and aesthetically, the core concepts of TiddlyWiki embrace the iterative, meandering nature of invention and discovery. The notion of tiddlers as [[molecules of content|I am a Tiddler]] that can come together dynamically and arrange into a *'whole greater than the sum'* is especially seductive to those who tackle complex or ongoing questions in rich problem spaces.
Essentially, TiddlyWiki promises to help create, store, structure, share and edit content in a free-flowing fashion, as a quasi-natural extension of the user's thought process.
The first rule of helping being ''don't get in the way'', the following UX requirements must be met :
* Inasmuch as possible the ergonomics of edition should not obstruct the flow of content creation.<br><br>
* The user should not need to mind the final result and presentation whilst composing content.<br><br>
* Content should be easy to retrieve, identify, inspect, and rework at a any time.<br><br>
* The user should trust content is reliably stored and safeguarded against routine mishaps.<br>
The last one may seem like a technical requirement, more than a UX one, yet the very nature of TW as a self-contained, single file environment can be cause for concern and unease by some users -- one sometimes justified by experience -- which brings it squarely within the purview of UX design.
"""
''Fix it later, or what ?''
When it comes to tools and architectures, the adage goes it's usually easier to make than to reform, in large part because infrastructure is by definition meant to build on/from, and it's hard to redo groundwork without tipping over everything atop.
Content, on the other hand, often grows better the other way around : less than half of the job goes in drafting a *'first rough*', then the bulk of the effort goes into successive passes of rework incrementally or radically improve and rearrange the work to satisfaction.
TiddlyWiki presents as a practical quine, meaning it must, by some measure, meet both imperatives at once : provide a reliable and trusted fundation upon which to build additional functionalities within a well-defined framework, yet allow for freeflowing generation and manipulation of content, wihout fear of data corruption or unwanted overwrite/deletion.
UX-wise, it depends upon making clear and intuitive to the user which actions are potentially destructive or otherwise significant, and what precautions are in place to unobtrusively safeguard content against unwanted exposition or alteration.
Additionally, the UX should foster LearningByDoing, which can be helped by a focus on consistency in UI and coding practices, and the availability of models and templates designed with legibility in mind (commented code, sensible naming policies, etc).
"""
''Random snippets to reuse elsewhere :''
```
<$view field="creator"/>
```
> <$view field="creator"/>
<br>
```
<$link to={{!!creator}}>link to //creator// field</$link>
```
> <$link to={{!!creator}}>link to //creator// field</$link>
<br>
```
<$link to={{!!creator}}><$view field="creator" />
</$link>
```
> <$link to={{!!creator}}><$view field="creator" />
</$link>
<br>
```
{{inline tag-styled menu||$:/core/ui/TagTemplate}}
```
> {{inline tag-styled menu||$:/core/ui/TagTemplate}}
<br>
```
<$list filter="[is[current]get[creator]]">
{{||$:/core/ui/TagTemplate}} </$list>
```
> <$list filter="[is[current]get[creator]]">
{{||$:/core/ui/TagTemplate}} </$list>
<br>
More like design notes, really : Tiddlers tagged DesignDocs contain ideas, suggestions, and yes documentation about design -- mostly [[UX-related|ContentCreationUX]], with little in the way of code or architecture except when, as often in TW, the two overlap.
As such, the intended readership is primarily coreDev and TiddlyHackers who create plugins and sample codes for the rest of the community to reuse, but can be of interest to TiddlyTinkers too, who care about making their own TiddlyWikis more enjoyable and easier to share, maintain and improve over time.
<<list-links filter:"[all[current]tagging[]]">>
Cleared the Page Toolbar to keep only the essentials in front that should be the default for a tutorial-oriented page :
* new tiddler
* control panel
* language
* save changes
* more
Enriched the view toolbar for usability
* more
* info
* clone
* edit
* close others
* close
Changed colors on tags
The process by which Usenet morphed from smart users in front of dumb terminals to people posting selfies with cronut-eating cats on FaceBook, or somesuch…
EternalSeptember goes back to 1993, when AOL bridged its service onto the internet, and started unleashing tidal waves of unprepared noobies onto Usenet, prompting the geometric growth of Web 1.0. Nothing ever was the same in //cyberspace// since.
[[Ask the hivemind for more|http://en.wikipedia.org/wiki/Eternal_September]]
…an object lesson in how sharing is not inherently a good thing.
Creator of the TaskGraph plugin, to be found here :
* [[G+|https://plus.google.com/u/0/113866511712700078822/about]]
* [[Youtube|https://www.youtube.com/channel/UCfIFjF8PMDJT7yw3E5UoRpg/feed]]
The ability to create new fields is great for filtering and other purposes, but it should be possible to check/uncheck the (view mode) visibility of a field from a tickbox in edit mode.
Last night's [[TiddlyWiki HangOut|https://plus.google.com/u/0/app/basic/events/cmgu0r720nf1ckn7nlbq01d8oj0]] unfortunately didn't make it to [[YouTube|TiddlyWiki Hangouts: http://www.youtube.com/playlist?list=PLVT_2PPd-1p34gGCQ5qpwC8QdykxVAI3u]], because a gerbil died somewhere in the pipeworks that feed HangoutsOnAir.
The fact it was not airing led the discussion to drift from its usual Q&A-styled format and into pub chat territory.
In a nutshell, the session mostly revolved around figuring ways to ease new users into the TiddlyWiki experience, and to make the processes of learning the ropes, getting stuff done, and contributing to community-sourced docs, tricks and code more organic and consistent with TiddlyJutsu.
Since it was felt by some of the readers present in the chat that bits of SeptemberTW could be of interest to TW users at large, yours has been invited to join the formal effort of documentation on [[TiddlyWiki.com|http://TiddlyWiki.com]] by porting some of the relevant tiddlers there, and adding more, starting now.
SeptemberTW will remain active as my workbench, and hopefully yours, as soon as I figure a reasonably UserFriendly way to bring in more contributors. In the meantime, feel free to hit me with questions, suggestions, rants, etc, [[here|AcD]].
ttfn
GrowingPains tags items relative to the kind of problems less-technical users are likely to stumble on throughout their early learning stages with TiddlyWiki.
Inasmuch as practical, solutions and tutorials will be offered.
<$list filter="[!is[system]tag<currentTiddler>]">
<div class="tc-menu-list-item">
* <$link to={{!!title}}><$view field="title"/></$link>
</div>
</$list>
TiddlyWiki-related HangOut list :
* [[Playlist archive of regular TiddlyWiki HangOuts on YouTube|https://www.youtube.com/playlist?list=PLVT_2PPd-1p34gGCQ5qpwC8QdykxVAI3u]]<br><br>
* The TiddlyWiki [[community on Google+|https://plus.google.com/communities/117285869700890736959]], where hangouts are announced and aired live.
Following up on the Sept. 9th [[TiddlyWiki hangout #60|https://plus.google.com/u/0/events/ck88mae0af2er0lpbo073nt2s74]], and just shy of two weeks before the official release of TiddlyWiki5, SeptemberTW aims at inspiring devs and advocates throughout their quest to take TW beyond its cozy geekdom and to the unprepared masses.
It may also serve as as a crude helper tool for AbsoluteBeginners with Tiddlywiki5, although YMMV.
HowTo tags tiddlers with tutorial content.
See HowTo (because TrueAliasing is MissingBits)
"""
//...there are many like me, but I'm this one.//
Tiddlers are something like a miniature WikiPage, or a very plastic IndexCard, only much smarter and adventurous.
We're sometimes likened to //atoms//, but we're in fact closer to //molecules// : we are the bits that populate, and also constitute a TiddlyWiki.
If you want to think on the atomic scale, we've got that, too : we are built from text, code and other data types that make us both information containers and tools to manipulate, organize and present content.
Because each tiddler is reasonably self-contained and fairly resilient, we can easily travel and migrate to new homes, which allows tiddlers to be imported, shared, linked to and fro, within their 'home' TiddlyWiki and beyond.
A tiddler can be defined with as little as a //title// (and already be of use as a tag), or can embed rich functionalities, transcluding and transforming data from other tiddlers, and even reshaping its environment by refactoring the UI and features of a TiddlyWiki.
[[Read on|TiddlyWiki]] to see why that's a good thing.
"""
Official docs on [[TiddliWiki.com|http://TiddlyWiki.com]] could benefit from being presented on a basis of IntendedReadership, ie :
* TiddlyNoobie (self-explanatory)<br><br>
* TiddlyAuthor (goal-oriented users who want to GetStuffDone with minimal plumbing toil)<br><br>
* TiddlyTinker (tech literate users who don't mind getting a bit dirty to tune up the engine and mend the bodywork)<br><br>
* TiddlyHacker (plugin creators and power users who enjoy building nuke-powered tricycle from a stack of alarm clocks and an old combine harvester)<br><br>
In addition, sub-categories could apply, such as OldCoot (for returning users whose experience is informed by TiddlyWikiClassic assumptions).
Jermolene is the usual handle of Jeremy Ruston, who can be found on :
* [[G+|https://plus.google.com/u/0/109308865556494599029]]
* [[TiddlyWiki.com|http://tiddlywiki.com/#JeremyRuston]]
* [[TiddlyWiki Google Group|https://groups.google.com/forum/#!forum/tiddlywiki]]
* [[TiddlyWikiDev Google Group|https://groups.google.com/forum/#!forum/tiddlywikidev]]
Thar be wurdz !
<<list-links filter:"[all[current]tagging[]]">>
''[Much improved by the new [[ListMacro|http://tiddlywiki.com/#ListMacro]] since [[5.0.18-beta|http://tiddlywiki.com/#Release%205.0.18-beta]] : I'll upgrade ListSelf from WorkAround to HowTo asap.]''
''Goal :'' Figure out how to simply include a list of all tiddlers tagged with it at the bottom of a tag's namesake tiddler.
''See : ListSelf, LookIntoLists''
---
''The following code snippets each render a list of tiddlers tagged with the currentTiddler : <<currentTiddler>>''
It can be used to generate a list of related articles at the bottom of a tag-tiddler, which is similar in utility to clicking on the Tagging tab from //tiddler info//, but more convenient zhen a tiddler acts both as a tag and as a landing / intro.
```
<$list filter="[!is[system]tag<currentTiddler>]">
<div class="tc-menu-list-item">
* <$link to={{!!title}}><$view field="title"/></$link>
</div>
</$list>
```
Renders as :
<$list filter="[!is[system]tag<currentTiddler>]">
<div class="tc-menu-list-item">
* <$link to={{!!title}}><$view field="title"/></$link>
</div>
</$list>
Using ListMacro is much more compact :
```
<<list-links filter:"[all[current]tagging[]]">>
```
Renders as :
<<list-links filter:"[all[current]tagging[]]">>
```
<<list-links filter:"[tag<currentTiddler>] +[!sort[title]]">>
```
Renders as :
<<list-links filter:"[tag<currentTiddler>] +[!sort[title]]">>
For some reason, this :
```
<<list-unordered-links "[tag<currentTiddler>]">>
```
<<list-unordered-links "[tag<currentTiddler>]">>
...doesn't compute. Maybe this macro isn't built in the core of TW <<version>>, or it works only in node.js ?
"""
One facet of the SeptemberTW is to chronicle my experience with TiddlyWiki5 as I go.
//These… are their stories//
//chung-chung !//
"""
---
<$list filter="[!is[system]tag<currentTiddler>] +[!sort[created]limit[200]eachday[created]]">
<div class="tc-menu-list-item"><b>
<$view field="created" format="date" template="YYYY, MMM DD"/></b>
<$list filter="[sameday:created{!!created}!is[system]tag[LogBook]!sort[created]]">
<div class="tc-menu-list-subitem">
* <$link to={{!!title}}><$view field="title"/></$link>
</div>
</$list>
</div>
</$list>
Smart macro style.
ListMacro is supposed to bring back easy lists to TW5, but there seems to be quite a bit of confusion between ways to make lists happen, between :
* WikiText, via ListMacro
* JS macro, via list field (??)
* Node.js edition may take for granted tricks that don't translate in standalone TW.
''See : ListSelf''
Tiddlers tagged thusly describe stuff that //should have been in the box//, ie included in the most current vanilla distribution of TiddlyWiki, yet aren't.
They are meant to help core devs and community hackers interested in helping with the new user experience figure out what features may be worth tackling next.
For end users, they're a good way to assess whether one //can't read good//, or if some obvious function is indeed really missing at the moment.
Whenever possible, workarounds, hacks and third-party plugins that can help fill the gap will be referenced in their respective namesake tiddler.
<$list filter="[!is[system]tag<currentTiddler>]">
<div class="tc-menu-list-item">
* <$link to={{!!title}}><$view field="title"/></$link>
</div>
</$list>
How to best allow users to contribute to SeptemberTW without granting full rights to all ?
* Submit revised / new tiddlers with approval system ?
* workgroup TW : what hosting solution is most turnkey for new users /editors ?
* Look into TiddlySpace (not referenced in the main [[GettingStarted|http://tiddlywiki.com/#GettingStarted]] page )
Look into Android/iOS options, especially dedicated clients.
The card-style format tiddlers naturally lend themselves to could make TW a killer app on phones/phablets !
"""
''Let's face it :'' if it's still 2014 as you're reading this, odds are you're far right on the nerdy spectrum.
If it's 2015 or later, our hope is you can benefit from TW, and even contribute to its evolution, even if your idea of web design is picking a theme in blogger and occasionally copypasting mysterious //embed// code in a box.
Either way, SeptemberTW is meant for exactly //you// as a reader.
See, the launch of TiddlyWiki5 is kind of a turning point, not just because it's merrily skipping two version numbers (from 2.8.1), but because it will be the defining moment when, looking back, TW got on its way to become a household name, or missed the opportunity to make the Web 2.0 about more than Tinder and Yo.
'' Why SeptemberTW ?''
I created SeptemberTW because, in fairness, it is not a given TW will make it big : it comes down to reaching the fabled critical mass of users for its growth to become self-sustaining.
The experience of TiddlyWikiClassic proved a few things :
- TW was good enough to make normal humans excited about its obvious potential and give it a fair shot.
- TW was so good, even, as to make them dare to get their hands under the hood and try to customize it after a few moments at the wheel.
Unfortunately, it also excelled at quickly driving many users mad in frustration (sometimes at their own incompetence), resulting in the levels of attrition that so far prevented TiddlyWikiClassic from breaking out of its original niche.
The core dev team and the TW hacker & enthusiast community are keenly aware of this history, and it has become a defining element of TiddlyWiki5 to better handle accessibility and human-friendliness.
''Your wiki needs you''
To take off, TiddlyWiki depends on its early adopters : whether you're a dev, an enthusiast tinker or a goal-oriented user, you can help make TW better by simply using it and sharing your experience and/or personal hacks.
''But what to do, Cecilia ?''
Yours truly can't code his way out of the proverbial wet paper bag (how meta that this metaphor doesn't make sense).
I can grok some-to-much of the high-concept behind TW design, and I can see many ways I can/could use it, reliant upon the expertise of those who contribute to the codebase and technical documentation of TW core, and on the community of advanced tinkers, designers and hackers who create modules, plugins and themes that augment the core.
Because of my utter lack of skill as a coder, I inevitably stumble on every protruding rock in my path, which puts me in a great position to document the hurdles, frustrations and occasional eureka moments every under-qualified noobie is likely to experience while getting to grips with early versions of TW5.
My hope is by writing this, I will save you some head-desk moments if you're as clueless as I am. This precious time you could then usefully employ getting frustrated by something else, of which you may, in turn, talk about.
For those fluent in html 5 and javascript, and who've long since lost view of what it's like to be a hapless end-user, this collection of userlogs and banana-bending experiments may provide some inspiration as to what most urgently needs improving to make TiddlyWiki human-friendly.
If all goes well, TiddlyWiki's very own EternalSeptember begins in 2014 !
"""
SomethingNew tags entries about aspects of TiddlyWiki5 that may prove counterintuitive or difficult for users with prior experience of TiddlyWikiClassic, on account of learned habits and preconceptions that no longer apply.
While those may often overlap with HowTo and tips targeted at fresh noobies of TW, SomethingNew tagging only applies to tiddlers that highlight differences between the old ways and the right way of doing things. ;)
<<list-links filter:"[all[current]tagging[]]">>
Some tricks work only in Node.js, other depend on plugins, however common, and docs could reflect that by tagging and sorting accordingly, in addition to IntendedReadership filters.
A BrainMapping plugin by [[Felix Küppers]] currently in private dev stage, soon to be publicly available.
"""
As it stands now, TW is only really suitable to those users who don't mind spending potentially more time learning and tweaking (or occasionally breaking) their tool than using it, or have relatively low expectations and can satisfy themselves with the limited set of features immediately accessible to a profane user of a vanilla/community distro.
The power of WikiText alone is a huge differentiator, and the benefits derived from the awesomeness of tiddlers (however limited new users may be by their lacking knowhow) are game-changing enough by themselves to make TW worth a shot.
For those users lacking basic coding experience (be it only shell scripting or html composing) however, moving past the //'just add water'// vanilla experience gets messy and quick, not for lack of brains on their part (hopefully), but because of the paradigm shift involved, and of the surprise roadblocks encountered on the path of enlightenment.
''Edit my what ?''
While the hacker-minded sees GUI, buttons and checkboxes as shortcuts for //'most frequently used tweaks'//, handy only in the sense that it saves one the effort of recalling which system tiddler or which line to tweak, and spares one looking up the hex value of a color code, a normal human calls the former approach //customizing// and the latter //programming// something he or she wouldn't dream of attempting.
WikiText and macros (to an extent) are more approachable, because they happen in-line with 'natural' text composition, and can be perceived as extensions of syntax and vocabulary to the lexicon of the user. With some care, it should be possible to bring most regular users up to speed, and eventually to where they feel familiar and confident enough to face a page mostly filled with various brackets, dollar signs and semicolons without their brains freezing to a halt.
For users to get that far, however, they need to see the point of it, meaning most basic use cases should be lickable without the need for more CS expertise than //'WikiText for beginners'// and Lego-type macro buidling.
Which brings us to the second difficulty with the idea of //'TiddlyWiki for normal humans'// :
''Perceived benefits.''
<div align="center"> <a href="http://xkcd.com/1319/">[img[|http://imgs.xkcd.com/comics/automation.png]] </a></div>
As the above illustrates, the problem is not limited to non-technical users, certainly, but is a special cause of frustration for normal humans who don't get the gratification of toying with cool code as the justification for hours toiled in the name of a fractional improvement in functionality -- worse even when it comes to basic / essential stuff that feels like it //'should have been in the box'//, aka MissingBits.
<div align="center">[img[Aargh ! |clippy-full.jpg]]<br>
//No, means no.//</div>
OK, nobody wants to go there again.
Dreadful implementations aside, the rationale behind assistants points to the very real tension between the need to get stuff done now, and the time it takes to learn how to do it right.
Assistants are bad only because they attempt to substitute user skill instead of easing the learning process.
If TiddlyWiki5 is to succeed near a broader audience than its present niche of committed enthusiasts and hackers, it must abide by UserCentricDesign principles, meaning the ContentCreationUX needs to make affordances for users in the process of learning the ropes, as opposed to merely cater to the 'optimal' case of experts who've mastered the toolset.
"""
Adding stuff to a TiddlyWiki (down to [[individual tiddlers|http://tiddlywiki.com/#Copying%20tiddlers%20between%20TiddlyWiki%20files]]) increasingly relies on Drag'n'Drop tricks.
That's neat, but leaves those environments that can't do MultiWindowing in a bit of ditch -- that includes the majority of tablets and smartphones on the market at this writing, but fortunately can be worked around in reasonably convenient fashion by using the [[Import]] command from the SideBar.
''Caveat'': the import command by necessity targets files.<br>
It means you can't import individual tiddlers unless they are stored in ''.tid'' files, and you will have to carefully sort through the (potentially huge) list of tiddlers contained in the ''.html'' file you've selected.
A possible fix would be to include a function to easily export a selection of tiddlers from any TiddlyWiki in a json bundle, [[plugin style|http://tiddlywiki.com/#PluginMechanism]] -- it's probably out there, in fact, and I haven't found it yet.
A meta-cloning command to split an existing long tiddler into several paragraph/chapter sized tiddlers, with a 'parent' tiddler acting as cover/title page and including a TOC.
Reminiscent of the bag concept (is that still a thing in TW5 ?)
''User Story :''
# Type or CopyPasta a long(ish) text into a single tiddler,
# Save the tiddler
# Invoke the TiddleriZer command from the tiddler's toolbar, which brings up a different edit template that makes it easier to :
#* Populate the fields for the metadata shared by all tiddlers soon to be spawned from the source tiddler.
#* Drop //split here// markers wherever is convenient (WYSIWYG or WikiText)
#* Visualize in preview how the chain of indvidual children tiddlers will look like (river style).
# Click on the paper guillotine button to validate the command, or X to escape it.
# Enjoy your new collection of nicely formatted tiddlers, ready to arrange and augment as you see fit.
''Benefits :''
* Allows continuous composing in a single tidder without interruption until a first draft of a long article is complete.
* Affords a more compact view of text, compared to multiple tiddlers, whenever screen real estate is scarce (mobile devices).
* Makes easier to import and split content from an external source file such as TXT, MarkDown, BBcode copypaste, especially if parsers for the latter are available.
''Caveats : ''
* The same could be achieved by a repetition of Clone/CopyPasta, but that sort of thing can be a chore, especially when using touch input schemes such as phones and tablets, many of which don't allow multi-window drag'n'drop tricks.
* Encouraging people to write in bite-sized chunks is part of of the stealth MindHack TW tries to play on users, and making it //too easy// to go back to a longform and post scheme may go against this grain, although I personally think it could help easing people in.
In a perfect world, tiddlers could serve most of our knowledge-sharing, and assist greatly in alleviating the information overload that's become the cognitive curse of our modern times.
That's not even the toal sum of UseCases where tiddlers, both as a design scheme and a functional model could serve us better than many of the services and tools we currently rely on.
[tbc]
See AbsoluteBeginner (because TrueAliasing is MissingBits)
What's involved generating RSS from a hosted standalone TW ?
Getting dangerously close to Twitter, but…
//a non-linear personal web notebook// …and then some.
This here page is a TiddlyWiki, and in a nice recursion is also about TiddlyWiki5.
---
"""
Most of what makes a TiddlyWiki such as the one where (presumably) you're reading this is handled by [[tiddlers|I am a Tiddler]] : not just the content, but also the code -- except for the kernel and some of the server-side stuff.
Speaking of ''servers : we don't really need one !''
TiddlyWiki is tiddlers' natural habitat, and it can map entirely to a single html file, wherein everything from the html5 and javascript code, to the text and rich media (images, sound, even video) can be embedded, making the whole utterly portable and free from dependency on server architecture or runtime environment.
All you need to read, create or modify a TiddlyWiki -- and tiddlers within -- is a reasonably modern web browser with access to the html file.
That's important because it means you can trust a TiddlyWiki to remain functional, and that you'll retain both access and ability to share your content, regardless of what machine you use at the time, without the required technical skills or means to host and manage your own server, and independently of cloud providers closing shop or changing policies.
So, [[what now ?|YouAreHere]]
"""
[[TiddlyWiki Hangout #68|https://plus.google.com/u/0/events/cuek4r3dmto6n3haq1na4vh4t6s]]
* [[Felix Küppers]] presents his TaskGraph plugin project, and I'm just drooling all over my keyboard.<br><br>
* A sneak peek by [[Jermolene]] of the pre-release //tiddler export// feature, scheduled to hit the shelves in v5.1.5 closes the hangout -- very promising stuff.
* [[Eric Shulman|http://www.tiddlytools.com/#About]] pimps his IndieGoGo campaign for [[Inside TiddlyWiki: The Missing Manual|Inside TiddlyWiki: The Missing Manual|https://www.indiegogo.com/projects/inside-tiddlywiki-the-missing-manual]], his upcoming book. A candid Q&A ensues.<br> A very worthy endeavour indeed. <br><br>
* 25' in, [[Branimir|http://www.tiddlytools.com/#About]] questions get discussed :
** Why is the spacing of tiddler level icons smaller in edit mode?
** What highlighting language is used for text/plain tiddlers? Can it be customized?<br><br>
* 40' in [[Jermolene]] discusses the delayed release of TW5.1.5, due to difficulties with the much-wanted export feature, and some gripes with new icons.<br><br>
* 55' in, [[Jermolene]] shows new version of expanding TOCs in TabbleOfContentsMacroTabbed, and modfications to the ControlPanel in upcoming v5.1.5.<br><br>
* 1h in, [[AcD]] annoys everybody with clueless questions about platform-agnosticism and mobile support through webapps.<br><br>
* 1.24h in, [[Felix Küppers]] gives us an update on the progress of his awesome plugin project : TaskGraph.<br>Discussion with [[Jermolene]] about rendering and transclusion issues follows.<br><br>
The bestest TiddlyWiki //in ze woerld// !
The latest major iteration of JeremyRuston's longstanding TiddlyWiki project, named after is html5-centric rewrite focus.
[[Homepage is here|http://tiddlywiki.com/]]
The glorious predecessor to TiddlyWiki5, semi-deprecated, but not forgotten.
[[Homepage is here|http://classic.tiddlywiki.com/]]
See TiddlyWiki5 (because TrueAliasing is MissingBits)
See TiddlyWiki (because TrueAliasing is MissingBits)
As per the ''[[WordOfDog|http://tiddlywiki.com/#TimelineMacro]] from {{5.0.18-beta||$:/core/ui/TagTemplate}} and
up to <$list filter="[is[current]get[tw-version]]">
{{||$:/core/ui/TagTemplate}}</$list>''
```
<<timeline limit:10 format:'YYYY, MMM DD' subfilter:"tag[LogBook]">>
```
''Should yield something like this :''
<$list filter="[!is[system]tag[LogBook]] +[!sort[created]limit[10]eachday[created]]">
<div class="tc-menu-list-item">
<$view field="created" format="date" template="YYYY, MMM DD"/>
<$list filter="[sameday:created{!!created}!is[system]tag[LogBook]!sort[created]]">
<div class="tc-menu-list-subitem">
<$link to={{!!title}}><$view field="title"/></$link>
</div>
</$list>
</div>
</$list>
---
''But instead ignores both //limit// and //subfilter// parameters, and does this :''
<<timeline limit:10 format:'YYYY, MMM DD' subfilter:"tag[LogBook]">>
ToDo tags stuff that needs to be done / added on SeptemberTW itself, as opposed to things TiddlyWiki core lacks (that goes in MissingBits).
Tiddlers tagged ToDo provisionally rely on the //version// field to keep some history of the progress of SeptemberTW.
Find some below :
<$list filter="[!is[system]tag<currentTiddler>]">
<div class="tc-menu-list-item">
* <$link to={{!!title}}><$view field="title"/></$link>
</div>
</$list>
Tweaking the palette is fairly accessible without any code editing, but takes a crazy amount of tweaking to get a semi-workable light-on-dark scheme.
A TrogMode should be available out of the box, either as a theme, or as an "Invert colors" global switch.
Two way aliases, that allow not only to point to a tiddler using a variety of names defined in the tiddler's //aliases// field, but optionally to display the name by which it was invoked as title for the tiddler on screen.
''[Until TrueAliasing makes it into coreTW, I'll rely on AlmostAlias as a WorkAround.]''
"""
After a small scare with TiddlySpot (auto backups FTW!) I finally got around to upgrade from b16 to 18, just a day before gold release.
Talk about being on top of things, me !
Anyhow, you can read all about the changes [[on the official TW|http://tiddlywiki.com/#Release%205.0.18-beta]], and there's a lot of good stuff.
I'll only comment on the points I'm somewhat familiar with (I haven't had time to explore every new bit yet):
"""
* First pass at an easy [[ListMacro|http://tiddlywiki.com/#ListMacro]], which I suspect addresses most of the concerns I touched on in ListSelf, here.<br> I suspect we have [[@pmario|https://github.com/pmario]] to thank for that one, and I'll add a couple of HowTos about its use for AbsoluteBeginners shortly after release.<br><br>
* Speaking of lists and macros, the TimelineMacro won itself a subfilter for easy restricted timelines ! <br>Exciting, if a bit a dicey atm, what with both the //limit// and //subfilter// seemingly ignored (check the local test in TimelineMacroTest or the examples provided in [[TimelineMacro|http://tiddlywiki.com/#TimelineMacro]] itself to see what I mean).<br><br>
* Support for MarkDown import added (requires a PlugIn, apparently). This has me excited not just because I use MarkDown a lot (I really dig [[Writer|https://play.google.com/store/apps/details?id=com.jamesmc.writer&hl=en]]) but beacuse it is a testimony to the insane dedication of the CoreDev team that it got added within a day of bringing it up as a GoodIdea in [[hangout|Going public]].<br><br>
With regards to all the cool things underway to make easier for the community to share and contribute to the documentation and codebase of TiddlyWiki, the more adventurous types may now hit the //Edit// button of any tiddler on [[TiddlyWIki.com|http://TiddlyWIki.com]] to submit additions/edits/fixes via GitHub with (relatively) minimal fuss -- see how to go about it [[here|http://tiddlywiki.com/#Improving%20TiddlyWiki%20Documentation]].
Well, that's it for now -- I'll return with an update around Saturday's [[BigLaunch !|https://plus.google.com/app/basic/events/c906mgb32gk0esvpjk851k9bkvs]]
"""
''\o/''
Here we are people : TiddlyWiki5 is now gold.
Whilst [[Jermolene|http://tiddlywiki.com/#JeremyRuston]] is drinking last-century Californian bubbly (don't ask), we're all hanging out -- and for another 5-6 hours -- in the [[TiddlyWiki 10th Anniversary Hangout|https://plus.google.com/events/c906mgb32gk0esvpjk851k9bkvs]], so if you're reading this before 23.00h on Sept 20th (ZuluTime), you can still join the party !
"""
---
On to the release news, then :
<div align=center>[[Here goes nuthin'|http://tiddlywiki.com/#Release%205.1.0]]
</div>
Seriously, it's so fresh there's no release notes as of yet. (They're coming, though)
If you're up for / to it, take a gander at the detailed changes on [[GitHub|https://github.com/Jermolene/TiddlyWiki5/compare/v5.0.18-beta...v5.1.0]].
---
''[I'll add more as it comes -- back to HangOut for now.]''
(Belatedly) upgraded to TiddlyWiki 5.1.5 !
I still have to dig into [[all that's new|http://tiddlywiki.com/#Release%205.1.5]], but… check out the new [[icon-on-tags feature|$:/TagManager]] and a great case of of object lesson in [[TableOfContentsMacro Tabbed Example|http://tiddlywiki.com/#TableOfContentsMacro%20Tabbed%20Example]], all of which means SeptemberTW's look and feel can now be improved (whilst sticking to the [[HouseRules|aboot]]). <br><br>
Also : //squirrel !//
A UseCase describes the utility of, and needs serviced by TiddlyWiki for a particular purpose. <br>A common way to explore and break down a UseCase to its constituting beats is to build UserStories.
See examples below :
<$list filter="[!is[system]tag<currentTiddler>]">
<div class="tc-menu-list-item">
* <$link to={{!!title}}><$view field="title"/></$link>
</div>
</$list>
See UseCase (because TrueAliasing is MissingBits)
See UserStory (because TrueAliasing is MissingBits)
A way to describe a feature or a service (and/or to design a prospective one) by narrating a typical user's experience throughout a UseCase.
It has earned a bit of a bad rap because, as happens to good things, it's been kinda hijacked by marketese weasels and 6-sigma 2.0 types, lately.
Used right, UserStories are great ways to spot holes in your model, and for others to points gaps in your grasp of normal humans reality, too -- both of which are very desirable to the scrupulous designer.
Stuff that doesn't seem to be there yet, or only as plugin, and could possibly be worth adding to core.
(Compare to MissingBits)
...well, not really : TiddlyWiki is awesomesauce, and has been for a long time, if //you// meet its peculiar set of requirements. Most people don't.
For nomal humans, TiddlyWiki's UX is misleading, inconsistent, befuddling and, frankly, frustrating to the point it can kill a new user enthusiasm before they've licked the small cliff that passes for a learning curve on the way to shangri-la.
<<<"""
''Protip'' : most people don't know to use styles in MS-Word. If they ever do, it's only as an afterthought.
Mostly, they format manually, inline, by selecting font and attributes at the word or sentence level.
FWIW, they also barely use shortcuts bexond cut/copy/paste and bold/italic/underline.
"""
<<<
"""
Most users of blogs, email and word processors don't template, much less macro.
A fraction of them may go as far as learning some keyboard shortcuts, or even become semi-fluent in Markdown, BBcode or some flavor of WikiText, for the purpose of formatting text inline.
Anything beyond that has to be WYSIWYG, or it's lost on them.
Contrast with TiddlyWiki, where non-technical content creators are expected to fiddle with plugins and code templates to get fairly routine jobs done.
Many crash against the face of TheLearningCliff, never to be heard or seen again.
"""
A not-quite-satisfying trick to achieve something with a barebones TiddlyWiki until a clean solution is available, at which point it gets promoted to a HowTo.
The current collection of WorkArounds available on SeptemberTW is listed below :
<$list filter="[!is[system]tag<currentTiddler>]">
<div class="tc-menu-list-item">
* <$link to={{!!title}}><$view field="title"/></$link>
</div>
</$list>
See WorkAround (because TrueAliasing is MissingBits)
For you reading this, odds are you are interested in TiddlyWiki... that, or you took a wrong turn on the internets.
* If you're just starting with TiddlyWiki in general, you may want to check the AbsoluteBeginner section. With TiddlyWiki5 just fresh out of the oven, you're in for a treat !
* If you have some experience with TiddlyWikiClassic and are slightly befuddled, SomethingNew may do you some good.
* If you're a dev, hacker or power user and are curious as to what makes noobies go //doh!?//, you might take a gander at our selection of MissingBits, BrokenBits and GrowingPains.
If in doubt, maybe read on aboot SeptemberTW.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
''~SideEditor'' is a plugin to get a tiddlers editor show //floating on the side// of the story river.
The purpose is to enable "live editing" and to be able to work on a tiddlers content while freely moving among the other tiddlers to, for instance, use them as references.
''Installation'' - drag and drop $:/plugins/SideEditor into your TW.
''Trigger it'' via the tiddler tool button @@fill:lightgray; {{$:/core/images/chevron-right}}@@ Note that you can easily switch which tiddler to edit in the ~SideEditor by closing and reopening. Try it on [[this short|#1 Demo (short tiddler)]] tiddler or a [[longer one|#2 Demo (long tiddler)]]. I don't recommend testing it on the very components building up the plugin.
''Moving'' is done via the two gray handles and ''resizing'' via the lower right corner. (Length is automatic from typing).
Unfortunately, I have not yet implemented move/resize for //Internet Explorer// as range sliders behave a bit differently there, and I have not tested anything on //Safari//.
<br>''The plugin consists of''
|[[$:/plugins/SideEditor/readme]]|Short description of the plugin seen in the Plugin Library |
|[[$:/plugins/SideEditor/Main]]|This contains the actual editor, its positioning and the CSS|
|[[$:/plugins/SideEditor/Button]]|The tiddler toolbar button to toggle the ~SideEditor<br>@@font-size:small; Based on [[$:/core/ui/TopBar/menu]] @@|
|[[$:/plugins/SideEditor/Revealer]]|A revealwidget checking if there's anything to reveal<br>@@font-size:small; Key idea from [[$:/core/ui/PageTemplate/sidebar]] @@|
|[[$:/plugins/SideEditor/Metrics]]|Values used in the positioning and sizing|
<br>[[Issues]]
<br><br>
by ''Mat <:-) the'' [[TWaddler|http://twaddle.tiddlyspot.com]]
!!Issues
* Cannot handle tiddlers with titles containing quotes ".."
* It works bad to edit tiddlers tagged `$:/tags/Macro`, I'm guessing because they're "active" in the system so each change makes the ~SideEditor loose focus
* Some tiddlers don't make the ~SideEditor to expand to full height. I handle this by, in the little text seen, inserting a new row (i.e click Enter). This pushes the whole content down, expanding ~SideEditor to full height.
A serchable index of community wikis
~TiddlyWiki Community Search
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
\define ModalParam()
Startup Modal
\end
html body.tc-body { background: url({{$:/state/Random Background}}) no-repeat center center fixed; background-size: cover; height: 100%;}
\define thisYay() Yay!
\define thisWoo() Woo!
<$reveal type='nomatch' state='$:/state/Startup Actions Script/modal' text='inactive'>
<$action-sendmessage $message='tm-modal' $param=<<ModalParam>>/>
</$reveal>
<$reveal type='match' state='$:/SiteSubtitle' text=<<thisYay>>>
<$action-setfield $tiddler='$:/SiteSubtitle' text=<<thisWoo>>/>
</$reveal>
<$reveal type='match' state='$:/SiteSubtitle' text=<<thisWoo>>>
<$action-setfield $tiddler='$:/SiteSubtitle' text=<<thisYay>>/>
</$reveal>
Hi! This is a modal that was triggered as a demo by the StartupActions plugin. If you are not viewing this online or can save it somehow clicking on the `Don't show again` button will prevent this from displaying when the wiki is reloaded. Otherwise this modal will display each time the wiki loads.
If things work correctly the background should also change to a random image each time the wiki loads.
<$navigator>
<$button> Don't show again<$action-setfield $tiddler='$:/state/Startup Actions Script/modal' text='inactive'/></$button></$navigator>
This is a demo of the ~StartupActions plugin. If you haven't saved this wiki or this is the first time you have opened it you should have seen a modal window when you loaded the wiki. If not something is broken, you should tell me on the google group https://groups.google.com/forum/#!forum/tiddlywiki or through the feedback on http://inmysocks.tiddlyspot.com (it is the envelope icon in the upper left).
plugin tiddler: $:/plugins/inmysocks/StartupActions
This plugin allows you to write a script using action widgets in a tiddler (or multiple tiddlers) and tagging the tiddler with `$:/tags/StartupAction`. Then when the wiki starts, either by loading or reloading it, the actions in the tiddler will be triggered like they were in a button widget that got pressed. The actions for this demo are in the [[Startup Actions Script]] tiddler. It will make a modal appear the when the wiki is loaded, and keep the modal from loading if you click the `Don't show again` button in the modal. It will also change the site subtitle. If the subtitle is `Yay!` it will change to `Woo!`, and if it is `Woo!` it will change to `Yay!`.
If you could put something in a button widget it can go in a startup tiddler.
''Some Notes:''<br>
Widget messages that aren't handled by the core still require the widget to handle them, so an action-sendmessage widget with the message `tm-add-field` has to have a fieldmangler widget around the action widget in the script.
The actions take place outside the normal story, so if you use a message that requires the navigator widget you need to use `<$navigator story='$:/StoryList'>` to make the action happen in the normal story river.
Scripts can use macros, both those defined in the script tiddler and global macros, the demo in this wiki uses both. See [[Startup Actions Script]] and [[Demo Macro]].
!The `action_filter` field:
If a tiddler tagged with `$:/StartupAction` has a non-empty field called `action_filter` than the behavior changes a little. The action widgets will be triggered, but they will be triggered once for each thing returned by the filter in the `action_filter` field, and each time they are triggered they will have the `currentTiddler` variable set to the current item in the list returned by the filter. This can be used to make each action widget affect each tiddler in turn, if the list returns tiddlers, or it can be used to run a sequence of actions with different input parameters set by the currentTiddler variable.
!Example 1
If you had the script:
```
<$action-setfield title=<<currentTiddler>>/>
```
and the `action_filter` field was set to:
```
<$list filter='1 2 3 4 5 6 7 8 9'/>
```
Then when the wiki was (re)loaded next 9 tiddlers would be created with the titles `1`, `2`, `3`, and so on.
!Example 2 (DON'T ACTUALLY DO THIS)
Alternately you could use this script (don't do this, it will overwrite all the tiddlers in your wiki):
```
<$action-setfield text='Don't do this'/>
```
and have the `action_filter` field set to
```
[all[]]
```
This is a horrible idea because it will set the text field of all tiddlers in your wiki to `Don't do this`. But it demonstrates the sort of thing that is possible.
; github
: https://github.com/dullroar/TW5-atomfeed
; example
: http://dullroar.com/atom.xml
; atom?
: ''spec:'' http://www.ietf.org/rfc/rfc4287.txt
; follow up
: [[Creating A Static Webpage Using Tiddlywiki II|http://www.phasersonkill.com/2015/1/2/Creating%2520A%2520Static%2520Webpage%2520Using%2520Tiddlywiki%2520II.html]]
; github
: https://github.com/welford/phasersonkill-static
<<static Generating%2520Static%2520Sites%2520with%2520TiddlyWiki.html
600px scrolling:yes>>
;github
:[[welford|https://github.com/welford]]
<<tagging>>
; example
: http://www.phasersonkill.com/Search.html?q=tiddlywiki
; implements
: https://github.com/Tipue/Tipue-Search
; status
: experimental work in progress using jQuery
: auto generated json via filtered lists
: may not scale well
:: search index could be reduced with something like
::: `<$view tiddler={{!!title}} format="search-jsencoded"/>`
::: to strip out a load of words / just include the first x words that aren't useless
:: instead of...
::: `<$view tiddler={{!!title}} format="jsencoded"/>`
; github
: https://github.com/dullroar/TW5-sitemap
; example
: http://dullroar.com/sitemap.xml
:: http://dullroar.com/robots.txt
; sitemap.xml?
: ''spec:'' http://www.sitemaps.org/protocol.html
!! Sitemap without macros
* https://groups.google.com/d/msg/tiddlywiki/Xton0F9QtHE/PdQ6GSjqh-YJ
* http://novye-podarki.ru/heeg.html#%24%3A%2F_sitemap
Articles by various [[authors and developers|Authors]] on generating static sites with TiddlyWiki on node.js...
<table>
<tr>
<th>Title</th>
<th>Author</th>
<th>URL</th>
<th>Groups</th>
</tr>
<$list filter="[tag[Static]sort[title]]">
<tr>
<td><$link to=<<currentTiddler>>><$view field=title/></$link></td>
<td><$link to={{!!author}}><$view field=author/></$link></td>
<td><$list filter="[all[current]has[url]]"><a href={{!!url}} target=_blank>»</a></$list></td>
<td><$list filter="[all[current]has[groups]]"><a href={{!!groups}} target=_blank>»</a></$list></td>
</tr>
</$list>
</table>
''problem'' » "1 second ago"
; inspiration
: https://www.nodejitsu.com/paas
''Note:'' Using this in multiple tiddlers will require you to wrap it in a macro so as to assign a custom counter to the css via macro parameters.
@@.count
; a headline
: some info text
@@
@@.count
@@.count-only
:no headline
@@
<style>
dl.count,
dl.count dt,
dl.count dd{
margin:0;
}
dl.count {
counter-increment: count;
padding: 10px 10px 10px 60px!important;
position: relative;
border-radius:10px;
margin: 10px 0 20px 0;
-webkit-box-shadow: 3px 3px 7px 0px rgba(204,204,204,1);
-moz-box-shadow: 3px 3px 7px 0px rgba(204,204,204,1);
box-shadow: 3px 3px 7px 0px rgba(204,204,204,1);
}
dl.count:before {
content: counter(count);
display: inline-block;
position: absolute;
top: 15px;
left: 10px;
height: 35px;
width: 35px;
line-height: 35px;
text-align: center;
color: #b5b4b4;
font-weight: 700;
border: 1px solid #eaeaea;
border-radius: 200px;
background: #fff;
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(238,238,238,.4)),color-stop(1,#fff));
background-image: -webkit-linear-gradient(bottom,rgba(238,238,238,.4)0,#fff 100%);
background-image: -moz-linear-gradient(bottom,rgba(238,238,238,.4)0,#fff 100%);
background-image: -o-linear-gradient(bottom,rgba(238,238,238,.4)0,#fff 100%);
background-image: -ms-linear-gradient(bottom,rgba(238,238,238,.4)0,#fff 100%);
background-image: linear-gradient(bottom,rgba(238,238,238,.4)0,#fff 100%);
-webkit-border-radius: 200px;
}
dl.count-only{
padding: 20px 10px 20px 60px!important;
}
</style>
[[from "Using StyleSheets" on tiddlywiki.com...|http://tiddlywiki.com/#Using%20Stylesheets]]
<div class="pretty">
The usual way of modifying the appearance of a TiddlyWiki is to use one of the available themes, or to modify the [[colour palette|http://tiddlywiki.com/#ColourPalettes]].
You can also use custom CSS stylesheets by tagging tiddlers with `$:/tags/Stylesheet`. For example, create a tiddler with the tag `$:/tags/Stylesheet` and the following content in order to change the page background colour to red:
```
html body.tc-body {
background: red;
}
```
To hide your stylesheet tiddlers from search or lists, put them under the system namespace, by naming it something like `$:/.my/stylesheet`. You will now find it in the sidebar under ''More » System''.
! Overriding Theme Settings
Note that custom stylesheets are applied independently to the theme stylesheets. This means that it is frequently necessary to use CSS specificity to reliably override settings within the theme. This means ensuring that the CSS rule in your custom stylesheet is more specific than the theme rule that you are overriding. "More specific" generally means using more CSS rules. So, `html body.tc-body` is more specific than `body.tc-body`.
! Stylesheet Types
Usually it is best to use the type `text/css` for stylesheets. This treats them as plain stylesheets, and ensures that TiddlyWiki doesn't apply any wiki processing to them.
If you wish to use macros and transclusions in your stylesheets you should instead use the default [[WikiText|http://tiddlywiki.com/#WikiText]] type `text/vnd.tiddlywiki`. This allows full [[WikiText|http://tiddlywiki.com/#WikiText]] processing to be performed. Here is an example:
```
\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline
body.tc-body pre {
<<box-shadow "inset 0 1px 0 #fff">>
}
```
The `\rules` pragma at the top of the tiddler restricts the ~WikiText to just allow macros and transclusion. This avoids mistakenly triggering unwanted ~WikiText processing.
!! Stylesheet Macros
Several globally available macros are provided that are helpful in constructing stylesheets. See [[$:/core/ui/PageStylesheet]] for the definitions of these macros.
* `<<colour name>>` and `<<color name>>` retrieve named colours from the current [[colour palette||http://tiddlywiki.com/#ColourPalettes]]
* `<<box-shadow shadow>>` specify a box-shadow
* `<<filter filter>>` specify a CSS filter
* `<<transition transition>>` specify a CSS transition
* `<<transform-origin origin>>` specify the CSS transform origin
* `<<background-linear-gradient gradient>>` specify a linear gradient
* `<<datauri title>>` retrieves the base64 content of a tiddler for use via the CSS `url()` operator
</div>
For more information, see [ext[fontawesome @ tiddlyspot|http://fontawesome.tiddlyspot.com]].
This wiki introduces you to using your desktop browser to inspect the styles applied to elements in TiddlyWiki and permanently change them. Also see [[style examples|Styles]].
Styling TiddlyWiki is easy, the pattern is always the same...
#[[Inspect]]
#[[Select]]
#[[Modify]]
#[[Save]]
<br>
!! Step 1 — [[Inspect Element|Inspect]]
{{Inspect}}
<br>
!! Step 2 — [[Select Element|Select]]
{{Select}}
<br>
!! Step 3 — [[Modify CSS|Modify]]
{{Modify}}
<br>
!! Step 4 — [[Save CSS|Save]]
{{Save}}
<br>
! Congratulations
You have successfully applied your first style modifications.
Need more help? Hop over to the [[discussion groups|https://groups.google.com/forum/#!topic/tiddlywiki]].
!! Candy
Interested in more? How about [[FontAwesome|http://fontawesome.tiddlyspot.com]]?
As Jeremy explains [[here|https://groups.google.com/d/msg/tiddlywiki/_czb8FpcmhI/aq1nbJaCAQAJ]], when you disable plugins, the corresponding disabled plugin entry is displayed with a gradient using [[this css|https://github.com/Jermolene/TiddlyWiki5/blob/master/themes/tiddlywiki/vanilla/base.tid#L1566-L1574]]. Have a look at the ''Plugins'' tab in the [[control-panel|$:/ControlPanel]].
For generating fancy cross-browser gradients, there are numerous resources like:
http://www.colorzilla.com/gradient-editor
; inspiration
: https://www.nodejitsu.com/paas
@@.info
; a headline
: some info text
@@
@@.info
@@.info-only
: info text without headline
@@
<style>
dl.info,
dl.info dt,
dl.info dd{
margin:0;
}
dl.info {
padding: 10px 10px 10px 60px!important;
position: relative;
border-radius:10px;
margin: 10px 0 20px 0;
-webkit-box-shadow: 3px 3px 7px 0px rgba(204,204,204,1);
-moz-box-shadow: 3px 3px 7px 0px rgba(204,204,204,1);
box-shadow: 3px 3px 7px 0px rgba(204,204,204,1);
}
dl.info:before {
display: inline-block;
position: absolute;
top: 15px;
left: 10px;
height: 35px;
width: 35px;
line-height: 35px;
text-align: center;
content: "i";
color: #b5b4b4;
font-weight: 700;
border: 1px solid #eaeaea;
border-radius: 200px;
background: #fff;
background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0,rgba(238,238,238,.4)),color-stop(1,#fff));
background-image: -webkit-linear-gradient(bottom,rgba(238,238,238,.4)0,#fff 100%);
background-image: -moz-linear-gradient(bottom,rgba(238,238,238,.4)0,#fff 100%);
background-image: -o-linear-gradient(bottom,rgba(238,238,238,.4)0,#fff 100%);
background-image: -ms-linear-gradient(bottom,rgba(238,238,238,.4)0,#fff 100%);
background-image: linear-gradient(bottom,rgba(238,238,238,.4)0,#fff 100%);
-webkit-border-radius: 200px;
}
dl.info-only{
padding: 20px 10px 20px 60px!important;
}
</style>
Hover the element whose style you wish to modify, right click, `inspect element`.
<<btn-img "inspect.gif">>
In the «developer tools», try changing the styles of your [[selected element|Select]] by applying [[any css|http://www.w3schools.com/css]] to `element{}` in the lower right.
When finished, copy those styles and also the name of the css selectors and classes currently styling the element, e.g. `.tc-titlebar`. Those that don't actually apply are shown @@color:lightgrey; greyed out@@ and those that are overruled with ~~strikethrough~~. You find the entire cascade of selectors applying to the current element in the order in which they are dominant, the upper most being the most dominant ...the `element{}` itself.
<<btn-img "change.gif">>
Some interesting style-bits
; a handful modern background patterns using css3
: http://lea.verou.me/css3patterns
[[Create or open your custom stylesheet|Custom StyleSheets]] and enter the styles in this format, classnames start with a `.dot`:
```
.some-class {
font-family: "Comic Sans MS"; /*please, just don't ;D */
border: 1px solid purple;
}
```
The styles you have tested and copied should immediately apply to the selectors (classes) to which you assign them.
[[Inspecting|Inspect]] an element opens your browser's «developer tools», so does hitting F12.
Make sure the element you want is selected by hovering over the tree to the bottom left and selecting the one you think is your target. Perhaps repeat Step 1 to be sure. Now have a look at the bottom right and see all the [[css style rules|http://www.w3schools.com/css/]] that apply to it.
<<btn-img "select.gif">>
For each tag of a tiddler, the tiddler element is given a css class that you can adress in a [[custom stylesheet|http://tiddlywiki.com/static/Using%2520Stylesheets.html]], e.g. you can have tiddlers display a funny background.
''Tip:'' Try hitting F12 and see if you can't inspect the css classes of this very tiddler.
For example, this applies a notebook style.
<<` "<style>
/* http://lea.verou.me/css3patterns/#lined-paper */
.tc-tagged-Notebook\%20Style {
background-image:
linear-gradient(90deg, transparent 25px, #abced4 25px, #abced4 27px, transparent 27px),
linear-gradient(#eee .01em, transparent .1em);
background-size: 100% 1.2em;
}
</style>">>
''Note:'' To make it work for tag names containing spaces, you need to escape the space to `\%20`, not `%20` when addressing the css class.
Also see [[How to apply custom styles by tag|http://tiddlywiki.com/#How%20to%20apply%20custom%20styles%20by%20tag]].
Also see [[Resources]]...
<dl class="overview">
<<list-search
"[[Styles]tagging[]sort[title]]"
"search"
"$:/temp/list-search-styles"
"$:/.tb/template/styles-overview"
placeholder:"Filter all examples..." >>
</dl>
; requires
: [[$:/fonts/FontAwesome]]
: [[$:/fonts/FontAwesome/checklist]]
:: an extension to FontAwesome, holding the css for the checklist
@@.check
* a one
* and a two
* and a three
* and a four
@@
http://tb5.tiddlyspot.com
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
andrew.j.harrison84@gmail.com
Figure out how to set username automatically. Resource: [["aliasing" a username|https://groups.google.com/forum/m/#!topic/tiddlywiki/zqJlW8jEaT4]] (Eric Shulman 3/4/15)
1) The username is really just a text string, the value of which is copied into the "modifier" field of a tiddler whenever that tiddler is edited.<br>
2) The *display* of the username is defined in the core shadow: [[$:/core/ui/ViewTemplate/subtitle]], which contains:
```
<div class="tc-subtitle">
<$link to={{!!modifier}}>
<$view field="modifier"/>
</$link> <$view field="modified" format="relativedate"/>
</div>
```
This is the syntax that actually displays the username in the tiddler subtitle:
```
<$view field="modifier"/>
```
Note that the output of the `<$view>` widget is normally just *plain text*... thus, the wiki syntax contained in the username does not get parsed, and the output shows the username value exactly as defined. However, it is a simple matter to change this. Rather than using the `<$view>` widget to display the modifier field, use transclusion, like this:
`{{!!modifier}}`
As with the `<$view>` widget, this will retrieve the value of the 'modifier' field for the current tiddler, but will also then parse that field value so that any wiki syntax it contains will be rendered as intended. Thus, if you use `"[[NRM|Contact]]"` as your username, then it will display as just "NRM", and link to the `[[Contact]]` tiddler. Q.E.D.
Resource: Autmatic username prompt ? (Dominic Duval 7/31/14)
Resource: [[Single-file save should exclude $:/temp/... tiddlers #1199|https://github.com/Jermolene/TiddlyWiki5/issues/1199#issuecomment-65830444]] (Jeremy Ruston 12/5/14)<br>
Replaced `-[prefix[$:/state/popup/]]` with `-[prefix[$:/state/]] -[prefix[$:/temp/]]` in $:/core/save/all
Resource: [[Fwd: [tw] Re: TW5 Batch Add/Remove Tags.|https://groups.google.com/forum/#!searchin/tiddlywiki/Fwd$3A$20%5Btw%5D$20Re$3A$20TW5$20Batch$20Add$2FRemove$20Tags.%7Csort:relevance/tiddlywiki/3KxvZVFCt9w/xBct1MShbrEJ]]
Per Jed: [[http://ooktech.com/jed/ExampleWikis/Version518Fun/#Search%20and%20Replace%20Tags]]
```
\define thisSelectTag()
Tag to replace: <$select field='selected_tag'>
<$set name=TagSearch value={{$:/temp/changetags!!search_tags}}>
<$list filter='[tags[]regexp[(?i)$(TagSearch)$]sort[title]]'>
<option value=<<currentTiddler>>><$view field='title'/></option>
</$list>
</$set>
</$select> <$edit-text tiddler='$:/temp/changetags' field='search_tags' class='tc-exit-textexitor' placeholder='Narrow Tags List'/>
\end
This lets you search for all tiddlers with a specific tag and selectivly replace that tag with another one. Or if the 'Replace With' field is empty just remove the tag from the tiddler(s).
<<thisSelectTag>>
Replace With: <$edit-text tiddler='$:/temp/changetags' field='replace_tag' class='tc-edit-texteditor'/>
<table>
<tr><th>Tiddler</th><th>Replace?</th></tr>
<$list filter='[tag{!!selected_tag}]'>
<$fieldmangler tiddler=<<currentTiddler>>>
<tr><td><$link to=<<currentTiddler>>><$view field='title'/></$link></td><td><$button>Change Tag<$action-sendmessage $message='tm-add-tag' $param={{$:/temp/changetags!!replace_tag}}/><$action-sendmessage $message='tm-remove-tag' $param={{Search and Replace Tags!!selected_tag}}/></$button></td></tr>
</$fieldmangler>
</$list>
```
Add the field `selected_tag`.
<pre><$view field="text"/></pre>
!Color highlighting in a snippet of code
Let's say you have a tiddler that displays a code block (you're writing an article on some coding technique or whatnot):
<pre>ˋˋˋ
var foo = 1;
var bar = gonculate(foo);
alert(bar);
ˋˋˋ</pre>
Which renders like:
```
var foo = 1;
var bar = gonculate(foo);
alert(bar);
```
Now you want to show a change, highlighting the changed part in red, like so:
<pre>var foo = 1;
var bar =<span class='tc-inline-style' style='color:red;'> xyzzy(foo)</span>;
alert(bar);
</pre>
How do you do that in TW?
Well, you can't use the three back ticks any more, because that would make the //@@color:red;// wikitext (or //<span style="color:red">//) show up as code, e.g.,
<pre>ˋˋˋ
var foo = 1;
var bar = @@color:red;xyzzy(foo)@@;
alert(bar);
ˋˋˋ</pre>
...renders as:
```
var foo = 1;
var bar = @@color:red;xyzzy(foo)@@;
alert(bar);
```
Not what we want.
You also can't use the single back tick ˋ at the beginning and end of the entire block, because everything in that inline code style has red text already.
Instead, you simply use the HTML //<pre>// element, which has most of the same styling you already need for a wikitext code block. Then you can use //@@color:red;// (or //<span style="color:red">//) just fine:
<pre><pre>var foo = 1;
var bar = @@color:red;xyzzy(foo)@@;
alert(bar);</pre></pre>
...renders as:
<pre>var foo = 1;
var bar = @@color:red;xyzzy(foo)@@;
alert(bar);</pre>
Problem solved.
''HOWEVER:'' If your sample code has HTML or TW widgets with angle brackets, you have to take another step and make sure all the starting "angle brackets" are escaped into the HTML //&lt;// entity, or else they will be interpreted by TW during rendering because they are no longer fenced by ˋˋˋ. In other words, if you have something like:
<pre>ˋˋˋ
<$view field="modified" format="relativedate"/>
ˋˋˋ</pre>
...which renders as:
<pre><$view field="modified" format="relativedate"/></pre>
...and you now want to show a change in part of it using the //<pre>// trick, you have to escape the opening angle bracket as follows:
<pre><pre>&lt;$view field="modified" @@color:red;format="date" template="DDD, MMM DD, YYYY"@@/></pre>
</pre>
...to get:
<pre><$view field="modified" @@color:red;format="date" template="DDD, MMM DD, YYYY"@@/></pre>
Sources: [[Color highlighting in a snippet of code|https://groups.google.com/forum/?hl=en#!searchin/tiddlywiki/Color$20highlighting$20in$20a$20snippet$20of$20code%7Csort:relevance/tiddlywiki/P0RtvM24SEg/MV7N41cyexEJ]] and [[http://dullroar.com/Color%2520highlighting%2520in%2520a%2520snippet%2520of%2520code.html]]
{{$:/plugin/ajh/copy/readme}}
Copy2Text Tag PillCopy2Text Tag Pill 2Copy2Text Tag Pill{{$:/temp/Tick Sheet!!description}}
<<copy2text "TagPill3a">>
<<edit-text>><<reset>>
Delete non-essential shadow tiddlers using text editor to delete the text field and then edit within Tiddlywiki and add tag with trash can icon with hint saying deleted.
Need to delete content, tags and fields from $:/core/modules/parsers/wikiparser/rules/wikilink.js
Resource: How to get an ultra minimized version of TW5 (BJ 5/22/15)
{{Under construction}}Resource: [[Ordering the table of contents|https://groups.google.com/forum/m/#!msg/tiddlywiki/nxd-Z4UzsJs/GtLiBV6nBl8J]] (Tobias Beer 1/16/15)
Example of ordering: http://tiddlywiki.com/#Reference
Resource: http://tiddlyclip.tiddlyspot.com ControlToc tab that allows control using drag and drop (BJ 9/7/14)
{{Under construction}}External comments viewed within the tiddler.
Resource: [[Adding comments sections to tiddlers on a tiddlywiki using hashover|http://ooktech.com/jed/externalbrain/#Adding%20comments%20sections%20to%20tiddlers%20on%20a%20tiddlywiki%20using%20hashover]] (Jed Carty 5/18/15)
<svg xmlns="http://www.w3.org/2000/svg" class="tc-image-external tc-image-button" width="18" height="14" viewBox="0 0 128 128"><path fill="#00F" d="m48,24.2h-38.8a8,8 0 0 0 -8,8v87.6a8,8 0 0 0 8,8h87.6a8,8 0 0 0 8,-8v-38.8h-16v31.8h-71.6v-71.6h31.8v-16zm24,-8h28.8l-50,50a5.5,5.5 0 0 0 11,11l50,-50v28.8a8,8 0 0 0 16,0v-55.8h-55.8a8,8 0 0 0 0,16z"/></svg>
{{Under construction}}Create favorites mechanism
This tiddler is tagged with {{fields||$:/core/ui/TagTemplate}}
{{Under construction}}Indenting is 4 spaces and start of paragraph is double half tabs?
For custom styles -- create a tiddler with content something like this:
```
/*HEADER STYLES*/
.myTitle {
text-shadow:silver 2px 2px 6px;
font-size:14pt;
}
```
-- additional styles may be added.
Then tag the tiddler with: `$:/tags/Stylesheet`
-- and use a style with a title like this:
`!.myTitle Text of Title`
-- instead of:
!Text of Title
-- the header displays as:
!.myTitle Text of Title
Add a global setting to the settings tab in control panel by tagging the new configuration tiddler $:/core/ui/ControlPanel/Settings/ShowFields with $:/tags/ControlPanel/Settings tag.
```
\define lingo-base() $:/language/ControlPanel/Settings/ShowFields/
<<lingo Hint>>
<$list filter...
caption: {{$:/language/ControlPanel/Settings/ToolbarButtons/Caption}}
```
Need to define $:/language/ControlPanel/Settings/ShowFields/Caption with Global Show Field List
Need to define $:/language/ControlPanel/Settings/ShowFields/Description with: List filter
Need to define $:/language/ControlPanel/Settings/ShowFields/Hint with Add field to global list filter:
Add an edit field for the global setting to add remove globally which fields are displayed.
Show-field field locally adds or removes in current tiddler only.
Resource: "the checkbox widget already has logic for adding and removing members of a list, but of course it's currently tied to using the "tags" field for the list." (Jeremy 9/23/15)
The recommended technique for building TiddlyWiki plugins involves running [[TiddlyWiki on Node.js|http://tiddlywiki.com/#TiddlyWiki%20on%20Node.js]], but there is now an experimental technique for creating plugins directly in the browser.
! Overview
Loading a plugin in the browser has several consequences:
* The original plugin tiddler itself is unchanged
* The payload tiddlers are set up as individual [[ShadowTiddlers|http://tiddlywiki.com/#ShadowTiddlers]]
To make a modified copy of a plugin, one edits the constituent shadow tiddlers (doing this actually overrides the shadow tiddler with a new non-shadow tiddler containing the modified content). The repacking process retrieves the current value of all the shadow tiddlers included in the plugin, and then bundles the new values back into the original plugin tiddler.
! Step by step
!! 1. Setup your development environment
Start with a blank TiddlyWiki. It is useful to create a ''HelloThere'' tiddler that contains links to various tiddlers that you'll be opening frequently during plugin development:
* The plugin itself (eg `$:/plugins/yourname/pluginname`)
* The payload tiddlers that are to be packed into the plugin (eg `$:/plugins/yourname/pluginname/mywidget.js`)
!! 2. Create the plugin tiddler
Click the link to the plugin tiddler to open it. Assuming it doesn't currently exist, it will open with an italicised title, indicating that it is a missing tiddler. Then switch to edit mode and set the following fields on the tiddler:
|!Field |!Value |
|''dependents'' |Space separated list of dependent plugins (use square brackets for titles containing spaces) |
|''description'' |Plugin description |
|''name'' |Plugin name (only needed for themes) |
|''plugin-type'' |Either "plugin" for a regular plugin, "theme" for a theme, or "language" for a language pack |
|''type'' |Set to "application/json" |
|''version'' |Set to the version number of the plugin (eg "0.0.1") |
Then in the body of the tiddler, insert:
```js
{"tiddlers": {}}
```
Save the plugin tiddler
!! 3. Modify the payload tiddlers
Create the payload tiddlers by clicking on the links in the ''HelloThere'' tiddler from step 1.
!! 4. Pack the plugin
Open the browser developer console, and type the following JavaScript statement, but first change the first parameter to the name of your plugin. The second parameter is an optional array of tiddler titles to be added to the plugin:
```js
$tw.utils.repackPlugin("$:/plugins/yourname/pluginname",["$:/plugins/yourname/pluginname/mywidget.js"])
```
You should see a confirmation message, and then if you inspect the plugin tiddler you should see that it has been filled with the payload tiddlers.
Each time you save the plugin the last portion of the version number is automatically incremented. This will ensure that users with an older version of your plugin will be able to install the new version.
!! 5. Testing the plugin
To test the plugin, first make sure that it has been packed. Then save changes and refresh the page in order to load the new plugin.
!! 6. Repacking the plugin
Once you've built the plugin for the first time you can omit the second parameter to `repackPlugin()` unless you are adding a new tiddler:
```js
$tw.utils.repackPlugin("$:/plugins/yourname/pluginname")
```
!! 7. Removing tiddlers from the plugin
To remove tiddlers from the plugin specify their titles in the optional third parameter:
```jss
$tw.utils.repackPlugin("$:/plugins/yourname/pluginname",null,["$:/plugins/yourname/pluginname/mywidget.js"])
```
! Notes
!! Creating theme and language plugins
Before attempting to repack your plugin you should ensure that the plugin is selected as the current theme or language. Otherwise the shadow tiddlers will not be present.
Use either `<br>` or enclose multiple lines in `"""` on the line above and below the text.<br>
-- for example:
```
"""
This is a line
and this is a new line
while this is yet another line
and this is the final one
apart from this one
"""
```
-- displays as:<br>
"""
This is a line
and this is a new line
while this is yet another line
and this is the final one
apart from this one
"""
{{Under construction}}Get the more popup menu to view all on small screens.
Resource: http://tobibeer.github.io/tb5/?132#Mouseover%20Toolbar%20Visibility (Tobias Beer 9/23/15)
  <mark>@@.tc-red Hello@@</mark>, my name is [[Andrew]] and this is my web site for my work in progress modifying Tiddlywiki 5. Tiddlywiki 5 is the genius work of Jeremy Ruston.<br>
  I started using Tiddlywiki (now referred to as Tiddlywiki Classic or TWC) back in 2008.<br>
  My plan for this page is to upgrade to Tiddlywiki 5 at work when I've found the same or better usefulness then TWC.
{{Under construction}}Resource: Non existing links in red instead of in italic - TW5
Rsource: Missing Link Style in TW5 (PMario 4/9/14)
{{Under construction}} Resource: [[Open all the tiddlers with a particular tag|https://groups.google.com/forum/m/#!topic/tiddlywiki/Eqcsb-B6iLk]]
Resource from Jeremy: currentTiddler as a macro parameter default
```
\define x(y:<<currentTiddler>>)
```
is actually equivalent to:
```
\define x(y:"<<currentTiddler>>")
```
The technique you are using is to pass the attribute brackets as part of the parameter string. If the parameter isn't specified then it is given the literal string value "<<currentTiddler>>", and not the actual value of the variable "currentTiddler". So it only works if the parameter is eventually wikified, so that the macrocall syntax is processed.<br>
Another problem is that macro calls currently cannot be nested, so you cannot do:
```
<<x y:"<<myVariable>>">>
```
There's also a trap that this won't work:
```
<<x y:"My Tiddler">>
```
Instead you have to do:
```
<<x y:"[[My Tiddler]]">>
```
`[img[path/to/image.jpg]ext[http://www.url.com/]]` or `[img[path/to/image.jpg]link[TiddlerTitle]]`
{{Under construction}}Procedures and links for creating and experimenting with plugins.
Possibly explore the tiddlywiki library to create my own library.
Tried tinka, but doesn't work very well.
{{Under construction}}Find random background
Use the CSS "transform" attribute, like this:
@@display:block;transform: rotate(-90deg); your text here @@
{{Under construction}}Open search in sidebar tab.
Resource: http://spangenhelm.github.io/TW5-EnhancedSearchResults/ (Felix Küppers 7/24/15)<br>
Resource: http://braintest.tiddlyspot.com/#Context%20Plugin (Danielo Rodriguez 1/14/15)
{{Under construction}}Would like to find the email about sizable using a mouse handle to drag size. Resource: set story width in a stylesheet tiddle
Also Resource: http://eucaly-tw5.tiddlyspot.com/#%24%3A%2Fplugins%2Feucaly%2Fflexwidth
Resource: [[Proof-of-Concept: (new) Direct drag-to-resize Theme Tweak|https://groups.google.com/forum/m/#!topic/tiddlywiki/abMEKz88luc]] (Mat Gold and Eric Shulman 5/28/15)
{{Under construction}}Use tags and filter search?
[[TW5 Plugin Startup Modules Not Loading?|https://groups.google.com/forum/m/#!topic/tiddlywikidev/uQaq1r4sRMI]]
Maybe look at fieldmangler.js
{{Under construction}} Resource: http://tiddlywiki.com/#How%20to%20apply%20custom%20styles%20by%20tag
Using list filter create a template that displays a summary tab in tiddler info if there is a summary field.
http://svg-edit.googlecode.com/svn-history/r1771/trunk/editor/svg-editor.html<br>
http://editor.method.ac/<br>
http://tutorials.jenkov.com/svg/polygon-element.html<br>
Color contrast:http://webdesign.about.com/od/color/l/bl_contrast_table.htm
<div class="tc-table-of-contents">
<<toc-selective-expandable 'Contents'>>
</div>
{{TagPill1a!!label||$:/TagStyleButton}}
{{TagPill1b!!label||$:/TagStyleButton}}Some text!
{{TagPill1c!!label||$:/TagStyleButton}}
{{TagPill2a!!label||$:/TagStyleButton}}
{{TagPill2b!!label||$:/TagStyleButton}}Caution.
{{TagPill2c!!label||$:/TagStyleButton}}We're about to explode.
{{TagPill2d!!label||$:/TagStyleButton}}Kaboom!!!!!!!!
{{TagPill3a||$:/TagStyleButton}}
{{TagPill3b||$:/TagStyleButton}}
{{TagPill4a!!label||$:/TagStyleButton}}
<<overlay {{$:/Examples/Overlay!!what}} {{$:/Examples/Overlay!!with}} 100% 40px overlay-example>>
{{Tiddlywiki||$:/copy}}
<<toggle TagPill1a>><<toggle TagPill2a>>
<<copy2text "TagPill3a">>
<<edit-text>>
<<reset>>
{{$:/plugin/ajh/tiddlycopy/readme}}
[[$:/Tiddly Example]]
{{$:/plugin/ajh/tiddlytime/readme}}
[[Tiddlywiki|http://www.tiddlywiki.com]]
<<toggle TagPill1a>><<toggle TagPill2a>>
<<reset>>
{{$:/plugin/ajh/toplefttoolbar/readme}}
{{Under construction}}Create shim for small screens. Resource: @Tobias - Prevent river from going under topmenu?
{{Under construction}} Resource: How do you diagnose and troubleshoot Macros? (Jeremy Ruston 12/24/14)
Here's one useful trick. Let's say that you're working on a macro `<<myFancyMacro>>` and it's not working as you expect. You can inspect the wikitext that is generated by the macro with:`<$text text=<<myFancyMacro>>/>`
The `<<dumpvariables>>` macro can also be useful. It shows the variable values in force at the point where the macro is invoked, so you can check that variables used in your macros have the expected values.
http://tiddlywiki.com/#DumpVariablesMacro
Another resource: https://tobibeer.github.io/tb5/#Conditional%20ViewTemplate%20Section
Another resource: http://inmysocks.tiddlyspot.com/#How%20to%20make%20macros
<mark>@@.tc-red Under Construction!!!@@</mark><br>
http://tiddlywiki.com/prerelease/upgrade.html
http://meyerweb.com/eric/tools/dencoder/
{{Under construction}}Open tiddlers in vertical tabs.
Resource: TiddlersBar StoryView plugin? (Felix Küppers 5/24/15)
{{Under construction}}Find out if visual editor plugin for tiddlywiki5 like what wikipedia is converting to is being worked on. Make sure it works on small screens.<br>Resource: http://tw5editor.tiddlyspot.com/<br>Resource: http://danielorodriguez.com/TW5-searchNreplace/
Resource: [[VisualEditor BJ 2/11/15|http://bjtools.tiddlyspot.com/#VisualEditor]]
Resource: Presenting the SideEditor plugin!
Resource: [[TinyMCE|http://htmleditor.in/index.html]]
{{Under construction}}Things I'm hoping for or planning or working on.
{{Under construction}}This is an old treasure from my TWC quest and I was hoping to figure out how to do the same on this quest. It previously had the following:<br>
`z_configOptions`
```
var ax = new ActiveXObject("WScript.Network");
merge(config.options,{
txtUserName: ax.UserName});
var sys = new ActiveXObject("ADSysteminfo");
var username = sys.UserName;
var CN = username.split(" ");
config.options.txtSurName = CN[1];
config.options.txtSurID = CN[3].substring(0,7);
```
  This button will compress text into a blob with duplicate words and spaces removed. When used with Tiddly Viewer, the text from the external page can be searchable within the wiki while conserving file size.<br>
  I'm working on a button for the edit template and exploring options like Stephan's bookmarklets at: http://tw5magick.tiddlyspot.com/.<br>
  For now my procedure will be:<br>
1. Copy any text from external file.<br>
2. Paste into ztxt and compress.<br>
3. It removes all punctuation and duplicate words and spaces.<br>
4. Copy the compressed ztxt text blob and paste into a new tiddler inside comment marks <!-- and -->.<br>
5. Add tiddly field set to the path of the file.<br>
5. TA DA! after alot of adding external files and pages, I have a thousand+ external indexed files that are searchable, viewable, compressed, but still TW5 is fast.
  There are still problems with my work flow such as dead links and loosing some indexing when the external files change. It would be cool if there was a drag and drop method. As always, any suggestions are welcome.
<$button param={{$:/temp/zTXt}} message="tm-ztxt">
Compress</$button>
<$edit field="text" class="tc-edit-texteditor" tiddler="$:/temp/zTXt" />
; tw version
: <<version>>
; macro
: [[$:/.tb/macros/tagfilter]]
; requires
: `[all[current[]tags[]]tagging:all[]]`
;demo
:`<<tagfilter>>`<div>
> <<tagfilter>>
</div>
; depends on
: [[pull/1385|https://github.com/Jermolene/TiddlyWiki5/pull/1385]] — @@color:red;not yet part of the core!@@
:extended tagging.js to get all tagged to the current list
:: [[$:/core/modules/filters/tagging.js]]
:: [[$:/core/modules/utils/utils.js]]
: [[pull/1379|https://github.com/Jermolene/TiddlyWiki5/pull/1379]] — @@color:red;not yet part of the core!@@
: fixes edit-mode tags and consolidates tag macro
:: [[$:/core/macros/tag]]
:: [[$:/core/ui/EditTemplate/tags]]
:: [[$:/core/ui/TagTemplate]]
All class abstracts...
<<tagging>>
All content for Class A...
<<tagging>>
All contents for Class B...
{{||$:/templates/tagging}}
All classes...
<<tagging>>
All degrees...
<<tagging>>
This wiki explores how to leverage the basic concepts of TagglyTagging for ~TiddlyWiki5. TagglyTagging starts from the premise of tiddlers being tags, thus forming a tag hierarchy where — for speedy content creation — you extensively use the NewHere command.
In [[classic TiddlyWiki|http://classic.tiddlywiki.com]], TagglyTagging implied a tagging structure similar to the following...
!!!<<taginfo "My Degree">>
* <<taginfo "Class A">>
** <<taginfo "Class A — Abstract">>
** <<taginfo "Class A — Schedule">>
* <<taginfo "Class B">>
** <<taginfo "Class B — Abstract">>
** <<taginfo "Class B — Schedule">>
!!to do
Use the [[toc|http://tiddlywiki.com/#TableOfContentsMacro]] macro to [[conditionally|http://tb5.tiddlyspot.com/#Conditional%20ViewTemplate%20Section]] to list tocs for all tagging tiddlers at the bottom of a tiddler.
!!references
;MPTW
:http://mptw.tiddlyspot.com/#TagglyTagging
:the birthplace of TagglyTagging
;Notestorm
:http://notestorm.giffmex.org
:tag based notetaking with dynamic toc
All classes for my degree...
<<tagging>>
Allows to create a new tiddler tagging to the currently viewed tiddler:
{{$:/core/ui/Buttons/new-here}} — [[$:/core/ui/Buttons/new-here]]
All schedules...
<<tagging>>
TagglyTagging by Simon Baird for [[TiddlyWiki classic|http://classic.tiddlywiki.com]]:
http://mptw.tiddlyspot.com/#TagglyTagging
I defined the `<<taginfo>>` macro to list the tags of a given tiddler in [[a list|GettingStarted]]:
<div class="ibox pretty" style="padding:15px;margin-bottom:30px;">
`<<taginfo "Class A">>`<br><br>
<<taginfo "Class A">>
</div>
[[$:/macros/taginfo]]
<pre><$view tiddler="$:/macros/taginfo" format="text"/></pre>
[[$:/styles/taginfo]]
<pre><$view tiddler="$:/styles/taginfo" format="text"/></pre>
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
[[Here|https://groups.google.com/d/msg/tiddlywiki/zbiwXL5orIk/qOWwb_UXjsoJ]], [[Stephan Hradek]] shows how to construct a document from numbered chapters:
```
\define chapter() Chapter $(num)$
<$list filter="[removeprefix[Chapter ]nsort[title]]" variable="num">
!<$link to=<<chapter>>><$text text=<<chapter>>/></$link>
<$transclude tiddler=<<chapter>>/>
</$list>
```
The above example first retrieves all tiddlers with a prefix "Chapter ", then removes it and later adds it back in via the chapter macro when processing the filter results.
; compare to
: [[Creating A Document Of Tiddlers]]
Based on a solution [[suggested by Stephan Hradek|https://groups.google.com/d/msg/tiddlywiki/XxLT8zJqHYM/Pl90y8Evn7AJ]], here's how you can list entries to categories without a need to use tagging, optionally sorted by a custom `order` field.
<$macrocall $name=` text="""<<catlist "[list[Welcome]]">>"""/>
The example calls the `catlist` macro, which takes two parameters....
;filter
:a filter defining your potential category items, required
:use `[all[]]` to just catch all tiddlers having the following field defined...
;field
:the `field` used at tiddlers pointing to a category by naming it, default `category`
<<source $:/.tb/macros/catlist>>
<div style="margin:0 -45px 0 -43px">{{$:/.img/fish.svg}}</div>
As [[Alberto Molina]] [[announces here|https://groups.google.com/d/msg/tiddlywiki/TXk4XZpO6a8/snVBW5jW6q8J]], there are highly customizable [[slider and accordeon macros|http://tw5.scholars.tiddlyspot.com/#%24%3A%2F_tw-scholars%2Fdoc%2Fmacros%2Fslider_accordion]] in [[TiddlyWiki For Scholars]].
You can find a demo of the accordeon working at the bottom of the start page at
* http://tw5.scholars.tiddlyspot.com
A trick inspired by [[Jeremy's comment|https://github.com/Jermolene/TiddlyWiki5/issues/911#issuecomment-56985742]]: Always wanted to change that default @@color:#ffff00;background:#bbb;padding:3px 5px;border-radius:7px;yellow@@ used for painting over images?
Just as you can add a [[Conditional ViewTemplate Section]], you can add a custom edit template component by tagging it [[$:/tags/EditTemplate]].
Simply drag this template to your TiddlyWiki and for all your image tiddlers a color-picker and a setting for the line-width will be displayed right below the image dimensions: <<source $:/.tb/ui/EditTemplate/paint>>
Try it out editing and see if you can manage to play with opacity, as well...
<<linkimg Jack.jpg Jack.jpg>>
As indicated [[in this discussion|https://groups.google.com/d/msg/tiddlywiki/SZ5Rl5rZZqA/LU6f1aFpAQAJ]], [[GSD5|GSD5 — Getting Stuff Done]] features a reusable date picker.
To use it for modifying any of your fields, install the following plugin in your TiddlyWiki:
* [[$:/plugins/gsd5/ticklers|http://gsd5.tiddlyspot.com/#%24%3A%2Fplugins%2Fgsd5%2Fticklers]]
!! Usage
To use a date picker for a field called ''due'' in an [[edit template|http://tobibeer.github.io/tb5/#Conditional%20ViewTemplate%20Section]], use...
```
<$date field="due"/>
```
For an example, see [[here|http://gsd5.tiddlyspot.com/#%24%3A%2Fplugins%2Fgsd5%2Fcore%2Fui%2Faddins%2FViewTickler]].
Yesterday I showed you how you can more easily [[chose the color and line-width|Adding A ColorPicker For Editing Images]] for TiddlyWiki's ability to [[draw on images|http://tiddlywiki.com/#EditBitmapWidget]].
As [[PMario points out|https://groups.google.com/d/msg/tiddlywiki/qkGGkAli1zw/oTyuvVglem0J]], to create a blank canvas to draw on, simply create a new tiddler and set it's type to one of the editable image types, e.g. `image/png`, `image/jpg`, `image/gif`.
To round things up, here's some button code [[suggested by Birthe|https://groups.google.com/d/msg/tiddlywiki/qkGGkAli1zw/2nQmzn5eENkJ]] that allows you to create a blank canvas to paint on to your heart's content:
<$macrocall $name=`
text="""<$button tooltip="Create new sketch">
<$action-sendmessage
$message="tm-new-tiddler"
title=""
text=""
tags="Image"
type= "image/jpg"
/>New sketch</$button>"""/>
''Note:'' I could not find out how to initialize the canvas with a different width and height yet.
As [[Jeremy Ruston]] explains [[here|https://groups.google.com/d/msg/tiddlywiki/rmQ1xEujn-Y/wbiUEZWbGioJ]]...
> You can force an image to appear in the [[tag manager dropdown|$:/TagManager]] by giving it the tag [[$:/tags/Image]]. That's how the core shadow images are made to appear, too.
''Note:'' For your image to behave like a core image, give the svg...
* the class `tc-image-button`
* possibly the same ''width'' and ''height'' attributes
* possibly the same ''viewBox'' settings, i.e. square proportions
* remove custom fill attributes
!! Example
<<source "$:/.tb/demo/svg-circle">>
> {{$:/.tb/demo/svg-circle}}
!! ~TagManager
{{$:/TagManager}}
As [[Daniel Baird points out|https://groups.google.com/d/msg/tiddlywiki/GvyNfn9pASc/qdK2h9A7DZcJ]], you can add some custom css to your TiddlyWiki to get advanced [[numbered lists|ordered-lists]] with numbers that look like sub-chapters.
A standard TiddlyWiki gives you:
<table class="no-border">
<tr>
<td>
```
# level 1
## level 2
### level 3
## level 2
### level 3
```
</td>
<td>
# level 1
## level 2
### level 3
## level 2
### level 3
</td>
</tr>
</table>
Here's how you get a fully numbered list using a custom class named `ol`:
<table class="no-border">
<tr>
<td>
```
@@.ol
# level 1
## level 2
### level 3
## level 2
### level 3
@@
```
</td>
<td>
@@.ol
# level 1
## level 2
### level 3
## level 2
### level 3
@@
</td>
</tr>
</table>
The class `ol` is defined in a [[custom stylesheet|Custom Stylesheets]] which you can simply drag to your wiki: <<source [[$:/.tb/styles/really-numbered]]>>
[[Solutions]] about aliasing tiddlers...
Sparked from [[this issue|https://github.com/Jermolene/TiddlyWiki5/issues/948#issuecomment-64797341]], here's a way to ensure your visitors find their way to the new tiddler using old links, in case you ever decide renaming them...
!! Installation
You can simply drag these two to your wiki and start right away:
* [[$:/config/Redirected]] — edit redirects here, see below
* [[$:/.tb/template/redirected]]
!! Step 1 — define redirects
To define redirects, create a [[DataTiddler|http://tiddlywiki.com/#DataTiddlers]] of type `application/json` and feed it with proper JSON formating like <<source $:/config/Redirected>>
Here the index to the left will be your old title and the index to the right contains either a link or full-blown wiki-text to inform the user of what's changed.
!! Step 2 — conditional template
As explained before, you can create [[a conditional view-template section|Conditional ViewTemplate Section]] which displays information when certain conditions are met.
Here's one that displays a redirect message at the top of a tiddler...
<<source [[$:/.tb/template/redirected]]>>
The template is displayed at the top of each indexed tiddler because...
# it is tagged [[$:/tags/ViewTemplate]]
# has the field `list-before` set to [[$:/core/ui/ViewTemplate/body]] which tells the renderer to place it before the tiddler body
!! Step 3 — styles
Using the `redirected` class as defined in the template above, you can either add styles directly to the template or use a [[custom stylesheet|Custom Stylesheets]].
The [[alink]] macro or its shorthand `a:` simplify pretty-linking tiddlers in a case-insensitive manner, rendering a link to a target tiddler. To use it, define a `|piped|list|` field called `alink` at the target, encapsulating each `alias` in lowercase letters only with pipes `|`, e.g. `|alias|aliases|`.
!! Parameters
The `alink` or `a:` macro takes one parameter, the alias you wish to lookup and link.
!!Example
<$macrocall $name=`
text="""; test
: <<alink alias>>
: <<a: aliases>>
; proof
: <code>{{alink!!alink}}</code>"""/>
!!Installation
Install [[$:/.tb/macros/alink]].
!! Source
<<source [[$:/.tb/macros/alink]]>>
!! Inspired by
; ''Aliases''
: http://tw5magick.tiddlyspot.com by [[Stephan Hradek]]
: https://groups.google.com/d/msg/tiddlywiki/eEaxLQtC7sU/4a6z0bCTQ_AJ
<<list-search
"[tag[Solutions]!sort[created]]"
search
"$:/temp/tb/solutions"
"$:/.tb/template/tagged-timeline"
"Filter solutions...">><style>
.solutions input {
display:none;
}
</style>
Build via node.js, TiddlyWiki.com provides a way to display all tiddlers in one flat file as linked via: [[$:/core/templates/static.content|http://tiddlywiki.com/#%24%3A%2Fcore%2Ftemplates%2Fstatic.content]] which is displayed when a visitor's browser doesn't support ~JavaScript.
The link: http://tiddlywiki.com/alltiddlers.html#HelloThere
<div class="static pretty" style="overflow-x:hidden;">
<iframe src="http://tiddlywiki.com/alltiddlers.html#HelloThere" style="height:600px;width:100%;border:none;overflow-x:hidden:overflow-y:auto;"/>
</div>
This tiddler is used to show some results elsewhere for demonstration purposes. It also has <<excerpt "an example excerpt">>.
\define getBooks() <$list filter="[tag[Resource]field:courses<course> +tag[Resource]field:level<level>]" />
''Update:'' A more versatile solution to the below approach is the [[xlist]] macro.
As [[proposed|https://groups.google.com/forum/#!topic/tiddlywiki/CwDOwfQju0E]] by [[Stephan Hradek]], the following example shows you how you can use nested lists to query for two different tag-like fields using AND logic, meaning where the field ''courses'' contains ''French'' out of a number of courses AND the field ''levels'' contains ''A1'' out of a number of levels:
<<`
'<$list filter="[[French]listed[courses]]" variable="course">
<$list filter="[[A1]listed[levels]field:title<course>]">
</$list>
</$list>'>>
The books being queried are listed at the bottom in detail.
Notice the use of the `course` variable within the filter expression of the inner list so as to reference the item, i.e. the course, iterated in the outer list.
You can easily wrap it all in ''$set'' widgets so as to dynamically fill the course and level via variables obtained through the ''$radio'', ''$select'' or even the ''$edit-text'' widget.
!!Alternative
An alternative approach [[suggesed by Evolena|https://groups.google.com/d/msg/tiddlywiki/CwDOwfQju0E/aUiCJvTHDYoJ]] would be to make a filter run using regular expressions on fields looking up the corresponding values stored at [[a student|Tobias Beer]]:
<<` '<$list filter="[regexp:courses{Tobias Beer!!course}regexp:levels{Tobias Beer!!level}]"/>'>>
!!All Books
<$list filter="[prefix[$:/books/]]">
<h2><$link><$view field="title"/></$link><br></h2><div>
{{!!text}}
</div>
</$list>
; on GitHub
: https://github.com/Drakor
<dt>
```
[img width={{!!mywidth}} class=<<image-classes>> [example.jpg]]
{{example.jpg}}
```
</dt>
<dd>
params via
[[transclusion|http://tiddlywiki.com/#Transclusion%20in%20WikiText]] or
[[macro|http://tiddlywiki.com/#Macros%20in%20WikiText]]<br><br>
embed via transclusion
</dd>
The following solution [[proposed by Andreas Hahn|https://groups.google.com/d/msg/tiddlywiki/DNNRxc94MJM/e2pzQVjNABAJ]] provides additional toc macros that allow you to render an autocollapsing table of content.
!!Installation
Drag to your wiki: [[$:/.tb/macros/toc-auto-collapse]]
!!Example
<$macrocall $name=` text=
"""<div class="tc-table-of-contents">
<<toc-selective-single-expandable 'Welcome'>>
</div>"""/>
To additionally sort entries by a custom field, use the second macro parameter:
```
<<toc-selective-single-expandable "TableOfContents" "sort[caption]">>
```
To create a basic javascript macro take a look at the example below, most importantly setting its `type` field to `application/javascript`.
`<<examplemacro "foo bar">>` renders as: <<examplemacro "foo bar">>
<<source $:/.tb/demo/example.js>>
Do you have a lot of data you wish to import as tiddlers into TiddlyWiki? Here are a few simple steps to create the required import file.
To first understand how to create a valid import file, take a look at the export feature...
#open ''Advanced Search'' {{$:/core/ui/Buttons/advanced-search}} / ''Filter''
#*enter a filter like `[tag[Markup]]`
#*this lists all tiddlers tagging to [[Markup]]
#click the export button to the right of the search / filter input
#export the listed tiddlers in a format you're able to construct yourself
#*e.g. json or csv
Now, have a look at that file in either some text editor or that spreadsheet application that allows you to create such a file via text-concatenation.
Now, in order to create an importable file...
# construct your import file using a format that suits your needs
#* add the desired entries
# save it
# drag it from your desktop onto your TiddlyWiki
# hit ''import''
Now you should have imported a bunch of tiddlers from your desktop into TiddlyWiki without creating them manually within TiddlyWiki itself.
As of version 5.1.9, when you navigate to a missing tiddler this message is shown:
> Missing tiddler "foo" - click {{$:/core/images/edit-button}} to create.
While this can be useful for editing a wiki, it is not so much for visiting a published wiki. To modify this message, you can edit the following tiddler, as is done here:
<<source [[$:/language/MissingTiddler/Hint]]>>
On tb5, [[another template|$:/.tb/ui/ViewTemplate/redirected-tb5]] already shows links for [[redirected tiddlers|Aliases And Redirecting Dead Links]], so in the above:
* the reveal widget only shows its content when no redirects are defined
** see [[Aliases And Redirecting Dead Links]]
* only then a note is displayed with a button that looks like a link which...
** closes the current tiddler
** navigates to the [[Welcome]] tiddler
> {{this missing tiddler||$:/.tb/ui/ViewTemplate/missing}}
Try it out at: [[this missing tiddler]]
<dt>
```
> block
>> quotes
>>> are </dd>easy
```
</dt>
<dd>
> block
>> quotes
>>> are <br>easy
</dd>
<dt>
```
<<<
real
easy
<<<
```
</dt>
<dd>
<<<
real
easy
<<<
</dd>
<dt>
```
''bold''
```
</dt>
<dd>''bold''</dd>
<dt>
```
''//bold italics//''
```
</dt>
<dd>''//bold italics//''</dd>
;discussion
:https://groups.google.com/d/msg/tiddlywiki/nh5vMpPeEvg/u-3okLjw2z0J
;alternatives
:http://my.vexflow.com
Inspired by [[mathmacros @ tiddlyspot|http://mathmacros.tiddlyspot.com]] from [[Danielo Rodríguez]], the ''calc'' macro allows you to do simple calculations based on tiddler fields.
```
<$button set="!!counter" setTo=<<calc !!counter +1>>>+</$button>
<$button set="!!counter" setTo=<<calc !!counter -1>>>-</$button>
{{!!counter}} - 1 = <<calc !!counter -1>> <hr> <<calc 2 -1>> = 1
```
<<<
<$button set="!!counter" setTo=<<calc !!counter +1>>>+</$button>
<$button set="!!counter" setTo=<<calc !!counter -1>>>-</$button>
{{!!counter}} - 1 = <<calc !!counter -1>> <hr> <<calc 2 -1>> = 1
<<<
Calculated values can be used as widget attributes so as to assign them to tiddler fields. In the above example, the counter field is incremented / decremented.
!! Parameters
|!#|!Parameter|!Description|!Default|
|1|''value'' |a numeric value as a basis for the calculation or a <<tw TextReference>> to a field from which to fetch the value<br>» returns `NaN` when undefined or ''~NaN''||
|2|''operation'' |the operator (and optionally the operand) of the mathematical operation, e.g. `*2`, or `-1`, when no operator is defined, defaults to `+`, so `1` is the same as `+1`; use ''by'' to explicitly state an operand||
|3|''until'' |defines a value until which to calculate<br>» an upper boundary for `+` and `*`<br>» a lower boundary for `-` and `/`<br>returns the boundary when surpassed||
|4|''beyond'' |instead of a calculated value returns `true` or `false` depending on whether or not we are beyond the boundaries defined in ''until''<br>» useful for <<tw RevealWidget>>||
|5|''decimals''|the maximum number of decimals to output|`2`|
|6|''tiddler''|the tiddler from which to retrieve the field value| ''currentTiddler''|
|7|''by''|a value serving as the operand if the ''operation'' does not define any||
!! Installation
Drag to your wiki, save, reload: [[$:/.tb/macros/calc]] (version: <<date-version "$:/.tb/macros/calc">>)
!! Examples
Here's a rudimentary example to reorder lists using the ''calc'' macro...
{{$:/.tb/demo/reorder}}
''Rendered via:''
<<source $:/.tb/demo/reorder>>
!!! More Examples
`{{!!order}}`
> {{!!order}}
`<<calc !!order>>`
><<calc !!order>>
`{{!!foo}} = <<calc !!foo>>`
>{{!!foo}} = <<calc !!foo>>
`<<calc !!order 1>>`
><<calc !!order 1>>
`<<calc !!order +1>>`
><<calc !!order +1>>
`<<calc calc!!order +1>>`
><<calc calc!!order +1>>
`<<calc !!order -2>>`
><<calc !!order -2>>
`<<calc !!order *2>>`
><<calc !!order *2>>
`<<calc !!order /2>>`
><<calc !!order /2>>
`<<calc !!order /7>>`
><<calc !!order /7>>
`<<calc !!order /7 decimals:5>>`
><<calc !!order /7 decimals:5>>
`<<calc !!order /0>>`
> <<calc !!order /0>>
`<<calc 0 /0>>`
> <<calc 0 /0>>
`<<calc !!order until:"0.5" beyond:true>>`
> <<calc !!order until:"0.5" beyond:true>>
`<<calc !!order until:1 beyond:true>>`
> <<calc !!order until:1 beyond:true>>
`<<calc !!order *2 1>>`
><<calc !!order *2 1>>
`<<calc !!order *2 1 true>>`
><<calc !!order *2 1 true>>
`<<calc !!order *2 4>>`
><<calc !!order *2 4>>
`<<calc !!order *2 4 true>>`
><<calc !!order *2 4 true>>
`<<calc !!order -2 0>>`
><<calc !!order -2 0>>
`<<calc !!order -2 0 true>>`
><<calc !!order -2 0 true>>
`<<calc !!order -1 0>>`
><<calc !!order -1 0>>
`<<calc !!order -1 0 true>>`
><<calc !!order -1 0 true>>
`<<calc !!order / by:10>>`
><<calc !!order / by:10>>
`<<calc !!order * by:!!order>>`
><<calc !!order * by:!!order>>
!! Release Notes
; 2015-10-27
: added ''by''
!! Alternatives
; $action-increment
: increments a value by another for use in things like the button widget
: http://inmysocks.tiddlyspot.com/#ActionIncrementWidget
!! See also
; Birthe's test to revive the classic layout
: http://bc.classic.tiddlyspot.com
As [[Rich Shumaker]] points out [[here|https://groups.google.com/d/msg/tiddlywikidev/ECnV8SzB6qE/gsrAmUm1SWwJ]], you can use a single [[store.php]] instance on your server to write to a number of file locations.
For example, you could have your own ''empty.html'' with customizations and plugins and then simply change the name of your wiki under [[ControlPanel|$:/ControlPanel]] / ''Saving'' and set ''Upload Filename'' accordingly. Then load that cloned wiki and continue to work there, saving changes to the new location.
<dt><pre>`code`</pre></dt>
<dd>`code` ...via backticks</dd>
<dt><pre>``with `backticks` ``</pre></dt>
<dd>``with `backticks` ``</dd>
If you're new to TiddlyWiki, if not anything that looks like code, [[this discussion with Mat|https://groups.google.com/d/msg/tiddlywiki/l1Tu5uxSHSk/k8N9rvAm2OEJ]] may give you some pointers on how to approach all things programatic.
!! That Conclusion
<<<
What matters is that you find a goal and then take on that challenge and adventure of figuring out how to make it work.
It will be a slow process, it will require lots of learning, you will make abundant mistakes — coding always comes with nasty bugs and stumbling blocks — you will discard mountains of superfluous and redundant, if not false stuff, go ahead a step and back two.
I sure encourage anyone to join the dancers... but the most important thing is to swing those limbs, not to read "swinging for dummies" ...unless that actually helps you do just that. ^////^
<<<
!! Getting Started
; Basics
: http://www.w3schools.com/html
: http://www.w3schools.com/css
: http://www.w3schools.com/js
; node.js
: http://nodeschool.io
; TiddlyWiki
: [[tiddlywiki.com|http://tiddlywiki.com]]
: [[tiddlywiki.com/dev|http://tiddlywiki.com/dev]]
: [[github.com/TiddlyWiki5|http://github.com/Jermolene/TiddlyWiki5]]
: [[Basic Javascript Macro]]
; JavaScript
: [[What makes JavaScript weird ...and awesome|https://www.youtube.com/watch?v=JEq7Ehw-qk8&list=PLoYCgNOIyGACnrXwo5HMCfOH9VT05znGv&index=13]]
:: first class functions, event driven, closures, scope (''variables'', "use strict"), context (''this'', ''self'', call, apply, bind)
<dt>
```
@@.tc-tiddler-frame
@@width:200px;height:50px;
or combine both
@@
```
</dt>
<dd>
@@.tc-tiddler-frame
@@width:200px;height:50px;
or combine both
@@
</dd>
For code comments in macros use general purpose html comments but pay attention that any white space or line-breaks before or after them do matter...
```
<!-- param is ... -->
\define foo(param:default)
<!-- we're outputting the title of this tiddler
-->{{!!title}}
\end
```
<dl>
<<list-search
"[tag[Community]]+[sort[title]]"
"search:summary"
"$:/temp/tb/list-refernces"
"$:/.tb/templates/list-link-summary">>
</dl>
; GitHub
: https://github.com/erwanm/tw-aggregator
; discussion
: https://groups.google.com/d/msg/tiddlywiki/tJjhzDDvk4k/4QuoXDoNqw8J
Right above this text you should see the following example summary...
* `this is an example summary`
...rendered via <<source [[$:/.tb/ui/ViewTemplate/summary-link]]>>
more at: [[Conditional ViewTemplate Section]]
As [[discussed here|https://groups.google.com/d/msg/tiddlywiki/Z9xgAOUD0v4/omc3RXeLAwAJ]], you can make table rows display conditionally using the [[reveal widget|http://tiddlywiki.com/static/RevealWidget.html]] like so...
<<` '<$reveal type="match" state="$:/state/example-rows" text="">
<$button set="$:/state/example-rows" setTo="show">Expand Rows</$button>
</$reveal>
<$reveal type="nomatch" state="$:/state/example-rows" text="">
<$button set="$:/state/example-rows" setTo="">Collapse Rows</$button>
</$reveal>
<table>
<tr><th>foo</th><th>bar</th></tr>
<$reveal type="nomatch" state="$:/state/example-rows" text="" tag="tr">
<td>baz</td><td>mumble</td>
</$reveal>
<$reveal type="nomatch" state="$:/state/example-rows" text="" tag="tr">
<td>frotz</td><td>gronk</td>
</$reveal>
</table>'>>
An alternative way to using a reveal widget for every row would be to assign a css class to a wrapper and then use some css to hide all rows at once...
<<` '<style>
.hide-rows tr td{display:none}
</style>
<$reveal type="match" state="$:/state/example-rows" text="hide-rows">
<$button set="$:/state/example-rows" setTo="show-rows">Expand Rows</$button>
</$reveal>
<$reveal type="nomatch" state="$:/state/example-rows" text="hide-rows">
<$button set="$:/state/example-rows" setTo="hide-rows">Collapse Rows</$button>
</$reveal>
<table class={{$:/state/example-rows}}>
<tr><th>foo</th><th>bar</th></tr>
<tr><td>baz</td><td>mumble</td></tr>
<tr><td>frotz</td><td>gronk</td></tr>
</table>'>>
As posted by ''Spangenheim'' in [[this post|https://groups.google.com/d/msg/tiddlywiki/uNeLW76wmWM/3Jbthw2ZAwAJ]] you can use the [[$set widget|http://tiddlywiki.com/static/SetWidget.html]] to conditionally assign content to a variable by evaluating a filter and then using the ''emptyValue'' parameter as a fallback when the filter returns an empty string.
!! Example
Try changing the content of the field ''magic'' below.
<$macrocall $name="`" text="""<$set name="OpenSesame"
filter="[all[current]field:magic[abracadabra]]"
value="Look, Sir, the Sesame is open."
emptyValue="Nope, Sir, no entry for you.">
<$text text=<<OpenSesame>>/>
</$set>
; magic
: {{!!magic}}
; <$edit-text field="magic"/>"""/>
''Note:'' At the moment, there is a [[limitation|https://github.com/Jermolene/TiddlyWiki5/issues/1937]] in TiddlyWiki whereby the set widget won't reflect updates should the result of the underlying filter condition change.
I [[asked|https://groups.google.com/d/msg/tiddlywiki/YEgHhQ0ZcFo/bi3JWu2dUq0J]] [[Jeremy|Jeremy Ruston]] how to conditionally generate a summary section (or other related information) at the top of all tiddlers tagged `X`, so that one doesn't have to click twice, skim the fields until one finds there to be a summary field.
!!Step 1
Create a [[tiddler|$:/.tb/ui/ViewTemplate/summary-link]] tagged [[$:/tags/ViewTemplate]] containing:
```
<$list filter="[all[current]tag[X]]">
<$transclude field="summary" mode="block"/>
</$list>
```
!!Step 2
Create a `list-after` field with the value "[[$:/core/ui/ViewTemplate/tags]]" to make the summary segment appear immediately after the tags.
!Example
The [[$:/.tb/ui/ViewTemplate/summary-link]] serves as a template for a conditional ~ViewTemplate section that displays the value of the ''summary'' field for all tiddlers having a `summary` field defined, see [[Conditional Summary]] and / or a link referenced in a ''url'' field for any tiddlers having this field defined, see [[Tobias Beer]].
!Tagging List
For all tiddlers tagged ''Project'', lists tiddlers tagging to them.
```
<$list filter="[all[current]tag[Project]]">
<$list filter="[all[current]tagging[]]"/>
</$list>
```
<form method="POST" action="http://formspree.io/beertobias+tb5@gmail.com"
class="contact" target="contact-response" id="contact">
<input type="email" name="_replyto" placeholder="Your email address..."/>
<textarea name="body" placeholder="Your message..."/>
<input type="text" name="_gotcha" class="gotcha">
<input type="hidden" name="_subject" value="tb5 contact" />
<input type="text" name="answer" placeholder="To submit, answer me this: Are you a robot?" />
<button type="submit">Send email</button>
</form><<validate contact>>
<div class="contact-response">
<iframe name="contact-response" id="contact-response"/>
</div>
<iframe width="560" height="315" src="http://www.youtube.com/embed/L4zTkMYcri8" frameborder="0" allowfullscreen></iframe>
;[[WikiText|http://tiddlywiki.com/#WikiText]]
:[[TW5 markup|Markup]], syntax, hypertext, formatting
;[[Widgets|http://tiddlywiki.com/#Widgets]]
:the basic functional elements on which tw5 runs
:see [[Widget Browser]]
;[[Filters|http://tiddlywiki.com/#Filters]]
:gather tiddlers matching expressions in widgets, e.g. ''list'' or ''count''
:see [[Filter Reference]]
;[[Macros|http://tiddlywiki.com/#Macros]]
:functional snippets using text, core macros, templates invoked via `<<shortcuts>>`
!!More
;[[Commands|http://tiddlywiki.com/#Commands]]
:serverside commands for node.js
;[[Content Types|http://tiddlywiki.com/#ContentType]]
:indicate the type used to interpret the content of a web resource
:the //type// field indicates the content type for the tiddler body
;[[Field Types|http://tiddlywiki.com/#%24%3A%2Fsnippets%2Fallfields]]
:core [[fields|http://tiddlywiki.com/#TiddlerFields]] and their use
;[[Messages|http://tiddlywiki.com/#Messages]]
:messages generated by widgets in response to user actions communicating with core
;[[Module Types|http://tiddlywiki.com/#%24%3A%2Fsnippets%2Fmodules]]
:the different code modules by [[module type|Module Types]]
;[[Pragma|http://tiddlywiki.com/#Using%20Stylesheets]]
:defined at the start of a tiddler, pragmas apply to the entire body, see [[Pragmas]]
;[[TextReferences|http://tiddlywiki.com/#TextReference]]
:tiddler properties that can be retrieved or modified depending on the context
Although not packaged into a default TiddlyWiki, the following plugins are [[contained in the core distribution repository|http://tiddlywiki.com/#Plugins]]...
<$list filter="[tag[Plugins]]+[tag[Core]]">
<$link><$view field="title"/></$link><br>
@@color:#999;margin-left:20px; {{!!summary}}@@<br>
</$list>
Here's the documentation on plugins from tw.com...
<<static Plugins.html 800px yes>>
Did you know that you don't need to create a custom [[stylesheet tiddler|Custom Stylesheets]] if you just want to style something rather complex but only for the current tiddler? It's as simple as using a html `<style>` tag and defining your css.
> ''Important:'' An empty line follow the opening `<style>` tag will break it!
Here it's used to render all svg icon images that ship with the core tagged {{$:/tags/Image||$:/core/ui/TagTemplate}}
<<`
'<style>.my-gallery svg {width:3em; height:3em; margin:7px;}</style>
<div class="thumbs">
<$list filter="[all[tiddlers+shadows]tag[$:/tags/Image]prefix[$:/core]]">
<$link><$transclude/></$link>
</$list>
</div>'>>
Inspired by a [[post from Jimmy Armand|https://groups.google.com/d/msg/tiddlywiki/DvjoVESea2s/DG2-8LDuq4gJ]], here's a solution for creating a tiddler by selecting a template using the <<tw SelectWidget>>. The below example...
# constructs a select box with all tiddlers under `$:/.tb/demo/Template/`
#* e.g. [[$:/.tb/demo/Template/new-recipe]]
# finds a corresponding caption in a field at [[$:/.tb/demo/Templates]]
#* e.g. `{{$:/.tb/demo/Templates!!new-recipe}}` => ''{{$:/.tb/demo/Templates!!new-recipe}}''
#* because we don't want that caption at our new tiddler
# creates a button with the right caption, creating a tiddler with the chosen template
#* using a ''template'' variable set by a <<tw SetWidget>> evaluated using a filter
#* retrieving the right caption using the <<tw ListWidget>>
!! Example
<$macrocall $name="via"
text="""<$select field="selected-template" default="Recipe">
<$list filter="[removeprefix[$:/.tb/demo/Template/]]">
<$list filter="[[$:/.tb/demo/Templates]get<currentTiddler>]" variable="caption">
<option value={{!!title}}><<caption>></option>
</$list>
</$list>
</$select>
<$set name="template" filter="[{!!selected-template}]+[addprefix[$:/.tb/demo/Template/]]">
<$button message="tm-new-tiddler" param=<<template>>>
Create
<$list filter="[[$:/.tb/demo/Templates]get{!!selected-template}]">{{!!title}}</$list>
</$button></$set>"""/>
As [[Jed Carty]] explains [[here|https://groups.google.com/d/msg/tiddlywiki/9AryXdxVppU/pUyTacmvwE0J]], you can define your own buttons that allow you to quickly create tiddlers using template tiddlers.
The tiddler defining the ''New Tiddler'' {{$:/core/ui/Buttons/new-tiddler}} button is [[$:/core/ui/Buttons/new-tiddler]].
For a custom button using your custom template, simply...
# Create Your Template<div>
; chose a name
: e.g. [[$:/.tb/demo/Template/new-recipe]] — Click to see!
; contents
: enter text, sections, as well as fields and tags for your new typed tiddlers
</div>
# create button<div>
; clone
: [[$:/core/ui/Buttons/new-tiddler]]
; chose a name
: e.g. [[$:/.tb/demo/Buttons/new-recipe]]
; set template
: add `param=$:/.tb/demo/Template/new-recipe` to the button widget
; toolbar
: keeping the tag [[$:/tags/PageControls]], your button will be listed at:
:: ''Sidebar'' / (''More'' /) ''Tools'' — even in the page toolbar, if enabled
</div>
!! A Recipe Button
<<`
'<$set name="tv-config-toolbar-icons" value="yes">
<$set name="tv-config-toolbar-text" value="yes">
<$set name="tv-config-toolbar-class" value="">
{{$:/.tb/demo/Buttons/new-recipe}}
</$set>
</$set>
</$set>'>>
<<source [[$:/.tb/demo/Buttons/new-recipe]]>>
In an [[answer to Joerg|https://groups.google.com/d/msg/tiddlywiki/zbiwXL5orIk/RNqgTXQfJroJ]], I pointed out a rather easy way to construct a document from a number of tiddlers using a [[simple enumeration|http://filters.tiddlyspot.com/#simple%20enumeration]] in a filter.
```
<$list filter="
[[Chapter 1]]
[[Chapter 2]]
[[Chapter 3]]
">
!<$link><$view field="title"/></$link>
{{!!text}}
</$list>
```
This process can be further simplified and reused using a macro...
! Macro
{{makedoc}}
With version 5.1.5 TiddlyWiki is now [[capable of rendering a vertically tabbed toc|http://tiddlywiki.com/#TableOfContentsMacro%20Tabbed%20Example]] which should come in very handy for documentation projects, control panels, etc...
Here's an example markup:
```
<<toc-tabbed-internal-nav
tag:Welcome
selectedTiddler:"$:/temp/tb5-tabbed-toc-example"
unselectedText:"Select a topic in the table of contents to the left.<br>Click the arrows to expand topics."
template:"$:/.tb/templates/tabbed-toc-example">>
```
This renders a tabbed table of contents with the tiddlers tagging to [[Welcome]] being the main topics.
The state of this example toc, i.e. the currently selected tab, is stored in the field ''state'' of a system tiddler called `$:/temp/tb5-tabbed-toc-example`.
''Note:'' As of 5.1.5 the ability to define a custom template for the actual contents is missing yet. This is now fixed in [[5.1.6 prerelease|http://tiddlywiki.com/prerelease/#%24%3A%2Fcore%2Fmacros%2Ftoc]] ([[1|https://github.com/Jermolene/TiddlyWiki5/commit/b220c19fb7b789eb6d00c9d1a71414676d87130e]], [[2|https://github.com/Jermolene/TiddlyWiki5/commit/1e7d9bd3cd17be006b035ada8e45f83f154e61e9]]), which is why you can see it in use here since I already imported the updated macro. If you should import that into your wiki, as well, make sure to remove it again after upgrading to 5.1.6.
Here's the above toc generated:
<<toc-tabbed-internal-nav
tag:Welcome
selectedTiddler: "$:/temp/tb5-tabbed-toc-exampleX"
unselectedText: "Select a topic in the table of contents to the left.<br>Click the arrows to expand topics. "
template:"$:/.tb/templates/tabbed-toc-example">>
''Note:'' With <<git5 issues/1350>> — ''disallow javascript: urls'' — the bookmarking functionality will likely be affected or even become entirely disabled in the future.
If you know nothing about JavaScript or how TiddlyWiki works internally? Then this is not for you, although the end-result just might be!
Once you get to know your ways through the TiddlyWiki [[Core]] you can write big or small code snippets that are quite helpful but which you don't really feel like carrying around in your wiki. What better place to put them than your browsers bookmarks, you ask?
!! A ~JavaScript Bookmark
So, here's how you turn that javascript snippet of yours into a bookmarket:
# wrap your code in a function call that is immediately executed
#* `(function(){ ... })()`
# [[minify|http://jscompress.com]]
# [[encodeURIComponent()|http://pressbin.com/tools/urlencode_urldecode]]
# create the bookmark link
#* `<a href="javascript:void({minified-and-uriencoded-code})" title="Bookmark Me!">awesome foo</a>`
# enjoy!
!!Example
With much appreciated [[help from Stephan Hradek|https://groups.google.com/d/msg/tiddlywiki/hr75FTeEL_g/Yuk_6gxpY_wJ]] for the above instructions and for helping me turn my code into a bookmark, here's one to output: <a href="javascript:void((function()%7Bvar%20e%3D%22%5B!is%5Bshadow%5D!is%5Bsystem%5D%5D%22%2Ct%3Dprompt(%22Please%20define%20a%20filter...%22%2Ce)%3Be%3Dt%7C%7Ce%3Bvar%20n%3D%5B%5D%3B%24tw.utils.each(%24tw.wiki.filterTiddlers(e)%2Cfunction(e)%7Bvar%20t%3D0%2Cr%3D%24tw.wiki.getTiddler(e)%3Bn.push(%7Btitle%3Ae%2Csize%3A%24tw.wiki.getTiddlerAsJson(e).length.toString()%2Cfields%3AObject.keys(r.fields).length%2Ctype%3Ar.fields%5B%22type%22%5D%7C%7C%22%22%7D)%7D)%3Bn.sort(function(e%2Ct)%7Breturn%20t.size-e.size%7D)%3Bvar%20r%3D%22%22%3B%24tw.utils.each(n%2Cfunction(e)%7Br%2B%3De.size%2B%22%20%5B%5B%22%2Be.title%2B%22%5D%5D%2C%20%22%2Be.fields%2B%22%20fields%22%2B(e.type%3F%22%2C%20%22%2Be.type%3A%22%22)%2B%22%5Cn%22%7D)%3Bvar%20i%3D%22%24%3A%2FStoryList%22%2Cs%3D%22%24%3A%2Ftemp%2Ftiddler-sizes%22%2Co%3D%24tw.wiki.getTiddlerList(i)%3B%24tw.wiki.addTiddler(new%20%24tw.Tiddler(%7Btitle%3As%2Ctext%3A'%22%22%22%5Cn'%2Br%2B'%22%22%22'%7D))%3Bif(o.indexOf(s)%3D%3D%3D-1)%7Bo.unshift(s)%7D%24tw.wiki.addTiddler(new%20%24tw.Tiddler(%7Btitle%3Ai%7D%2C%24tw.wiki.getTiddler(i)%2C%7Blist%3Ao%7D))%3Bconsole.log(r)%7D)())%3B" title="Bookmark me!">tiddler sizes</a>
!!Ready to try?
Then go look at [[this snippet|http://tbdemo.tiddlyspot.com/#Console%20Log%20Of%20Tiddler%20Sizes]], see if you can basically understand what it does and follow the steps to create the above bookmarklet from it.
!! More
Also have a look at [[TW5 Bookmarklets]] by [[Ton Gerner]].
<dt>
```
@@.myStyleClass.red
;term
:definition
@@
```
</dt>
<dd>
@@.myStyleClass.red
;term
:definition
@@
</dd>
<dt>
```
!.h1-class.red CSS
#.li-class.red classes
*.li-class.red can be
;.dt-class.red assigned
:.dd-class.red like
>.blockquote-class.red this
```
</dt>
<dd>
!.h1-class.red CSS
#.li-class.red classes
*.li-class.red can be
;.dt-class.red assigned
:.dd-class.red like
>.blockquote-class.red this
</dd>
As [[Jeremy|Jeremy Ruston]] explains [[here|https://groups.google.com/d/msg/tiddlywiki/wvVaFVd8mLU/8u6Mmz-TAgAJ]], you can hack support for a custom brush into [[Highlight Plugin]].
For this, you need to modify one of its shadow tiddlers, which can cause problems with future upgrades. If that happens, remove your overwitten shadow tiddler and re-apply the following technique:
# locate the desired brush in `src/languages` of the ''highlight.js'' GitHub repo
#* https://github.com/isagalaev/highlight.js/archive/8.8.0.zip
# copy the text of the language you want
# open the tiddler [[$:/plugins/tiddlywiki/highlight/highlightblock.js]]
# paste the following after the line `hljs.configure(...)`:
```
hljs.registerLanguage("<name_of_language>",<text_of_language_file>);
```
Save the tiddler and restart.
As described [[here|http://tiddlywiki.com/#LinkWidget]] it is possible to override the tooltip displayed for internal links by overriding the `<<tv-wikilink-tooltip>>` macro...
<<source $:/macros/default-tooltip>>
Starting from either [[$:/core/ui/Buttons/new-journal]] or [[$:/core/ui/Buttons/new-journal-here]], you can work your way to a custom ''new-journal'' button.
`{{$:/.tb/ui/Buttons/custom-journal}}`
> {{$:/.tb/ui/Buttons/custom-journal}}
Notice how in this example button a helper macro concatenates the tags from different sources. Any new journal entry created with the above button will have the tags from the button template as well as a ''Journal'' tag, e.g.
`<<list-links "[[$:/.tb/ui/Buttons/custom-journal]tags[]]">>`
> <<list-links "[[$:/.tb/ui/Buttons/custom-journal]tags[]]">>
<<source "$:/.tb/ui/Buttons/custom-journal">>
Based on the instructions given at [[Customizing Search Results|http://tiddlywiki.com/#Customising%20search%20results]], you can add a custom search tab by...
# creating your results tiddler
#* e.g. see [[$:/.tb/ui/SearchResults/exact]] below
# tagging it [[$:/tags/SearchResults]]
# giving it a ''caption'' used for the tab
# to make it default, set [[$:/config/SearchResults/Default]] to its name
# to place it first, set...
#* ''list-before'': `$:/core/ui/DefaultSearchResultList`
The example below creates an ''Exact'' tab listing all tiddlers matching the exact term, including any spaces, albeit ignoring the case. To remove case insensitivity, modify [[$:/.tb/ui/SearchResults/exact/regexp]].
!! Installation
Drag both of these into your wiki...
* [[$:/.tb/ui/SearchResults/exact]]
* [[$:/.tb/ui/SearchResults/exact/regexp]]
!! Demo
Try searching `this example`...
!! Source
<<source [[$:/.tb/ui/SearchResults/exact]]>>
From http://tiddlywiki.com/#Using%20Stylesheets...
<<static Using%2520Stylesheets.html 600px scrolling:yes>>
!!Configurable Toolbar Buttons
;discussion
:https://groups.google.com/forum/#!topic/tiddlywiki/OsjRSEViBf4
;instructions and examples
:http://tw5topleft.tiddlyspot.com
:http://tw5toolbar.tiddlyspot.com
:http://t5a.tiddlyspot.com/#%24%3A%2FControlPanel
;logic to selectively hide and show buttons
:[[$:/core/ui/ControlPanel/Toolbars/PageControls]]
:[[$:/core/ui/PageTemplate/sidebar]]
:as of 5.1.5: [[$:/core/ui/PageTemplate/pagecontrols]]
:[[$:/core/ui/ControlPanel/Toolbars/ViewToolbar]]
:[[$:/core/ui/ViewTemplate/title]]
:[[$:/core/ui/ControlPanel/Toolbars/EditToolbar]]
:[[$:/core/ui/EditTemplate/controls]]
;making use of the topleftbar
:[[$:/core/ui/PageTemplate/topleftbar]]
:[[$:/tags/TopLeftBar]]
;ordering commands
:via ''list-after'' and ''list-before''
;css adjustments
:.no-before <div>
```
/* PADDING AROUND BUTTONS IN TOPBAR */
html .tc-topbar button {
padding: 0px 0px;
}
```
</div>
Tag tiddler as [[$:/tags/TopLeftBar]], e.g. [[$:/.tb/ui/TopLeftBar]].
Also see [[TopBar With Icon Links]].
As Jeremy explains [[here|https://groups.google.com/d/msg/tiddlywiki/aPjljLW1yHE/TrnVY3N1BAAJ]], the last tiddler you navigated to is stored in the ''current-tiddler'' field of the tiddler holding the history, i.e. [[$:/HistoryList]].
This allows us to show the last opened tiddler in the browser's window or tab title by modifying <<source $:/core/wiki/title>>
> {{$:/core/wiki/title}}
The original shadow content being:
<pre><$view tiddler="$:/core" subtiddler="$:/core/wiki/title"/></pre>
> <$transclude tiddler="$:/core" subtiddler="$:/core/wiki/title"/>
Using the <<tw ViewWidget>> (and here the <<tw TiddlerWidget>> too), you can also show the caption, if defined, the title being the fallback:
<<` """{{$:/SiteTitle}} — <$tiddler tiddler={{$:/HistoryList!!current-tiddler}}><$view field="caption">{{!!title}}</$view></$tiddler>""">>
Verification:
<<` """{{!!caption}}""">>
@@float:right;text-align:right;color:#ccc; running version:<br><<version>>@@
!!Custom Macros
<$list filter="[all[]prefix[$:/macro]] [all[]prefix[$:/.tb/macro]] +[sort[title]]">
<$link><$view field="title"/></$link><br>
@@color:#999;margin-left:20px; {{!!summary}}@@<br>
</$list>
!!Custom UI
<<list-links filter:"[all[]sort[title]prefix[$:/ui]]">>
!!Custom Templates
<<list-links filter:"[all[]prefix[$:/template]] [tag[$:/template]] +[sort[title]]">>
!!Custom Styles
<<list-links filter:"[tag[$:/tags/Stylesheet]sort[title]]">>
!!Custom Configuration
<<list-links filter:"[all[]sort[title]prefix[$:/config]]">>
!!Overwritten Shadows
<<list-links filter:"[is[shadow]]">>
!!My Core Hacks
<dl>
<$list filter="[prefix[$:/hack]sort[title]]">
<dt><$link><$view field="title"/></$link></dt>
<dd>@@color:#999;{{!!summary}}@@</dd>
</$list>
</dl>
!!Cleanup
<$list filter="[tag[Cleanup]]">
</$list>
The [[cycletags|$:/.tb/modules/macros/cycletags.js]] macro provides functionality similar to [[its counterpart for TW2|http://lastfm.tiddlyspot.com/#cycleTagsInfo]], allowing you to cycle through a set of tags for the current tiddler, removing any tag of the cycle currently applied while adding the next one in the cycle.
!! Examples
<$macrocall $name="`" text="""<<cycletags "foo bar baz">>"""/>
<$macrocall $name="`" text="""<<cycletags "1 2 3" prio reset:"yes">>"""/>
<$macrocall $name="`" text="""<$list filter="1 2 3" variable="prio">
<$list filter="[is[current]tag<prio>]">
<$link to=<<prio>>><$view tiddler=<<prio>> field="title"/></$link>
</$list>
</$list>
<<cycletags "1 2 3" prio label:">" class="tc-btn-invisible next-prio">>
<style>.next-prio {color:grey}</style>"""/>
<$macrocall $name="`" text="""<<cycletags "foo bar baz" reset:"yes" class:"tc-btn-invisible my-cycle-styles">>
<style>.my-cycle-styles {background:pink;padding:2px 5px;border-radius:3px;margin-right:3px;}</style>"""/>
To apply it to a different tiddler, wrap it using the <<tw TiddlerWidget>>...
<$macrocall $name="`" text="""<$tiddler tiddler="Welcome">
<$link><$view field="title"/>:</$link>
<<cycletags "foo bar baz">>
</$tiddler>"""/>
!! Parameters
|!#|!Parameter|!Description|!Default|
|1|''tags''|a list of tags to be cycled||
|2|''group''|a title for the cycle group used in tooltips||
|3|''label''|a label for the tag button|`<nextTag>`|
|4|''tooltip''|a tooltip for the tag button|see beliw|
|5|''class'' |a class assigned to both the cycle button and reset button, these classes always being applied:<br>`btn-cycle-tags` — cycle button<br>`btn-cycle-tags-reset` — reset button||
|6|''reset'' |`after` — shows a reset button after the cycle button<br>`before` (or any other string) — shows a reset button before the cycle button||
|7|''resetLabel'' |the label used for the reset button|`-`|
|8|''resetTooltip''|a tooltip for the reset button|see below|
; default button tooltip
: `click to add [<group>-]tag <nextTag>[ while removing tag <currentTag>]`
; default reset button tooltip
: `click to remove current [<group>-]tag <currentTag>`
!! Installation
Drag these two to your wiki, save, reload:
; locale
: for simple localization, modify this <<tw DictionaryTiddlers "dictionary tiddler">>...
: <<source "$:/.tb/modules/macros/cycletags/lingo">>
; macro
: <<source "$:/.tb/modules/macros/cycletags.js" yes js>>
<dt>
```
foo -- bar
foo --- bar
```
</dt>
<dd>foo -- bar (En dash)<br>foo --- bar (Em dash)<br></dd>
<<tagging>>
!! Also See
;~TiddlyQuickly
:http://giffmex.org/TiddlyQuickly.html
:learn TiddlyWiki fast — includes filter examples
;Spanish Bible Musings
:http://www.giffmex.org/recursosgiffmex.htm
:una creciente base de datos acerca de la fe cristiana
[[Definition lists|http://www.w3schools.com/tags/tag_dl.asp]] prove handy in [[many usecases|http://maxdesign.com.au/articles/definition]] for semantically correct markup.
For example...
<style>
.info:before{
content:"i";
font-size:2em;
float:left;
margin:10px 10px 0 5px;
padding:7px 14px;
background: #ffa;
border-radius: 30px;
}
.info {
padding:3px 7px 7px 7px;
border-radius: 15px;
background:#f9f9f9;
}
.info dd:before {
content:""
}
</style>
<<` """@@.info
; an info box
: quick and dirty, some text worthy of consideration
@@""">>
Note that, as with [[tables|Tables]], to use definition lists with the <<tw ListWidget>> you need to use actual html elements, e.g. ''dl'' (the list), ''dt'' (a term) and ''dd'' (its definition):
<<` """<dl>
<$list filter="[has[def]]">
<dt><$link><$view field="title"/></$link></dt>
<dd>{{!!def}}</dd>
</$list>
</dl>""">>
The list of my [[Latest]] [[Solutions]] also uses definition lists via the template $:/.tb/templates/tagged-recent to show tiddlers with summaries and tags.
<dt>
```
;definition
:term
```
</dt>
<dd>
;definition
:term
</dd>
A browser console script to remove all tiddlers that match a given subfilter, e.g. have a given tag:
```
var filter = "tag[FOO]";
filter = "[all[tiddlers]!prefix[$]" + subfilter + "]";
var tids = $tw.wiki.filterTiddlers(filter, null);
if(confirm('Delete all ' + tids.length + '?\n\n' + tids)){
for(var t=0; t<tids.length; t++) {
$tw.wiki.deleteTiddler(tids[t]);
}
}
```
To make the delete button also available in view-mode, simply open
[[$:/core/ui/Buttons/delete]] and add [[$:/tags/ViewToolbar]], see <<tw SystemTags>>.
To place it under the more dropdown, go to...
: ''[[ControlPanel|$:/ControlPanel]] / Appearance / Toolbars / View Toolbar''
...and uncheck the delete button.
{{ShadowTiddlers}}
This tiddler only exists to show how [[Deleting Another Tiddler]] works.
You can transclude the standard delete button to delete any tiddler like so...
<<`
'<$list filter="[[Delete Me]is[tiddler]]">
Click the trash icon to delete <$link> <$view tiddler="Delete Me" field=title/></$link>:
{{Delete Me||$:/core/ui/Buttons/delete}}
</$list>'>>
!!Source
Here is the source of the standard delete button...
<<source "$:/core/ui/Buttons/delete">>
A solution inspired [[by posts|https://groups.google.com/d/msg/tiddlywiki/U9GYlwVXp6M/hAtthrlikgUJ]] from [[Stephan Hradek]] and [[Metabele]] to delete tiddlers using a filtered list...
{{$:/.tb/templates/delete-filter}}
;all tiddlers
:`[is[tiddler]!is[system]]`
;tagged "Macros"
:`[tag[Macros]]`
;tagged "Macros" containing "sidebar"
:`[tag[Macros]search[sidebar]]`
The source code to drag and drop to your wiki <<source $:/.tb/templates/delete-filter>>
;[[Jeremy|https://groups.google.com/d/msg/tiddlywikidev/8sDwiZUHzzw/jWEvI43jfjcJ]]
: much more difficult is figuring out the correct place to do a modification
: you should not modify the tiddler store during...
:* filter processing
:* refresh processing
: the tiddler store should only be modified in DOM event handlers
:* albeit the chain is often quite indirect
!!Topics
<<taggly state:"$:/temp/tb/taggly-developer">>
!!Sources
;in-browser development
:[[How to create plugins in the browser|http://tiddlywiki.com/dev/#How%20to%20create%20plugins%20in%20the%20browser]]
;tw5square
:[[TiddlyWiki on node.js|http://larigot.avarts.ionio.gr/users/iani/wikis/tw5square.html]]
!!Patterns
;[[CommonJS|http://wiki.commonjs.org/wiki/CommonJS]]
:ecosystem for web servers, desktop, command line and in-browser apps
;[[UMD|https://github.com/umdjs/umd]]
:Universal Module Definition
;[[AMD|https://github.com/amdjs/amdjs-api/wiki/AMD]]
:Asynchronous Module Definition
To entirely disable animations, open the ''Info'' tab in your {{$:/core/ui/Buttons/control-panel}} [[control panel|$:/ControlPanel]] and set...
''Animation Duration:'' 0
!!Via ~TiddlySpot
# create a [[tiddlyspot|http://tiddlyspot.com]] for your documentation changes
# go to [[tiddlywiki.com|http://tiddlywiki.com]] / [[ControlPanel|$:/ControlPanel]] / ''Saving'' tab
# set ''Wiki Name'' and ''Password'' according to your tiddlyspot
# click save on tiddlywiki.com
# open your tiddlyspot
# make edits ...done?
# notify ...via [[new GitHub issue|https://github.com/Jermolene/TiddlyWiki5/issues]] or [[in the google groups|https://groups.google.com/forum/#!forum/tiddlywikidocs]]
# WAIT
# accepted and imported? ...verify changes to tiddlywiki.com
#* back to #4, next topic
#not accepted?
#* improve... or ...back to #4, next topic
Try not to overdo edits (i.e. number of tiddlers), unless you know what you're doing or have discussed major restructuring beforehand. Otherwise, expect the review to be tougher to manage for Jeremy & co, if not simply taking more time.
@@color:#f66;
''Note:'' [[As of yet|https://groups.google.com/d/msg/tiddlywiki/F0dnmWrOuxg/HcEvDyPI09oJ]], the scripts to automatically unpack a tiddlywiki file and put individual tiddler files in the correct locations don't exist. Any contributions provided as described below will need manual processing, i.e. Jeremy needs a list from you of all modified tiddlers. Alternatively, use the GitHub workflow described in the next section.
@@
!!Via GitHub
From [[Improving TiddlyWiki Documentation|http://tiddlywiki.com/#Improving%20TiddlyWiki%20Documentation]]...
<<static Improving%2520TiddlyWiki%2520Documentation.html 1690px no>>
!!More Ideas
* http://tw-doc-ideas.tiddlyspot.com from [[Erwan|https://groups.google.com/d/msg/tiddlywiki/73ctphmY84k/5xc2ru17LZ0J]]
Ideally, the core list widget will be extended with this kind of drag-sorting.
[[This problem|https://groups.google.com/forum/m/#!topic/tiddlywiki/tdunp-Tadfc]] often pops up when trying to concatenate dynamic contents in macros.
Macros simply are a means to dynamically replace placeholders with parameterized text. And so, TiddlyWiki does not evaluate any <<tw Macros macro>> or <<tw TextReference "text reference">> within a macro when the macro is "called" but rather inserts those as literal text.
To use evaluated references within a macro...
* wrap the content where you wish to use dynamic references in either the <<tw SetWidget>> to declare a single variable or the <<tw VarWidget>> for multiple variables
* reference these variables in your macro via `$(my-variable)$`
!! Example
The below example (borrowing from [[Mark's example|https://groups.google.com/d/msg/tiddlywiki/tdunp-Tadfc/ocZHJxxODQAJ]])...
* creates a tiddler whose title will be created from the user input ''and'' a time-stamp
* gives the tiddler custom tags
* references the tiddler where the new tiddler was created in a ''created-at'' field
* clears the input upon hitting the button
{{||$:/.tb/demo/new-with-dynamic-contents}}
<<source $:/.tb/demo/new-with-dynamic-contents>>
As [[Felix Küppers]] shows in <<git5 pull/1382>>, here is how you can dynamically declare a default tab via filters, e.g. the most recent release.
Below, the outer list widget first fetches the latest release from all tiddlers tagged ''~ReleaseNotes''. The inner ''macrocall'' then builds the tabs while setting the ''default'' tab to the title returned by the outer list:
```
<$list filter="[tag[ReleaseNotes]!sort[created]limit[1]]">
<$macrocall
$name="tabs"
tabsList="[tag[ReleaseNotes]!sort[created]]"
default={{!!title}}
class="tc-vertical"
template="ReleaseTemplate"/>
</$list>
```
See it working at [[ReleaseNotes|http://tiddlywiki.com/prerelease/#Releases]].
Proposed and developed by Giffmex at [[tw5mall|http://www.giffmex.org/tw5mall.htm]], traffic-light-style buttons in edit mode yield a more visual indication of what you're about to do...
<div class="tc-tiddler-controls tc-titlebar" style="float:none">
<$list filter="[all[shadows+tiddlers]tag[$:/tags/EditToolbar]!has[draft.of]]" variable="listItem">
<$transclude tiddler=<<listItem>>/>
</$list>
</div>
!!Installation
Drag this link: [[$:/styles/traffic-light-buttons]] into your tw5 and import.
!!Brighter Please
For even more vibrant colors...
[img[traffic-light-buttons.gif]]
Edit the css and use the colors provided via comments: <<source $:/styles/traffic-light-buttons>>
When trying to edit a field of the current tiddler in view-mode the input field will lose focus with every letter you type, since TiddlyWiki instantly stores the new value and thus refreshes the tiddler.
Below is an extension to a [[solution|https://groups.google.com/d/msg/tiddlywiki/qtlNxMkmfPs/Z6Kz446WePUJ]] proposed by [[Stephan Hradek]] to work around this limitation...
''create (or install) [[$:/.tb/macros/lazyedit]], tag it [[$:/tags/Macro]] containing...''
<pre><$view tiddler="$:/.tb/macros/lazyedit"/></pre>
''demo''
<$macrocall $name=`
text="""<<lazyedit foo>> {{!!foo}}<br>
<<lazyedit bar>> {{!!bar}}"""/>
Embedding a presentation hosted on slideshare is easy:
# go to the presentation
# get the iframe embed code
# paste into your tiddler
# adjust params as desired and remove what you don't need beyond the ''iframe''
<<`
'<iframe src="//www.slideshare.net/slideshow/embed_code/2397564" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowfullscreen style="width:100%;height:490px"></iframe>'>>
Is as easy as pie...
# go to your video site
# find the embed code
# paste into a tiddler
# adjust as necessary and remove what you don't need besides the ''iframe''
<<`
'<iframe src="http://www.youtube.com/embed/Cj6ho1-G6tw?vq=hd720" frameborder="0" allowfullscreen style="width:100%;height:420px;"/>'>>
In TiddlyWiki you can embed external sites via iframes using simple html markup:
```
<iframe src="http://url.com" style="width:100%;height:480px;scrolling:yes;border:0"/>
```
For example, [[Reopen Tiddlers On Startup]] displays a [[static page|http://tiddlywiki.com/#Generating%20Static%20Sites%20with%20TiddlyWiki]] on tiddlywiki.com:
<hr>
{{Reopen Tiddlers On Startup}}
<br><hr>
This is achieved using a macro which simplifies embedding static pages from tiddlywiki.com via iframes of user definable height: <<source $:/.tb/macros/static>>
Here are two ways of embedding external pdf files as [[explained by Måns Mårtensson|https://groups.google.com/d/msg/tiddlywiki/5BL5_g6OmZ4/7jZ3mujbUwgJ]]:
!! Method 1
# create a tiddler and manually set the type to "application/pdf"
# create the custom field "_canonical_uri" and paste the URL to your pdf
# as needed, embed in another tiddler via `[[PDF Tiddler Title]]`
!! Method 2
# import / create a helper macro tagged ''$:/tags/Macro''
#* [[$:/.tb/macros/pdf]]
# this creates an iframe to your pdf
<$macrocall $name=` text=
"""<<pdf "http://bit.ly/18mukKq">>"""/>
To reference a number of pdfs at the same location, you can modify the macro macro like this: `src="http://MyWebAddress/$url$.pdf"``. This reduces the macrocall to:
<$macrocall $name=` text=
"""<<iframe "filename">>"""/>
Here, location and filetype are set by the macro.
You can use the html object element to embed a text file. For a local text file in the same directory as your TiddlyWiki, use...
`data="./example.txt"`
''Note:'' Local file references won't work when using [[TiddlyWiki on node.js|http://tiddlywiki.com/#TiddlyWiki%20on%20Node.js]] as currently there are [[no configurable routes for the server to deliver static resources|https://groups.google.com/d/msg/tiddlywiki/oU4YGp41mdc/vMBteEZvAQAJ]].
!!Example
<<`
'<object data="http://bit.ly/1DXYIZ5" type="text/plain" style="width:100%;height:400px;" scrolling:yes>
<a href="http://bit.ly/1DXYIZ5" target="_blank">lorem.txt</a> (missing or not supported)
</object>'>>
!! Missing
<<`
'<object data="doesntexist" type="text/plain" style="width:100%;height:400px;" scrolling:yes>
<a href="doesntexist" target="_blank">lorem.txt</a> (missing or not supported)
</object>'>>
The `<<script>>` macro allows you to run JavaScript directly from within tiddlers.
* no need to encrypt the entire wiko
* only lose one tiddler when you forget your password
* allows sensible data in a day to day wiki
* theoretically you can double encrypt by encrypting your wiki too
<svg xmlns="http://www.w3.org/2000/svg"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:cc="http://creativecommons.org/ns#"
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:svg="http://www.w3.org/2000/svg"
version="1.2"
class="svg-example"
width="400"
height="400">
<g transform="translate(0,-652.36218)" style="opacity:0.86000001">
<a xlink:href="#Markup">
<g transform="translate(-5,3)" class="svg-example-btn">
<rect
width="250.21857"
height="133.14288"
x="19.571411"
y="677.64789"
class="svg-markup-bg"
style="fill:#ececec;" />
<text
x="58.293976"
y="758.45764"
class="svg-markup-text"
xml:space="preserve"><tspan
x="58.293976"
y="758.45764">MARKUP</tspan></text>
</g>
</a>
<a xlink:href="#Plugins">
<g transform="translate(-12,-9)" class="svg-example-btn">
<rect
width="256.00003"
height="137.5858"
x="63.999996"
y="785.49066"
class="svg-markup-bg"
style="fill:#cccccc;" />
<text
x="100.76955"
y="868.78552"
class="svg-markup-text"
xml:space="preserve"><tspan
x="100.76955"
y="868.78552">PLUGINS</tspan></text>
</g>
</a>
<a xlink:href="#Solutions">
<g transform="translate(0,-6)" class="svg-example-btn">
<rect
width="292.28033"
height="142.24585"
x="92.878159"
y="884.79077"
class="svg-markup-bg"
style="fill:#999999;" />
<text
x="118.51051"
y="970.45471"
class="svg-markup-text"
xml:space="preserve"><tspan
x="118.51051"
y="970.45471">SOLUTIONS</tspan></text>
</g>
</a>
</g>
</svg>
<style>
.svg-example {
margin:-1em 0 -2em;
}
.svg-example rect {
transition: .6s fill; !important;
}
.svg-example a:hover rect {
fill: #22aa22 !important;
}
/* below: styles that came from inkscape that I took out of the svg elements! */
.svg-example rect {
fill-opacity:1;stroke:0;stroke-width:0;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:0;stroke-dasharray:none;
}
.svg-example text {
font-size:40px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#ffffff;fill-opacity:1;stroke:none;font-family:Sans;
}
.svg-example tspan{
font-size:40px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;text-align:start;line-height:125%;writing-mode:lr-tb;text-anchor:start;fill:#ffffff;font-family:Verdana;
}
</style>
<dt>
```
[img[http://www.tiddlywiki.com/favicon.ico]]
[img[path/image.jpg]]
```
</dt>
<dd>
[img[http://www.tiddlywiki.com/favicon.ico]]
</dd>
<dt>
```
http://tiddlywiki.com
[[pretty|http://pretty.com]]
~http://not.alink.com
```
</dt>
<dd>
http://tiddlywiki.com<br>
[[google|http://google.com]]<br>
~http://not.alink.com
</dd>
<dt>
```
[ext[http://forced.link.com]]
[ext[tw|http://tiddlywiki.com]]
[ext[foo|file:///c:/foo]]
[ext[relative/path]]
```
</dt>
<dd>
[ext[http://forced.link.com]]<br>
[ext[tw|http://tiddlywiki.com]]<br>
[ext[foo|file:///c:/foo]]<br>
[ext[relative/path]]
</dd>
\define tv-wikilink-template() #$uri_encoded$
\define tv-config-toolbar-icons() no
\define tv-config-toolbar-text() no
\define tv-config-toolbar-class() tc-btn-invisible
`<?xml version="1.0" encoding="utf-8"?>`<br>
`<feed xmlns="http://www.w3.org/2005/Atom">`<br>
`<id>`http://tobibeer.github.io/tb5/feed.atom`</id>`<br>
`<title>`{{$:/SiteTitle}}`</title>`<br>
`<subtitle>`{{$:/SiteSubtitle}}`</subtitle>`<br>
`<link href="http://tobibeer.github.io/tb5/feed.atom" rel="self" type="application/atom+xml"/>`<br>
`<author>`<br>
`<name>`<$list filter="[!is[system]!has[draft.of]!untagged[]!tag[static]!is[tag]!sort[modified]limit[1]]"><$link><$view field="creator" format="htmlencoded"/></$link></$list>`</name>`<br>
`</author>`<br>
`<updated>`<$list filter="[!is[system]!has[draft.of]!sort[modified]limit[1]]"><$link><$view field="modified" format="date" template="YYYY-0MM-0DDT0hh:0mm:0ss"/></$link></$list>+02:00`</updated>`<br>
<<atom-entries filter:"$:/.tb/templates/atom/filter">><br>
`</feed>`
!!! Topics
; [[FieldsPopup|http://tobibeer.github.io/tw/fields/#FieldsPopup]]
: <<git5 issues/1448>> — field editing popups
all [[core fields|Fields: Core]] except [[standard fields|Fields: Standard]] as documented in the TiddlyWiki core:
{{$:/.tb/templates/fields-core}}
Rendered via <<source "$:/.tb/templates/fields-core">>
all custom [[fields|Fields: Current Tiddler]] of the current tiddler:
<<via
'<ul>
<$list filter="[all[current]fields[]sort[title]]-[all[shadows]removeprefix[$:/language/Docs/Fields/]]" mode="block">
<li>{{!!title}}</li>
</$list>
</ul>'>>
''Note:'' The current tiddler here is not the transcluded one but the one transcluded into!
all field values of this tiddler:
<<via '{{||$:/core/ui/TiddlerFields}}'>>
all [[fields|Fields: Non-Core]] not part of the TiddlyWiki core (not documented):
<<via
'<ul>
<$list filter="[all[tiddlers]fields[]sort[title]] -[all[shadows]removeprefix[$:/language/Docs/Fields/]]" mode="block">
<li>{{!!title}}</li>
</$list>
</ul>'>>
all [[standard fields|http://tiddlywiki.com/#TiddlerFields]] of a tiddler:
<$macrocall $name=via
text="""<dl>
<$list filter="[[title]][[text]][[tags]][[modified]][[modifier]][[created]][[creator]][[list]]">
<$macrocall $name="describe-element" path="$:/language/Docs/Fields/" element=<<currentTiddler>>/>
</$list>
</dl>"""/>
see also: <<source $:/macros/describe-element>>
[[Solutions]] about files...
<dt>
```
file://///windows/network<br>
file:///c:/Windows/foo<br>
file:///linux/local<br>
```
</dt>
<dd>
file://///windows/network<br>
file:///c:/Windows/foo<br>
file:///linux/local<br>
`file:///` only via local tw!
</dd>
\define linkToTW() [ext[$(op)$|http://tiddlywiki.com/#$(op)$%20Operator]]
\define getValue(data,index) <$view tiddler="$(data)$" index="$(currentTiddler)$" format="text"/>
\define iframe(tiddler,more)
<$macrocall $name="static" tiddler="$tiddler$%2520Operator$more$.html" height="600px" scrolling="yes"/>
\end
Check out the [[filters]] wiki for a reference of commonly used filter expressions.
Here is a quick reference to all core filters...
<$select tiddler="$:/temp/filter-examples" default="action-navigate" default="Select filter...">
<$list filter='addprefix addsuffix addsuffix after all backlinks before bf butfirst butlast commands each eachday editiondescription editions field fields first get getindex has haschanged indexes is last limit links list listed modules moduletypes Most steps process the selection of titles that are supplied as their input, but a few next nsort nsortcs nth plugintiddlers prefix previous regexp removeprefix removesuffix rest reverse sameday search shadowsource sort sortcs splitbefore storyviews suffix tag tagging tags title'>
<option value=<<currentTiddler>> >
<$text text=<<currentTiddler>>/>
</option>
</$list>
</$select>
<$reveal type="nomatch" state="$:/temp/filter-examples" text="">
<$set name="op" value={{$:/temp/filter-examples}}>
Documentation and examples [[on tiddlywiki.com|http://tiddlywiki.com/#Introduction%20to%20filter%20notation]] for the <<linkToTW>> [[filter operator|http://tiddlywiki.com/#Filter%20Operators]]...
</$set>
<$macrocall $name="iframe" tiddler={{$:/temp/filter-examples}}/>
<$macrocall $name="iframe" tiddler={{$:/temp/filter-examples}} more="%2520(Examples)"/>
</$reveal>
This wiki implements a different ''is[missing]'' filter than the TiddlyWiki core. This version, in fact, effectively overrides the core filter which returns whether or not the tiddlers in the input set exist or not.
This does not correspond to the existing terminology — as in `all[missing]` or [[classic|http://classic.tiddlywiki.com]] — where a tiddler is "missing" when there are links to a tiddler that doesn't exist.
!! Documentation
; `is[missing]`
: matches any title from the input to which links exist, however the tiddler doesn't
!! Install
Drag to your wiki: [[$:/core/modules/filters/is/missing.js]]
!! Differences
Compared to the core, `is[missing]` is __not__ synonymous with `!is[tiddler]`, or vice versa.
[[DoesntExist]]
<<` "{{{ [[DoesntExist]] [[Welcome]] +[is[missing]] }}}">>
This wiki implements a different ''limit'' filter than the core. In fact, this version effectively overrides the core which implements a negation for ''limit'' that is not only wrong in terms of set theory but also constrains its applicability for that reason.
The limit filter provided here both corrects the faulty negation and extends the core limit filter with an ability to define an ''offset'' in the suffix.
!! Documentation
| !purpose|returns the first (or last) ''N'' input titles, optionally with an offset ''O''|
| !input|a list of titles|
| !suffix|optionally, an offset ''O'', defaulting to `0`|
| !parameter|an integer limit ''N'', defaulting to `0`|
| !output|the first ''N'' titles from the input list|
The `limit[n]` filter outputs the first ''N'' titles from the input list. If ''N'' is negative, the last ''N'' titles are output instead. If the input list contains less than ''N'' titles, the output is the same as the input.
Using the optional suffix you can specify an offset ''O'', i.e. a number of titles removed from the start of the input. When ''O'' is negative, titles are removed from the end of the list instead. The offset ''O'' is applied before the limit ''N''.
!! Installation
Drag to your wiki: [[$:/core/modules/filters/limit.js]]
!! Examples
<<f "[!sort[modified]limit[2]]"
"the 2 most recently modified tiddlers">>
<<f "[has[created]sort[created]limit[2]]"
"the 2 oldest tiddlers by creation date">>
<<f "[sort[modified]limit[-2]]"
"the 2 most recently modified tiddlers,<br>
the most recent being last in the list">>
<<f "[has[created]sort[created]limit[-2]]"
"the 2 newest tiddlers by creation date,<br>
the newest being last in the list">>
<<f "[!sort[modified]limit:10[1]]"
"the 11th most recently modified tiddler, first 10 skipped">>
<<f "[has[created]sort[created]limit:10[1]]"
"the 11th oldest tiddler by creation date, first 10 skipped">>
<<f "[has[created]sort[created]limit:10[2]]"
"the 11th and 12th oldest tiddlers by creation date,<br>
the 11th being topmost, first 10 skipped">>
<<f "[sort[modified]limit:-10[-2]]"
"the 11th and 12th most recently modified tiddlers,<br>
the 11th most recent being last in the list, last 10 skipped">>
The ''toc'' filter returns a flat list for a <<tw TableOfContentsMacro "table of contents">>, e.g. for [[paging|http://pagr.tiddlyspace.com]], down to a given level, level 1 meaning directly tagging to operand.
!! Example
<table>
<tr><th>actual structure</th><th>filter output</th></tr>
<tr>
<td>
* foo
** bar
** baz
* mumble
** frotz
** gronk
</td>
<td>
* foo
* bar
* baz
* mumble
* frotz
* gronk
</td>
</tr>
</table>
''Note:'' The ''toc'' filter operator is published here as it has not been considered important enough for the core, see <<git5 issues/1404>>.
!!Installation
drag to your wiki: <<source [[$:/.tb/modules/filters/toc.js]] yes>>
An experimental [[filteroperator|http://tiddlywiki.com/#FilterOperators]] by [[Stephan Hradek]] [[proposed here|https://groups.google.com/d/msg/tiddlywiki/_x9CDAFtwQc/JOjUNfoxqF4J]] to concatenate filter strings...
<<`
'<dl>
<$list filter="[[$:/language/Docs/Fields]] [[title]] +[join[/]]">
<dt><$link><$view field="title"/></$link></dt>
<dd><$transclude tiddler={{!!title}}/></dd>
</$list>
</dl>'>>
see source: <<source $:/core/modules/filters/join.js>>
[[Solutions]] about fonts...
As of yet, no dedicated wiki syntax exists for formatting a table cell. In the meantime, you can wrap the cell contents in a `div` with a custom css class:
<<`
'|!head|!row|
|<div class="cell pink">pink</div>|plain|'>>
<<source $:/styles/tablecell>>
Are you using a plugin in your tw5 or tw5 based application and need to make adjustments to the plugin? Are you including plugins into your edition on node.js, e.g. [[doing translations|Translate TW5]]?
If you are, [[I suggest|https://groups.google.com/d/msg/tiddlywiki/ZRKmb-TwbkM/HAvwof9oZbEJ]] you do not overwrite plugin components directly, i.e. code tiddlers, but rather implement your own customization overwriting them.
This way, you ensure that plugin updates are still delivered to your wiki later and are perhaps readily usable within your wiki.
If a plugin is not sufficiently configurable it is advisable to suggest customization enhancements to the plugin author.
For example, for `$:/plugins/tiddlywiki/tw2parser` you could create an override `$:/plugins/tiddlywiki/tw2parser/my-project-config` leaving the original untouched while overriding components provided by the plugin.
The place where the [[TW5 code|https://github.com/Jermolene/TiddlyWiki5]] resides.
<<tagging>>
!!Github Documentation
* [[Forking A Repo|https://help.github.com/articles/fork-a-repo/]]
* [[Syncing A Fork|https://help.github.com/articles/syncing-a-fork/]]
* [[Basic Branching And Merging|http://git-scm.com/book/en/v2/Git-Branching-Basic-Branching-and-Merging]]
To embed your google calendar in tw5...
# go to your [[google calendar|https://www.google.com/calendar/]]
# chose the dropdown next to the calendar you wish displayed and click on settings
#* enable public sharing if you want others to see it as well
# copy the embed code
#* to adjust more options, click: //Customise the colour, size and other options//
# paste the iframe code into a new tiddler
#* use a [[url shortener|http://bit.ly]] with `src` to ensure all other parameters work
# create a new tiddler and paste the `iframe` code for your calendar
!!Example
{{$:/.tb/template/sidebar-calendar}}
via <<source $:/.tb/template/sidebar-calendar>>
!!Sidebar Calendar
To display [[your calendar|$:/.tb/template/sidebar-calendar]] in the sidebar...
# tag it [[$:/tags/SideBar]]
# give it a `caption` field to display an alternative tab title, e.g. ''Calendar''
# define the field `list-before` to display it before any other tab
#* ''list-before'': [[$:/core/ui/SideBar/More]]
''Tip:'' Go and try tagging [[this calendar|$:/.tb/template/sidebar-calendar]] with [[$:/tags/SideBar]]!
!! Full Page Calendar
<<via
'<iframe src="http://bit.ly/1xptZmi" style="border:0;width:100%;height:600px;" frameborder="0" scrolling="no"/>'>>
;playlist
:[[youtube.com|https://www.youtube.com/watch?v=OBoZzqu7tYg&index=1&list=PLVT_2PPd-1p34gGCQ5qpwC8QdykxVAI3u]]
```
<$list filter="[all[shadows]has[group]sort[group]each[group]]">
!! <$view field="group"/>
<$list filter="[all[shadows]field:group{!!group}sort[title]]">
;{{!!name}}
:{{!!description}}
</$list>
</$list>
```
<$list filter="[all[shadows]has[group]sort[group]each[group]]">
!! <$view field="group"/>
<$list filter="[all[shadows]field:group{!!group}sort[title]]">
;{{!!name}}
:{{!!description}}
</$list>
</$list>
GSD5 is a plugin attempting to implement the workflow and philosophy of David Allen's [[Getting Things Done|http://www.amazon.com/Getting-Things-Done-Stress-Free-Productivity/dp/0142000280/]] for tw5 and is is heavily influenced by [[mGSD|http://mgsd.tiddlyspot.com/]] for ~TiddlyWiki classic.
!! Related Topics
[[Adding a Date Picker]]
One very fundamental aspect to TiddlyWiki is that it entirely runs on tiddlers itself. This makes for a very powerful concept where application and document merge into one and the same well structured framework.
With all the freedom of non-linearity TiddlyWiki provides, consider the following for any information, data or functional bits you wish to store in it:
!!@@color:#909; Is it content, plain and simple?@@
@@color:#909;''yes''@@<br>
Make it a general content tiddler.<br>
» e.g. "A Walk In The Park"<br>
Do you already have a tiddler for it?<br>
» Perhaps update that, unless it becomes unwieldy.<br>
Does it have relations to other tiddlers?<br>
» Use internal links extensively.<br>
What tags help categorize this tidbit?<br>
» Tags help you navigate around and find related information quickly.<br>
Will it be a tag, i.e have "subitems"?<br>
» For tags being part of a tag category, consider prefixes:<br>
» ''category:'' Action / ''tags:'' #future, #next, #active, #waiting, #done<br>
» ''category:'' Context / ''tags:'' @call, @read, @buy, @fix<br>
» Use these tags for actual tiddlers thus becoming grand-children to a category tiddler.<br>
Does it require certain fields for categorization or to trigger advanced functions?<br>
» like @@color:grey;//the summary at the top of this tiddler//@@<br>
If you need to give your tiddler some <<tw SystemTags>>, chances are you want to...<br>
@@color:#909;''no''@@<br>
Make it a <<tw SystemTiddler>>, i.e. stored under the system namespace.<br>
» Meaning: it's name will start `$:/`.<br>
!!@@color:#909; If it is a system tiddler, is it a functional component?@@
@@color:#909;''yes''@@<br>
''Tip:'' Starting the system path with a special character like `_` or `.` puts it up top under ''sidebar > system''.<br>
Is it a ''macro''?<br>
» Place it under an appropriate namespace:<br>
» [[$:/_macros/my-macro|$:/.tb/macros/calc]] and tag it [[$:/tags/Macro]]<br>
Is it a ''template''?<br>
» Again, place it under an appropriate namespace and tag it appropriately:<br>
» [[$:/_ui/ViewTemplate/summary|$:/.tb/ui/ViewTemplate/summary-link]]<br>
» I prefer to use a similar path to that of the core but starting from a different root.<br>
» I use `$:/.tb/ui` instead of `$:/core/ui`<br>
Is it a ''stylesheet''?<br>
» You guessed it:<br>
» [[$:/_styles/my-styles|$:/.tb/styles/markup]]<br>
Is it for ''configuration''?<br>
» Use a config namespace:<br>
» [[$:/_config/my-config|$:/.tb/config/redirected-tb5]]<br>
Does it hold ''data'' used to build a representation?<br>
» Perhaps use a data namespace:<br>
» [[$:/_data/my-special-items-list-as-json|$:/.tb/config/redirected-tb5]]<br>
@@color:#909;''no''@@<br>
Is it a <<tw StateMechanism state>>?<br>
» Widgets use them to remember the state of a component, e.g. a selected tab.<br>
» By default saved with TiddlyWiki and thus persisted accross sessions.<br>
» Place it under the states namespace with a __unique__ name.<br>
» `$:/state/my-path/the-state`<br>
» Don't want states to be saved?<br>
» Read: [[States And Temporary Tiddlers]]<br>
Is it a ''temporary tiddler''?<br>
» These often handle states, too, but are __not saved__ with the wiki.<br>
» Place it under the temp namespace, again with a unique name.<br>
» `$:/temp/my-path/the-temporary-state`
<dt>
```
"""
force
hard
linebreaks
like
this...
"""
```
</dt>
<dd>
"""
force
hard
linebreaks
like
this...
"""
</dd>
<dt>
```
!Heading 1
!!Heading 2
!!!Heading 3
```
</dt>
<dd>
!Heading 1
!!Heading 2
!!!Heading 3
</dd>
A toc of tiddler headings, based on the works of [[Danielo Rodríguez|http://braintest.tiddlyspot.com/]], Stephen Kimmel and [[EucalyJ|http://eucaly-tw5.tiddlyspot.com]] in [[this discussion|https://groups.google.com/forum/#!topic/tiddlywiki/6zBxrj4nV34]].
{{||toc}}
!Get ~MatchFilter
Install [[MatchFilter from EucalyJ|http://eucaly-tw5.tiddlyspot.com/#MatchFilter]], e.g. [[$:/core/modules/filters/match.js]], providing a plugin to extract tiddler contents via regular expressions.
!Create Template
Create a template tiddler for your tiddler-toc, dragging [[toc]] to your wiki.
!Use It
Render the tiddler-toc by [[transcluding the template tiddler|http://tiddlywiki.com/#Transclusion%20in%20WikiText]] [[toc]] via either of...
* `{{||toc}}`
* `<$transclude tiddler="toc"/>`
!Styles
The default styles are provided using an [[inline <style/> tag|Core Images And Inline Stylesheets]] in [[toc]] tiddler. To override them, create a tidder tagged [[$:/tags/Stylesheet]] to define your desired toc styles.
<br>
Some more headings, just for fun...
!!Level 2
!!!Level 3
!!!!Level 4
!!!!!Level 5
!!!!!!Level 6
See TiddlyWiki for another example.
[[There are situations|Preventing Wikification]] in which you want to use templates, but you want them to be hidden, e.g. not show in search results or lists like "recent". To achieve this, you basically need to put them under the `$:/` namespace, e.g.: [[$:/.tb/templates/plain]]. This, however, makes them [[inherently more difficult to use|https://github.com/Jermolene/TiddlyWiki5/issues/1210#issuecomment-66302859]], e.g.:
;{{//foo/bar||$:/.tb/templates/plain}}
:via either of...
:: `{{//foo/bar||$:/.tb/templates/plain}}`
:: `{{//foo/bar||plain}}`
In order to simplify the first example, you can use a macro on top of your template to get that shorter name back. Here are two variants to do that.
!! Specific Macro
The following macro simplifies access to the above template <<source $:/.tb/macros/plain>>
Use it like so...
```
<<plain //foo/bar>>
```
<<<
<<plain //foo/bar>>
<<<
!! Generic Macro
The following solution, [[proposed by Evolena|https://github.com/Jermolene/TiddlyWiki5/issues/1210#issuecomment-66337593]], provides a more generic approach using a //template//-macro like <<source $:/.tb/macros/generic-template>>
This [[global macro|http://tiddlywiki.com/#Macros%20in%20WikiText]], actually called `||`, let's you render any template under the namespace `$:/.tb/templates/...` with your custom input.
The example above thus turns into...
```
<<|| plain //foo/bar>>
```
<<<
<<|| plain //foo/bar>>
<<<
While this doesn't look as pleasant to the eye, it does spare you from having to write a specific macro for every hidden template you want to simplify using. If `||` is too cryptic for you, define the macro with any name you want, e.g. `<<template>>`.
!! Final Word
Personally, I would like to see the ability to turn every tiddler I want into a hidden "system tiddler", e.g. by tagging it `$:/tags/System`. Besides other reasons, e.g. pretty titles for certain tiddlers, however hidden, that would allow me to make [[plain]] hidden and use it's short form...
```
{{//foo/bar||plain}}
```
<<<
{{//foo/bar||plain}}
<<<
;join the discussion at
:https://github.com/Jermolene/TiddlyWiki5/issues/1210
TiddlyWiki entirely works on [[tiddlers|Tiddlers]]. This is not only true for the content you wish to give it but also for all the bells and whistles that actually make it work.
!! System Tiddlers
To not have you overwhelmed with the abundant components that provide TiddlyWiki's features, a special <<tw "Naming%20of%20System%20Tiddlers" NameSpace>> was defined in order to hide these so-called <<tw SystemTiddlers>>, prefixed `$:/`.
; hidden from
: search results
: most sidebar tabs, except ''More / System'' and ''More / Shadows''
!! Shadow tiddlers
<<tw ShadowTiddlers>> are unpacked by TiddlyWiki on startup as components of plugins. They can come as <<tw SystemTiddlers>> but can also be tiddlers that are not under the `$:` namespace.
; hidden from
: search results
: most sidebar tabs, except ''More / Shadows''
!! Embedded Media
Whenever you drag an <<tw "Images%20in%20WikiText image>> or <<tw Audio audio>> file to TiddlyWiki, it will be embedded as a tiddler with a special <<tw ContentType>>.
; hidden from
: ''Sidebar / Recent'' — only after you edit those tiddlers they are given a modification time-stamp and are listed here
Before we start, compare the actual tags of this tiddler to the ones you see above...
`{{!!tags}}`
> {{!!tags}}
Using the filter explained at [[title list from tiddler text @ filter|http://filters.tiddlyspot.com/#title%20list%20from%20tiddler%20text]], adding the following text at [[$:/core/ui/ViewTemplate/tags]] will hide all tags and tiddler titles listed in [[$:/config/Hide/TagButtons]] from the tiddler tag buttons...
```
<div class="tc-tags-wrapper">
<$list filter="[all[current]tags[]]-[list[$:/config/Hide/TagButtons!!text]]+[sort[title]]"
template="$:/core/ui/TagTemplate"
storyview="pop"/>
</div>
```
The below example demonstrates the filter being used, subtracting all tiddlers listed in [[$:/config/Hide/TagButtons]] from the current tags as shown in the right column...
<<<
{{||$:/.tb/demo/hide-tag}}
<<<
The code for the above table <<source $:/.tb/demo/hide-tag>>
As [[explained by Jeremy here|https://groups.google.com/d/msg/tiddlywiki/WRHmF8d_AyI/_tlZTnRvzTsJ]], you can hide the sidebar without even clicking the [[chevron|$:/core/ui/TopBar/menu]] {{$:/core/ui/TopBar/menu}} by creating a tiddler called [[$:/state/sidebar]] and giving it the text `no`.
In this thread, [[Jeremy Ruston]] also outlines the basics of [[creating left MainMenu|https://groups.google.com/d/msg/tiddlywiki/WRHmF8d_AyI/ckzBYElx8sQJ]].
In [[this discussion|https://groups.google.com/d/msg/tiddlywiki/dQbt-JFdRR8/P0zR0njIAQAJ]], Evan asks how to hide the sidebar on startup. Motivated by just having helped out ~FrD over [[setting some fields at startup|https://groups.google.com/d/msg/tiddlywiki/l8fhn6EJB88/2KwbNbSrDAAJ]] a few minutes earlier, I realized that this can quickly be achieved via a javascript module of type startup.
!!Installation
To hide the sidebar on startup, drag these two over to your wiki
; [[$:/.tb/modules/startup/hide-sidebar.js]] <<date-version [[$:/.tb/modules/startup/hide-sidebar.js]]>>
: a startup module setting the sidebar state according to the below configuration tiddler
; [[$:/config/HideSidebarOnStartup]]
: in order to actually have the sidebar hidden on startup, set its content to `yes`
!! Source
<<source [[$:/.tb/modules/startup/hide-sidebar.js]]>>
If you find yourself wanting to not see one of your tiddlers listed next to your content tiddlers, chances are it is a custom...
* macro
* template
* stylesheet
* configuration tiddler
!!Using System Tiddlers
A simple trick to hide them from most content-oriented views and lists is to put them under an appropriate path in the [[system tiddlers|http://tiddlywiki.com/#SystemTiddlers]] namespace with the prefix `$:/`:
;custom macro
:`$:/macros/<my-macro>`
;custom macro styles
:`$:/macros/<my-macro>/styles`
;custom macro config tiddlers
:`$:/macros/<my-macro>/config/<myConfigTiddler>`
;custom config tiddler
:`$:/macros/<my-macro>/<myConfigTiddler>`
;custom macro templates
:`$:/macros/<my-macro>/templates/<myTemplate>`
;custom macro template
:`$:/macros/<my-macro>/<myTemplate>`
;custom transclusion templates
:`$:/templates/*`
;custom stylesheets
:`$:/styles/*`
;user defined config tiddlers (not core)
:`$:/user/config/*`
You can then find them under @@color:blue; ''[[Sidebar|$:/core/ui/SideBarLists]] > [[More|$:/core/ui/SideBar/More]] > [[System|$:/core/ui/MoreSideBar/System]]''@@ or using [[Advanced Search|$:/AdvancedSearch]].
!! User Prefix
A possible way to reduce the risk of your customizations interfering with any of those you might later import from somewhere else, you can use a user shorthand in any of the system namespace components, e.g.:
* `$:/tbr/...`
* `$:/tobibeer/...`
* `$:/macros/tobibeer/...`
''Note:'' This way, however, chances might be greater that — when competing macro or style definitions of different origins coexist — one out of two with the same name will win over the other and you may find it hard to identify the problem. Therefore, know your wiki and carefully review imported system tiddlers from other sources.
<dt>
```
---
horizontal rules
<hr>
```
</dt>
<dd>
---
horizontal rules
<hr>
</dd>
<<tagging>>
Some random, free hosting options...
* https://neocities.org ([[ifps.io|https://ipfs.io/ipfs/QmNhFJjGcMPqpuYfxL62VVB9528NXqDNMFXiqN5bgFYiZ1/its-time-for-the-permanent-web.html]])
* https://www.bitballoon.com
<span style="color:red">Hosting content on Google Drive is [[deprecated|http://googleappsdeveloper.blogspot.co.uk/2015/08/deprecating-web-hosting-support-in.html]] by August 31st, 2016!</span>
# share your document publicly
# construct URL below using your document's ID
# use desktop client for local editing with ''Firefox'' / [[TiddlyFox|http://tiddlywiki.com#TiddlyFox]]
See http://googledrive.com/host/0B51gSXixfJ2Qb0I4R2M4MWJVMlU
As explained [[here|https://groups.google.com/d/msg/tiddlywiki/Q-U87Gol31c/KUNAqN_ADQAJ]], those are two radically different modes to operate. Between the two, right now, there's really just one option I would recommend to use.
!! [[store.php|Your own TiddlySpot-like upload server]]
# ''server'' => simple
#* requires "just" php
#* very common, plenty of affordable or free options
#* nothing more to set up in terms of TiddlyWiki, at all
# ''store''
#* operates on a per wiki basis
# ''authentication''
#* simple autentication, tried and tested even with TW2 since 2008
# ''backups''
#* backs up wiki files
!! [[node.js|http://tiddlywiki.com/#ServerCommand]]
# ''server'' => pro
#* requires a node capable server
#* not so common, commercially more pricey
#* requires to manage TiddlyWiki and possibly other npm packages
# ''store''
#* operates on a per-tiddler basis
# ''authentication''
#* none? => should possibly be called "experimental"
#*use with mucho-care-o (whatever that means, must be Spanglish ;-)
# ''backups''
#* none out of the box
#* you need to figure out how to take care of that for your server
! The Third Way
What I actually do right now for [[tb5|Welcome]] is...
!! [[node.js|http://tiddlywiki.com/#TiddlyWiki%20on%20Node.js]] + standalone wiki
# ''server'' => dead-simple
#* requires just the basic, cheapest of hosting, plenty-o-free
#* [[github pages|http://pages.github.com]] is just fine for me atm
#* node and TiddlyWiki are installed on your local machine => full control
# ''store''
#* organize and edit on a per tiddler basis, but node bakes full standalone wikis
# ''authentication''
#* none needed other than basic [[FTP|https://filezilla-project.org/]], GitHub, cloud storage
#* fool-proof, most secure, never writing to any server-store via TiddlyWiki
# ''backups''
#* manage however you want, local, via GitHub, or any cloud service like [[DropBox|http://dropbox.com]], [[OneDrive|https://onedrive.live.com]], [[Google Drive|https://www.google.com/drive]], etc...
@@.note
''Note:'' Unlike the other two above, this does not allow any editing over the web.<br><br>You can always edit your contents, preview changes and temporarily store them, say, in a [[trello|https://trello.com]], email yourself the entire wiki, or edit tiddlers in GitHub as we already do with documentation for TiddlyWiki (having to merge things at some point).
@@
In a [[reply to Rich|https://groups.google.com/d/msg/tiddlywiki/hr75FTeEL_g/Zq9c1OJz6KkJ]], [[Stephan Hradek]] posted two solutions about byte-sizes...
# a [[length|https://groups.google.com/d/msg/tiddlywiki/hr75FTeEL_g/Zq9c1OJz6KkJ]] macro to determine the size of any text or tiddler
# the [[lsort|https://groups.google.com/d/msg/tiddlywiki/hr75FTeEL_g/tFQ-ZIQoMLwJ]] filter that allows to sort tiddlers by size
An example and install instructions are at [[length macro and lsort filter @ tbdemo|http://tbdemo.tiddlyspot.com/#length%20macro%20and%20lsort%20filter]].
''Note:'' When you create both in your wiki, be sure to set the `title`, `type` and `module-type` fields accordingly.
Here's how to use both to list tiddlers by size along with size information:
```
<$list filter="[!lsort[]]">
<$macrocall $name="length" tiddler={{!!title}}/>
<$link><$view field=title/></$link>
</$list>
```
!!Alternative
To get a quick output from your browser console, you can try this bit of code:
> [[Console Log Of Tiddler Sizes @ tbdemo|http://tbdemo.tiddlyspot.com/#Console%20Log%20Of%20Tiddler%20Sizes]]
You may have noticed, a [[filter|http://tiddlywiki.com/#Filters]] by itself does not render anything, widgets do, and consequently macros.
So, to get a basic list, put your desired item-format inside the [[list widget|http://tiddlywiki.com/#ListWidget]] that renders it:
```
<$list filter="[tag[TableOfContents]]">
<$link to=<<currentTiddler>>><$view field=title/></$link>
</$list>
```
''Tip:'' Try any of this creating a test tiddler directly on http://tiddlywiki.com.
This renders a link to each iterated item on the list showing its title. Notice the ` ` at the end to provide for simple spacing.
When the inner text of a list widget starts with an empty line, TiddlyWiki understands your code as wanting to have block-level paragraph elements, rather than an inline list.
```
<$list filter="[tag[TableOfContents]]">
<$link to=<<currentTiddler>>><$view field=title/></$link>
</$list>
```
However, I sometimes prefer using a nice » `»` and a trailing newline via `<br>`...
```
<$list filter="[tag[TableOfContents]]">
» <$link to=<<currentTiddler>>><$view field=title/></$link><br>
</$list>
```
Alternatively you can use a template tiddler defining the item template, i.e.
```
<$list filter="[tag[Welcome]]" template="$:/.tb/templates/my-list"/>
```
With a [[standard template|http://tiddlywiki.com/#%24%3A%2Fcore%2Fui%2FListItemTemplate]] ...
```
<$list filter="[tag[TableOfContents]]" template="$:/core/ui/ListItemTemplate"/>
```
This is perhaps the cleanest approach as it allows you to reuse that template elsewhere.
Alternatively, use the [[list-links|http://tiddlywiki.com/#ListMacro]] macro to output simple link lists, e.g.:
```
<<list-links filter:"[tag[TableOfContents]]">>
```
''Note:'' Notice the syntax differences between a [[macro call|http://tiddlywiki.com/#Macros%20in%20WikiText]] and a [[widget call|http://tiddlywiki.com/#Widgets%20in%20WikiText]], i.e. double angle brakets and colons for (optionally named) parameters, rather than `attribute="value"`.
You can easily wrap this in your [[custom css class|http://tiddlywiki.com/#Using%20Stylesheets]], e.g.
```
@@.my-class
<<list-links filter:"[tag[TableOfContents]]">>
@@
```
To properly render tables or definition lists, use html tags outside and inside...
```
<dl>
<$list filter="[has[url]]">
<dt><$link to=<<currentTiddler>>><$view field=title/></$link></dt>
<dd>{{!!url}}</dd>
</$list>
</dl>
```
Here's an a bit more elaborate table syntax using a macro to generate a link...
```
\define link(url) [ext[>>|$url$]]
<table>
<tr><th>Title</th><th>Link</th></tr>
<$list filter="[has[url]]">
<tr>
<td><$link to=<<currentTiddler>>><$view field=title/></$link></td>
<td><$macrocall $name=link url={{!!url}}></td>
</tr>
</$list>
</table>
```
<dt>
```
<a href={{TiddlerWithURL}}>link</a>
<b class=<<getClass>>>bold</b>
```
</dt>
<dd>
<a href={{TiddlerWithURL}}>link</a>
<b class=<<version>>>bold</b>
set attributes via transclusion or macro
</dd>
<dt>
```
<div address="""attribute,
"quoted",
with,
linebreaks.""">inspect me!</div>
```
</dt>
<dd>
<div address="""attribute,
"quoted",
with,
linebreaks.""">inspect me!</div>
</dd>
<dt>
```
<article class="hello">
HTML tags work like that.
<!-- even comments -->
</article>
```
</dt>
<dd>
<article class="hello">
HTML tags work like that.
<!-- even comments -->
</article>
</dd>
; discussion
: https://groups.google.com/d/msg/tiddlywiki/mr0niBeCZcI/HrcXhyAgWqQJ
''Note:'' As an alternative to this outdated technology, consider [[Interactive SVG Image Map]].
Notice how — in the markup below — the ''href'' attribute points to the location hash for a tiddler that you get when using the {{$:/core/ui/Buttons/permalink}} ''permalink'' button from a tiddler's toolbar.
{{$:/.tb/demo/image-map}}
<<source "$:/.tb/demo/image-map">>
<dt>
```
[img[example.jpg]]
[img[tooltip|example.jpg]]
[img width=16 [example.jpg]]
[img class="tc-image" [example.jpg]]
```
</dt>
<dd>
[img[http://www.tiddlywiki.com/favicon.ico]]<br>
[img[tooltip|http://www.tiddlywiki.com/favicon.ico]]<br>
[img width=16 [http://www.tiddlywiki.com/favicon.ico]]<br>
[img class="tc-image" [http://www.tiddlywiki.com/favicon.ico]]
</dd>
As per [[Jeremy's instructions|https://groups.google.com/d/msg/tiddlywiki/qxfH1fBqACA/tEx8T3bTngQJ]], you can import tiddlers from a standalone TiddlyWiki into your node.js instance using.
; 1. Create Wiki Folder
: `mkdir MyWiki`
; 2. Import From Standalone TiddlyWiki
: `tiddlywiki ./MyWiki --load path/to/my-tw5-wiki-file.html`
; 3. Import From Encrypted TiddlyWiki
: `tiddlywiki ./MyWiki --password pa55w0rd --load path/to/my-tw5.html`
:Ü ''Note:'' the result will not be encrypted
To reuse a [[Conditional ViewTemplate Section]] in something like a list template, you can always do...
```
{{||$:/.tb/ui/ViewTemplate/summary}}
```
> {{||$:/.tb/ui/ViewTemplate/summary}}
A little helper macro like the following simplifies this process...
<<source "$:/.tb/macros/inc">>
I put my own templates under an equivalent namespace as the `core`, however replacing that bit of the namespace with my own prefix `.tb`.
!! Example
Notice how, in one case, the styling from the template is applied whereas in the other it isn't. Also, the template could be showing a lot more than just a single field.
```
<$tiddler tiddler="TiddlySpot">
<<inc summary>>
{{!!summary}}
</$tiddler>
```
<<<
<$tiddler tiddler="TiddlySpot">
<<inc summary>>
{{!!summary}}
</$tiddler>
<<<
!! Core Template Example
```
<<inc tags core>>
{{!!tags}}
```
<<<
<<inc tags core>>
{{!!tags}}
<<<
With a little [[help from Andreas Hahn|https://groups.google.com/d/msg/tiddlywiki/-yqMeKtTsMk/x_Nvls62AQAJ]], here's a prototype for a little wizard that allows to inline edit tiddler titles or other fields.
''Note:'' Unfortunately it is not possible to use the enter key to save changes.
!! Usage
The following example creates a list and calls the macro ''tb-rename inline'' specifying the tiddler to be renamed as the current list item. Without the second parameter, the macro assumes we're editing tiddler titles.
<$macrocall $name="`" text="""<$list filter="[tag[Actions]]">
<div>
<$macrocall $name="tb-edit-inline"
tiddler=<<currentTiddler>>/>
</div>
</$list>"""/>
The next example uses the second macro parameter to edit a tiddlers field called ''foo'' rather than the title...
<$macrocall $name="`" text="""<$list filter="[tag[Actions]]">
<div>
<$link><$view field="title"/></$link>:<br>
<$macrocall $name="tb-edit-inline"
tiddler=<<currentTiddler>> field="foo"/>
</div>
</$list>"""/>
!! Installation
Drag to your wiki: <<source [[$:/.tb/macros/edit-inline]]>>
<dt>
```
@@.purple Am I purple?@@
<style>
.purple{color:purple;}
</style>
```
</dt>
<dd>
@@.purple Am I purple?@@
<style>
.purple{color:purple;}
</style>
</dd>
Forget [[image-maps|http://www.w3schools.com/tags/tag_map.asp]], comes SVG. Setting up either one can be cumbersome, but the advantages in dynamically styling svg by far exceed those of binary imagery, not just in terms of scaling.
The below example doesn't overly leverage the power of vector graphics but it's illustrating the general concept...
{{example-svg}}
!!How to achieve?
# [[create your desired svg|SVG-Edit]] image or [[obtain it from somewhere|http://d-maps.com]]
#* don't shy away because you see all this "code"
#* it's what svg looks like
#* you just need to find the right spots to do the below
# assign classes to the [[elements you wish to style|http://style.tiddlyspot.com]], unless already defined
#* you can also remove all the overhead you don't need, like id attributes
#* use your browser's developer tools to find the right element, layer or group
# apply css styles directly or on-hover
#* as in the example below using [[inline-styles]] or [[Custom Stylesheets]]
#* you will have to figure out the right css to interactively change styles
#** perhaps use google, but don't be shy to ask in the groups
# for clickable links, wrap the triggering svg elements like so...<div>
```
<a xlink:href="#InternalLink">
...svg elements...
</a>
```
</div>
!! Limitations
Unlike HTML elements, the stacking order of svg elements cannot be changed via the z-index. Custom javascript would have to actually rearrange the svg object... so as to render that [[Markup]] button above the [[Plugins]] button.
!! Source
Above all, see style section at the bottom of <<source example-svg>>
<dt>
```
[[The Tiddler]]
[[pretty title|The Tiddler]]
```
</dt>
<dd>
[[The Tiddler]]<br>
[[pretty title|The Tiddler]]
</dd>
Sometimes it is necessary to [[use and invoke macros|http://tiddlywiki.com/#Macros%20in%20WikiText]] in different ways.
Here are some options...
;`<<aMacro "a param">>`
:with first parameter, internally read as `text`
;`<<aMacro text:"a param">>`
:with named parameter `text`
;`<$macrocall $name="aMacro" text="a param"/>`
:invoked via macrocall widget
;`<$macrocall $name="aMacro" text={{get from tiddler!!or-field}}/>`
:same but pulling parameter via transclusion
;`<$macrocall $name="aMacro" text=<<getText "call yet another macro">>/>`
:same but computing the parameter by calling yet another macro
''Note:'' Internally, a `<<variable>>`, in fact, is a macro, too.
As Jeremy explains [[here|https://groups.google.com/d/msg/tiddlywiki/8IhXmNewLjs/9Jj4b42ECwAJ]]...
> Macro invocations used as widget attributes may have parameters. However, there are a couple of points to watch:
>
>* the output of the macro is not wikified; it is used directly as the value of the attribute
>* the double angle brackets widget call syntax only allows parameters to be specified as strings
!! Example
The example below creates a link to a tiddler with the current date as the title...
<$macrocall $name="`" text="""<$tiddler tiddler=<<now "YYYY-0MM-0DD">>>
<$link><$view field=title/></$link>
</$tiddler>"""/>
<dt>
```
//italics//
```
</dt>
<dd>//italics//</dd>
Here's my approach to solving the mystery of iterating all indexes of a [[DataTiddler|http://tiddlywiki.com/#DataTiddlers]]...
```
<$set name="data" value="$:/data/core/widgets">
<$list filter="[<data>indexes[]sort[title]]">
;{{!!title}}
:<$transclude tiddler=<<data>> index=<<currentTiddler>>/>
</$list>
</$set>
```
renders as (prettified with table markup for [[$:/data/core/widgets]]):
<table>
<tr>
<th>index</th>
<th>value</th>
</tr>
<$set name="data" value="$:/data/core/widgets">
<$list filter="[<data>indexes[]sort[title]]">
<tr>
<td>{{!!title}}</td>
<td><$transclude tiddler=<<data>> index=<<currentTiddler>>/></td>
</tr>
</$list>
</$set>
</table>
<$list filter="[tag[Console]tag[Scripts]sort[title]]" >
</$list>
Ok, it happens. We install some plugin, fiddle with a core component and then we reload and see that dreaded @@color:white;background:#f33;padding:3px 5px;border-radius:5px;~JavaScript Error@@.
What to do now?
!! 1. Testing Plugins And Modifications
First things first. If you have your TiddlyWiki to update the URL whenever a tiddler opens, try opening a different tiddler first and see if the error is still around. It could be that you are testing a faulty plugin in a tiddler and that only your test tiddler throws the error. Go to the plugin, edit your modifications or delete it, save, reload.
!! 2. Safe Mode
If that does not allow you to remove the offending bits, try loading your TiddlyWiki in safe-mode by appending `#:safe` to the url of your wiki.
<<tw SafeMode>> should disable all plugins amongst others and allows you to edit or delete whatever you suspect the offending tidbits to be. Save your changes and reaload without safe-mode enabled to see if the error is gone.
!! 3. Import Into Empty
If all else fails, try downloading an empty TiddlyWiki and drag-n-drop your broken file onto it so as to import all tiddlers while unchecking any of those you suspect to have broken your wiki.
Save and reload. Is it finally back up now?
A trick [[suggested|https://groups.google.com/forum/#!topic/tiddlywiki/Rkv4qT1pgGU]] by [[Alberto Molina]]:
To have the "new journal here" button add the current tiddler's title to the new journal title, open your [[controlpanel|$:/ControlPanel]] and add $(currentTiddler)$ at the beginning or end of the datestring.
!! Try it out here!
While you can customize the key bindings, here are the defaults defined by this plugin...
|!Combination|!snippet|!renders as|
|`ctrl+b`| `'' ''` | ''bold'' |
|`ctrl+i`| `// //` | //italics// |
|`ctrl+u`| ` __ __` | __underline__ |
|`ctrl+s`| `,, ,, ` | ,,subscript,, |
|`ctrl+l`| `*` | non ordered list |
|`ctrl+o`| `#` | ordered list |
|`ctrl+k`| | code |
|`alt+t`| `|| ` | table cell |
|`alt+h`| `|!|` | table head |
|`alt+s`| ` ~~ ~~` | ~~strikeout~~ |
|`alt+w` | `<$>` | widget call |
|`alt+z` | `{{!!}}` | variable transclusion |
|`ctrl+m` | `<<>>` | macro call |
|`ctrl+alt+t` | `{{}}` | transclusion |
|`ctrl+alt+l` | `[[]]`| link |
The below will output the last modified non-system tiddler and the modification date...
<<`
'<$list filter="[!is[system]!sort[modified]limit[1]]">
; last modified
: <$view field=modified format="date" template="0DD. MMM YYYY"/> (<$link><$view field=title/></$link>)
</$list>'>>
Here's just the date as a plain link to that tiddler...
<<`
'<$list filter="[!is[system]!sort[modified]limit[1]]">
<$link><$view field=modified format="date" template="0DD. MMM YYYY"/> </$link>
</$list>'>>
''datefield:'' <$select field="date" default={{!!date}}>
<$list filter="modified created">
<option>{{!!title}}</option>
</$list>
</$select>
''limit:'' <$select field="limit" default={{!!limit}}>
<$list filter="10 20 30 50 100 200 500 1000">
<option>{{!!title}}</option>
</$list>
</$select>
<div class="solutions">
<$set name="date" value={{!!date}}>
<$set name="remove" value="Solutions">
<$macrocall $name="list-search"
filter="
[tag[Solutions]]
[tag[Macro]]
[tag[Plugin]]
[tag[Developer]]
[tag[Community]]
[tag[References]]
[tag[Tobias Beer]]
[tag[Markup]]
-[tag[Personal]]
+[!sort<date>]"
search="search"
state="$:/temp/tb/solutions"
template="$:/.tb/templates/tagged-recent"
limit={{!!limit}}
variable="item"/>
</$set>
</$set>
</div>
~LetFilter allows to compare and calculate fields of tiddlers in a filter list, e.g.:
* compare a given date field against a specified date
** by default, both dates are compared with day accuracy
* compare a boolean field against a specified boolean
* compare a number / integer field against a specified number / integer
* calculate a number / integer field using basic arithmetics
* calculate a boolean field using basic boolean operations
* define whether to consider blank field values in its operations or not
* return a random number of items from a result list
\define getImg()
$(currentTiddler)$!!menu-icon
\end
The following macro lets you link an image to an internal tiddler or to an external site...
!!The linkimg macro
`<<linkimg tiddler image tooltip class width svg=yes>>`
|!#|!Parameter|!Description|!Default|
|1|''tiddler'' |the tiddler to link to<br>» alternatively, an external url (starting with `http://`!)| |
|2|''image'' |the image to be displayed<br>» an [[image tiddler|Jack.jpg]] of content type `image/...`<br>» or [[an svg|$:/core/images/globe]] with or without content-type||
|3|''tooltip'' |a tooltip to be displayed|`open tiddler "foo"`|
|4|''class'' |a class assigned to the image<br>» for svg the class is assigned to a wrapper<br>these classes are always applied:<br>» `linkimg` for images<br>» `linksvg` for svg||
|5|''width'' |the width of your image||
|6|''svg'' |when set to `svg=yes`, interprets the image as given by a [[standard html svg tags|http://tiddlywiki.com/#UsingSVG]] ([[example|$:/core/images/globe]]) so as to transclude it||
!!Examples
```
<<linkimg Jack.jpg Jack.jpg "a kitten" pretty 100px>>
```
<<linkimg Jack.jpg Jack.jpg "a kitten" pretty 100px>>
For the macro to render meaningful output, at least the first two parameters are required.
Alternatively you could qualify parameters by their name:
```
<<linkimg Jack.jpg Jack.jpg class:"pretty">>
```
<<linkimg Jack.jpg Jack.jpg class:"pretty">>
!! Link Image To An External Site
```
<<linkimg "http://tiddlywiki.com/#Motovun%20Jack.jpg" Jack.jpg "a kitten" pretty 100px>>
```
<<linkimg "http://tiddlywiki.com/#Motovun%20Jack.jpg" Jack.jpg "a kitten" pretty 100px>>
!!Installation
Drag to your wiki: [[$:/.tb/macros/linkimg]]
!! Gallery Thumbnails
Using the <<tw ListWidget>>, you can easily generate a thumbnails gallery linking to your images...
<$list filter="[[$:/tags/Image]tagging[]!sort[title]limit[8]]">
<$macrocall $name="linkimg" tiddler=<<currentTiddler>> image=<<currentTiddler>> tooltip=<<currentTiddler>> class="pretty thumbs thumbs-120" svg=yes/>
</$list>
```
<$list filter="[[$:/tags/Image]tagging[]limit[8]]">
<$macrocall $name="linkimg" tiddler=<<currentTiddler>> image=<<currentTiddler>> tooltip=<<currentTiddler>> class="pretty thumbs thumbs-120" svg=yes/>
</$list>
```
If you have actual thumbnail images in addition to the full-size version, use a helper macro like so...
```
\define thumb()
$(currentTiddler)$_th.jpg
\end
<$list filter="[[$:/tags/Image]tagging[]limit[8]]">
<$macrocall $name="linkimg" tiddler=<<currentTiddler>> image=<<thumb>> tooltip=<<currentTiddler>> class="pretty thumbs thumbs-120" svg=yes/>
</$list>
```
!! Image Navigation
This could be your main navigation with clickable image links. Try and click any thumb and go to that target tiddler instead of the image tiddler.
<$list filter="[list[$:/.tb/ui/TopLeftBar/config]]">
<$macrocall $name="linkimg" tiddler=<<currentTiddler>> image=<<getImg>> tooltip=<<currentTiddler>> class="pretty thumbs" svg=yes/>
</$list>
```
\define getImg()
$(currentTiddler)$!!menu-icon
\end
<$list filter="[list[$:/.tb/ui/TopLeftBar/config]]">
<$macrocall $name="linkimg" tiddler=<<currentTiddler>> image=<<getImg>> tooltip=<<currentTiddler>> class="pretty thumbs" svg=yes/>
</$list>
```
;list field at...
:[[$:/.tb/ui/TopLeftBar/config]]
;styles defined in...
:[[$:/styles/pretty]]
!! Macro Source
<<source $:/.tb/macros/linkimg>>
While the [[list-links macro|http://tiddlywiki.com/#ListMacro]] can be used to list links to tiddlers matching a [[filter|http://tiddlywiki.com/#Filters]]...
```
<<list-links filter:"[all[]tag[$:/tags/Macro]]">>
```
<<list-links filter:"[all[]tag[$:/tags/Macro]]">>
Sometimes it can be more practical or necessary to use the [[list-widget|http://tiddlywiki.com/#ListWidget]] instead...
```
<ul>
<$list filter="[all[]tag[$:/tags/Macro]]">
<li>
<$link><$view field="title"/></$link>
</li>
</$list>
</ul>
```
<ul>
<$list filter="[all[]tag[$:/tags/Macro]]">
<li>
<$link><$view field="title"/></$link>
</li>
</$list>
</ul>
Alternatively, you can use the [[link widget|http://tiddlywiki.com/#LinkWidget]] with parameter transclusion...
```
<ul>
<$list filter="[all[]tag[$:/tags/Macro]]">
<li>
<$link to={{!!title}}>{{!!title}}</$link>
</li>
</$list>
</ul>
```
<ul>
<$list filter="[all[]tag[$:/tags/Macro]]">
<li>
<$link to={{!!title}}>{{!!title}}</$link>
</li>
</$list>
</ul>
Use the [[regexp|http://tiddlywiki.com/#FilterOperator%3A%20regexp]] filter instead of [[search|http://tiddlywiki.com/#FilterOperator%3A%20search]] filter...
;regexp filter
:`<$list filter="[regexp:text[some string]]"/>`
:<$list filter="[regexp:text[some string]]"/>
See [[discussion|https://groups.google.com/d/msg/tiddlywiki/FC2KOtlyaYo/KqRIUjNbEbcJ]]...
Working on this [[wiki to show off FontAwesome|http://fontawesome.tiddlyspot.com]], I was wondering how to simplify filtering lists the way I used to with [[ListFiltr|http://listfiltr.tiddlyspace.com]] in [[TWc|http://classic.tiddlywiki.com]].
You will find list-search throughout this wiki, e.g. to filter the [[markup reference|Markup]].<br>
An example:
```
Type something into the filter box...
<<list-search
"[tags[]sort[title]limit[7]]"
"search"
"$:/temp/list-search-example"
"$:/core/ui/ListItemTemplate"
placeholder:"Filter by tags..." >>
```
<<<
Type something into the filter box...
<<list-search
"[tags[]sort[title]limit[7]]"
"search"
"$:/temp/list-search-example"
"$:/core/ui/ListItemTemplate"
placeholder:"Filter by tags...">>
<<<
!!Installation
To use list-search in your tw5, drag this over: [[$:/.tb/macros/list-search]]
!! Parameters
The following parameters can be specified for the list-search macro:
|!#|!Parameter|!Description|!Default|
|1|''filter'' |the list filter |`[tags[]]`|
|2|''search'' |the way to search, e.g.<br>» [[search|http://tiddlywiki.com/#FilterOperator%3A%20search]]<br>» [[search:title|http://tiddlywiki.com/#FilterOperator%3A%20search]]<br>» [[regexp|http://tiddlywiki.com/#FilterOperator%3A%20regexp]]<br>» etc...|`search:title`|
|3|''state'' |the [[state tiddler|http://tiddlywiki.com/#StateMechanism]] in which to store the search term |[[$:/temp/list-search]]|
|4|''template'' |a template tiddler for the list items |[[$:/core/ui/ListItemTemplate]]|
|5|''placeholder''|placeholder text shown in the empty filter input|`Filter`|
Here's the source of the global ''list-search'' macro <<source $:/.tb/macros/list-search>>
The following wiki markup examples use filters to list implemented fields types and related information...
<<tabs "[[Fields: Standard]] [[Fields: Core]] [[Fields: Non-Core]] [[Fields: Current Tiddler]] [[Fields: Current Values]]" default:"standard" "$:/state/tabs-fields">>
@@color:#f6f;
''Note:'' There is a whole lot more on http://xlist.tiddlyspot.com.
@@
{{xlist}}
As [[Eric Shulman]] explains [[here|https://groups.google.com/d/msg/tiddlywiki/6Z7lcMoQ99s/Lqqaw-L8AgAJ]], you can use the <<tw EditTextWidget>> to output any chunk of text without wiki formating and without escaping characters like so:
<<` '<$text text="//literal //slashes"/>'>>
Compared to:
```
italic, not //literal //slashes
```
> italic, not //literal //slashes
To use single quotes inside your text, enclose with `"""triple quotes"""`:
```
<$text text="""Apple "Pear" //Peach""" />
```
> <$text text="""Apple "Pear" //Peach""" />
With [[#1473 New wikitext syntax for representing literal text|https://github.com/Jermolene/TiddlyWiki5/issues/1473]], there may eventually be simplified wikitext markup, e.g.:
```
===//literal `text===
```
> <$text text="//literal `text" />
When in a local TiddlyWiki, the following simple macro will allow you to list the contents of a local directory within an iframe.
```
<<local path height>>
```
!!Parameters
|!#|!Parameter|!Description|!Default|
|1|''path'' |the folder path to be rendered in an iframe| |
|2|''height'' |a height applied to the iframe|600px |
The rendered iframe is wrapped in a div of a class "local-folder".
To use, simply install <<source $:/.tb/macros/localfolder>>
!Inline Macro References
`filter="[all[tiddlers]regexp:text[(?m)^\\define\s+\w+\s*\(]]`
<$list filter="[all[tiddlers]regexp:text[(?m)^\\define\s+\w+\s*\(]]">
</$list>
!User Defined Global Macros
`filter="[tag[$:/tags/Macro]]"`
<$list filter="[tag[$:/tags/Macro]]">
</$list>
!Core Macros
`filter="[all[shadows]module-type[macro]]"`
<$list filter="[all[shadows]module-type[macro]]">
</$list>
!Core Wikitext Macros
`filter="[all[shadows]tag[$:/tags/Macro]]"`
<$list filter="[all[shadows]tag[$:/tags/Macro]]">
</$list>
The [[$macrocall|http://tiddlywiki.com/#MacroCallWidget]] widget allows to use evaluated widget parameters and variables that are otherwise unavailable for use in a given [[<<macro>>|http://tiddlywiki.com/#Macros%20in%20WikiText]].
!!Example
;concatenate macro
:`\def concatenate(s1:"", s2:"") $s1$$s2$`
;failing markup:
:`<<concatenate "my" {{!!text}}>>`
;working markup:
:`<$macrocall $name="concatenate" s1="my" s2={{!!title}}/>`
!!Background
;Jeremy Ruston on widgets
:https://groups.google.com/d/msg/tiddlywiki/2_L_vTJ1Zbs/Xkw2ytbY76sJ
> It's actually historical. The angle bracket syntax for macros was first implemented early on, before transcluded attributes. Then as the widget syntax evolved it was clear that it was more flexible and extensible. Internally, everything is a widget, even plain text. All the wikitext syntax beyond the widget syntax is really just a series of shortcuts for more easily typing widgets and HTML. My expectation is that more and more of the basic idioms that we discover as we explore the way that widgets fit together will end up being elevated to wiki syntax. For example, we could evolve a wikitext syntax for assigning variables that is terser than the current `<$set>` widget.
\define test(x, y, z:'0')
$x$ $y$ $z$
\end
<$macrocall
$name="test"
x=<<version>>
y={{!!title}}/>
\end
<dt>
```
\define run(foo:'bar') [[$foo$]]
<<run "foo bar">>
```
</dt>
<dd>
» defines macro `run`<br>
» with parameter `foo`<br>
» whose value defaults to `bar`<br>
» outputs a link to value of param:<br>
[[foo bar]]
</dd>
<dt>
```
\define test()
I am $(x)$.
\end
<$set name="x" value="y
of z">
<<test>>
</$set>
```
</dt>
<dd>
» defines macro test which<br>
» outputs value of variable x<br><br>
» sets variable x to: "y<br>
of z" //(multiline allowed)//<br>
» runs macro test which outputs:<br>
"I am y of z."
</dd>
<dt>
```
\define test(x, y, z:'0')
$x$ $y$ $z$
\end
<$macrocall
$name="test"
x=<<version>>
y={{!!title}}/>
```
</dt>
<dd>
» defines macro test<br>
» outputs 3 params<br><br>
» calls test via macrocall widget<br>
» using macro version as param x<br>
» and transclusion as param y<br><br>
» outputs:<br>
<code><$macrocall
$name="test"
x=<<version>>
y={{!!title}}/></code>
</dd>
; discussion
: https://groups.google.com/forum/#!folder/TiddlyWiki/tiddlywiki/qmcYndFMSX8
The [[makedoc|$:/.tb/macros/makedoc]] macro joins chapters to a document using these parameters...
|! # |!Name |!Description |
| 1 |''filter''|a ''filter'' for the list of chapters|
| 2 |''template''|render chapters with a custom template, e.g. [[$:/.tb/demo/makedoc]]|
| 2 |''sub1''|when `true`, renders tiddlers tagging to chapters as subchapters|
| 4 |''sub2''|when `true`, renders tiddlers tagging to subchapters|
!! Installation
Install [[$:/.tb/macros/makedoc]] » <$macrocall
$name=slider
label="show code"
content=<<source "$:/.tb/macros/makedoc">>
tooltip="show / hide code"
state="$:/state/slide-makedoc"
label-hide="hide code"
/>
!! Examples
Custom css styles for the examples below are defined in [[$:/.tb/styles/makedoc]].
!!! No Subchapters
```
<<makedoc filter:"
[[Fonts]]
[[Alias]]
[[Files]]
">>
```
<<<
<<makedoc filter:"
[[Fonts]]
[[Alias]]
[[Files]]
">>
<<<
!!! With Subchapters And Template
using template [[$:/.tb/demo/makedoc]]
```
<<makedoc filter:"
[[Fonts]]
[[Alias]]
[[Files]]
" sub1:true template:"$:/.tb/demo/makedoc">>
```
<<makedoc filter:"
[[Fonts]]
[[Alias]]
[[Files]]
" sub1:true template:"$:/.tb/demo/makedoc">>
A worklflow [[proposed by Alex Hough|https://groups.google.com/forum/#!topic/tiddlywiki/Xz2lSXXy0iU]]...
* something in the text raises an unanswered question?
* write that question into the text as a link
** [[Managing Review Items?]]
* use the sufix filters to extract questions
!Review Lists
;links to existing and missing tids
:`<<list-links filter:"[all[tiddlers+missing]]suffix[?]]">>` <<list-links filter:"[all[tiddlers+missing]suffix[?]]">>
;links to existing tids only
:`<<list-links filter:"[suffix[?]]">>` <<list-links filter:"[suffix[?]]">>
;links to missing tids only
:`<<list-links filter:"[all[missing]suffix[?]]">>` <<list-links filter:"[all[missing]suffix[?]]">>
;links to existing and missing tids with backlinks
:`<<linkreferences "[all[tiddlers+missing]suffix[?]]">>` <<linkreferences "[all[tiddlers+missing]suffix[?]]">>
:rendered via custom macro: <<source $:/macros/linkreferences>>
See [[Markup Reference]] for a non-filterable version to easily import to your wiki.
<div class="filter-markup">
<<list-search
filter:"[[Markup]list[]]"
search:search
state:"$:/temp/tb/markup-search"
template:"$:/.tb/templates/list-search-markup"
placeholder:"Filter markup examples...">>
</div>
<style>
.filter-markup input{
width:48%;
margin-top:10px;
}
</style>
<dl class="tb5-markup">
<dt>
```
''bold''
```
</dt>
<dd>''bold''</dd>
<dt>
```
//italics//
```
</dt>
<dd>//italics//</dd>
<dt>
```
''//bold italics//''
```
</dt>
<dd>''//bold italics//''</dd>
<dt>
```
__underline__
```
</dt>
<dd>__underline__</dd>
<dt>
```
~~strikethrough~~
```
</dt>
<dd>~~strikethrough~~</dd>
<dt>
```
super^^script^^
```
</dt>
<dd>super^^script^^</dd>
<dt>
```
sub,,script,,
```
</dt>
<dd>sub,,script,,</dd>
<dt>
```
foo -- bar
foo --- bar
```
</dt>
<dd>foo -- bar (En dash)<br>foo --- bar (Em dash)<br></dd>
<dt>
```
!Heading 1
!!Heading 2
!!!Heading 3
```
</dt>
<dd>
!Heading 1
!!Heading 2
!!!Heading 3
</dd>
<dt>
```
---
horizontal rules
<hr>
```
</dt>
<dd>
---
horizontal rules
<hr>
</dd>
<dt><pre>`code`</pre></dt>
<dd>`code` ...via backticks</dd>
<dt><pre>``with `backticks` ``</pre></dt>
<dd>``with `backticks` ``</dd>
<dt>
<pre>```
monospaced
codeblock
```</pre>
</dt>
<dd>
```
monospaced
codeblock
```
</dd>
<dt>
```
"""
force
hard
linebreaks
like
this...
"""
```
</dt>
<dd>
"""
force
hard
linebreaks
like
this...
"""
</dd>
<dt>
```
...since
new paragraphs
need two linebreaks
in tw5
```
</dt>
<dd>
...since
new paragraphs
need two linebreaks
in tw5
</dd>
<dt>
```
> block
>> quotes
>>> are </dd>easy
```
</dt>
<dd>
> block
>> quotes
>>> are <br>easy
</dd>
<dt>
```
<<<
real
easy
<<<
```
</dt>
<dd>
<<<
real
easy
<<<
</dd>
<dt>
```
* unordered
** list
```
</dt>
<dd>
* unordered
** list
</dd>
<dt>
```
# ordered
## list
```
</dt>
<dd>
# ordered
## list
</dd>
<dt>
```
;definition
:term
```
</dt>
<dd>
;definition
:term
</dd>
<dt>
```
# mixed
#* lists
#;you
#:know
#>like so
```
</dt>
<dd>
# mixed
#* lists
#;you
#:know
#>like so
</dd>
<dt>
```
!.h1-class.red CSS
#.li-class.red classes
*.li-class.red can be
;.dt-class.red assigned
:.dd-class.red like
>.blockquote-class.red this
```
</dt>
<dd>
!.h1-class.red CSS
#.li-class.red classes
*.li-class.red can be
;.dt-class.red assigned
:.dd-class.red like
>.blockquote-class.red this
</dd>
<dt>
```
[[The Tiddler]]
[[pretty title|The Tiddler]]
```
</dt>
<dd>
[[The Tiddler]]<br>
[[pretty title|The Tiddler]]
</dd>
<dt>
```
CamelCase
~SuppressedCamelCase
```
</dt>
<dd>
CamelCase<br>
~SuppressedWikiLink
</dd>
<dt>
```
http://tiddlywiki.com
[[pretty|http://pretty.com]]
~http://not.alink.com
```
</dt>
<dd>
http://tiddlywiki.com<br>
[[google|http://google.com]]<br>
~http://not.alink.com
</dd>
<dt>
```
file://///windows/network<br>
file:///c:/Windows/foo<br>
file:///linux/local<br>
```
</dt>
<dd>
file://///windows/network<br>
file:///c:/Windows/foo<br>
file:///linux/local<br>
`file:///` only via local tw!
</dd>
<dt>
```
[ext[forced.link.com]]
[ext[tw|tiddlywiki.com]]
[ext[foo|file:///c:/foo]]
[ext[relative/path]]
```
</dt>
<dd>
[ext[forced.link.com]]<br>
[ext[tw|tiddlywiki.com]]<br>
[ext[foo|file:///c:/foo]]<br>
[ext[relative/path]]
</dd>
<dt>
```
[img[example.jpg]]
[img[tooltip|example.jpg]]
[img width=16 [example.jpg]]
[img class="tc-image" [example.jpg]]
```
</dt>
<dd>
[img[http://www.tiddlywiki.com/favicon.ico]]<br>
[img[tooltip|http://www.tiddlywiki.com/favicon.ico]]<br>
[img width=16 [http://www.tiddlywiki.com/favicon.ico]]<br>
[img class="tc-image" [http://www.tiddlywiki.com/favicon.ico]]
</dd>
<dt>
```
[img[http://www.tiddlywiki.com/favicon.ico]]
[img[path/image.jpg]]
```
</dt>
<dd>
[img[http://www.tiddlywiki.com/favicon.ico]]
</dd>
<dt>
```
[img width={{!!mywidth}} class=<<image-classes>> [example.jpg]]
{{example.jpg}}
```
</dt>
<dd>
params via
[[transclusion|http://tiddlywiki.com/#Transclusion%20in%20WikiText]] or
[[macro|http://tiddlywiki.com/#Macros%20in%20WikiText]]<br><br><br>
embed via transclusion
</dd>
<dt>
```
@@.myStyleClass.red
;term
:definition
@@
```
</dt>
<dd>
@@.myStyleClass.red
;term
:definition
@@
</dd>
<dt>
```
@@color:red;
;css styles
:apply directly like this
@@
@@color:red; or this @@
```
</dt>
<dd>
@@color:red;
;css styles
:apply directly like this
@@
@@color:red; or this @@
</dd>
<dt>
```
@@.tc-tiddler-frame
@@width:200px;height:50px;
or combine both
@@
```
</dt>
<dd>
@@.tc-tiddler-frame
@@width:200px;height:50px;
or combine both
@@
</dd>
<dt>
```
@@.purple Am I purple?@@
<style>
.purple{color:purple;}
</style>
```
</dt>
<dd>
@@.purple Am I purple?@@
<style>
.purple{color:purple;}
</style>
</dd>
<dt style="font-size:80%;">
```
| !Header | !Header | Mhhh ?!? |
|^NE |^ N |^ NW|
|W | ✦ | E|
|,SW |, S |, SE|
|merge|left|<|
|and|now| vertical |
|>| right|~|
```
</dt>
<dd style="font-size:80%;">
| !Header | !Header | Mhhh ?!? |
|^NW |^ @@padding:0 7px 14px 7px;display:block; N@@ |^ NE|
|W | ✦ | @@padding:7px 0;display:block; E@@|
|,SW |, @@padding:14px 7px 0 7px;display:block; S@@ |, SE|
|merge|left|<|
|and|now| vertical |
|>| right|~|
</dd>
<dt>
```
<article class="hello">
HTML tags work like that.
<!-- even comments -->
</article>
```
</dt>
<dd>
<article class="hello">
HTML tags work like that.
<!-- even comments -->
</article>
</dd>
<dt>
```
<a href={{TiddlerWithURL}}>link</a>
<b class=<<getClass>>>bold</b>
```
</dt>
<dd>
<a href={{TiddlerWithURL}}>link</a>
<b class=<<version>>>bold</b>
set attributes via transclusion or macro
</dd>
<dt>
```
<div address="""attribute,
"quoted",
with,
linebreaks.""">inspect me!</div>
```
</dt>
<dd>
<div address="""attribute,
"quoted",
with,
linebreaks.""">inspect me!</div>
</dd>
<dt>
```
*nest<div>
;via
:html
</div>
```
</dt>
<dd>
*nest <div>
;via
:html
</div>
</dd>
<dt>
```
{{Foo}}
{{Foo||Bar}}
{{||Foo}}
{{Foo!!bar}}
{{!!bar}}
{{Foo##index}}
{{##index}}
{{{ [tag[Foo]] }}}
{{{ [tag[Foo]] ||Bar}}}
```
</dt>
<dd>
» [[transcludes|http://tiddlywiki.com/#Transclusion%20in%20WikiText]] tiddler `Foo`<br>
» `Foo` with template `Bar`<br>
» template `Foo` for `CurrentTiddler`<br>
» field `bar` of `Foo`<br>
» field `bar` of `CurrentTiddler`<br>
» `index` of datatiddler `Foo`<br>
» `index` of `CurrentTiddler` (=data)<br>
» list of tiddlers tagged `Foo`<br>
» same using template `Bar`
</dd>
<dt>
```
\define run(foo:'bar') [[$foo$]]
<<run "foo bar">>
```
</dt>
<dd>
» defines macro `run`<br>
» with parameter `foo`<br>
» whose value defaults to `bar`<br>
» outputs a link to value of param:<br>
[[foo bar]]
</dd>
<dt>
```
\define test()
I am $(x)$.
\end
<$set name="x" value="y
of z">
<<test>>
</$set>
```
</dt>
<dd>
» defines macro test which<br>
» outputs value of variable x<br><br>
» sets variable x to: "y<br>
of z" //(multiline allowed)//<br>
» runs macro test which outputs:<br>
"I am y of z."
</dd>
<dt>
```
\define test(x, y, z:'0')
$x$ $y$ $z$
\end
<$macrocall
$name="test"
x=<<version>>
y={{!!title}}/>
```
</dt>
<dd>
» defines macro test<br>
» outputs 3 params<br><br>
» calls test via macrocall widget<br>
» using macro version as param x<br>
» and transclusion as param y<br><br>
» outputs:<br>
<<version>> Markup 0
</dd>
<dt>
```
$$$text/unknown
plain text, not //formatted//
$$$
```
</dt>
<dd>
$$$text/unknown
plain text, not //formatted//
$$$
<br>
These are [[Typed Blocks|http://tiddlywiki.com/#Typed%20Blocks%20in%20WikiText]]
</dd>
<dt>
```
$$$image/svg+xml
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="100">
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="green" />
</svg>
$$$
```
</dt>
<dd>
$$$image/svg+xml
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="100">
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="green" />
</svg>
$$$
</dd>
<dt>
```
$$$.svg
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="100">
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
</svg>
$$$
```
</dt>
<dd>
$$$.svg
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="100">
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
</svg>
$$$
</dd>
<dt>
```
$$$text/vnd.tiddlywiki>text/html
This is ''some'' wikitext
$$$
```
</dt>
<dd>
$$$text/vnd.tiddlywiki>text/html
This is ''some'' wikitext
$$$
</dd>
<dt>
```
$$$text/vnd.tiddlywiki>text/plain
This is ''some'' wikitext
$$$
```
</dt>
<dd>
$$$text/vnd.tiddlywiki>text/plain
This is ''some'' wikitext
$$$
</dd>
</dl>
<style>
dl.tb5-markup{
overflow:hidden;
}
dl.tb5-markup .red{
color:red;
}
.tb5-markup > dt{
display:block;
float:left;
clear:left;
margin:2% 1em 0 0;
padding;
font-weight:normal;
width:48%;
}
.tb5-markup > dt > pre{
margin:0;
}
.tb5-markup > dd{
display:block;
float:left;
width:48%;
margin:1em 0 0 0;
padding:0;
}
.tb5-markup > dd > p,
.tb5-markup > dd > h1,
.tb5-markup > dd > pre,
.tb5-markup > dd > ul,
.tb5-markup > dd > ol,
.tb5-markup > dd > dl,
.tb5-markup > dd > table,
.tb5-markup > dd > blockquote,
.tb5-markup > dd > blockquote >p{
margin:0;
}
.tb5-markup .tc-image{
width:16px;
}
</style>
<<<
This is Mat's, a.k.a <:-) little man-cave in the ~TiddlyVerse.
Most TW development is, understandably, based on the premise that "Improve code ➔ Better TW". TWaddle is also about developing TW but from the perspective that Bigger Community ⇄ Better TW. Thus, TWaddle looks more to people issues - how to attract them, how to make them stick with TW etc.
I'm not a programmer but I am a TW enthusiast so I tiddlefiddle enough to make the occasional discovery of something cool. Given the amount of words I utter, it is also a mere numbers game before I say something that makes sense. TWaddle is intended to capture these eventualities.
<<<
<dt>
```
# mixed
#* lists
#;you
#:know
#>like so
```
</dt>
<dd>
# mixed
#* lists
#;you
#:know
#>like so
</dd>
\define renderfield(title)
<tr class="tc-view-field"><td class="tc-view-field-name">''$title$'':</td><td class="tc-view-field-value">//{{$:/language/Docs/ModuleTypes/$title$}}//</td></tr>
\end
<table class="tc-view-field-table"><tbody><$list filter="[moduletypes[]]"
variable="listItem"><$macrocall $name="renderfield" title=<<listItem>>/></$list>
</tbody></table>
<dt>
<pre>```
monospaced
codeblock
```</pre>
</dt>
<dd>
```
monospaced
codeblock
```
</dd>
As [[Jeremy|Jeremy Ruston]] explains [[here|https://groups.google.com/d/msg/tiddlywiki/c6bWhRyUPBA/Ge0Gd5z1-WYJ]], if you wanted to show the tiddler toolbar buttons only when you actually hover or focus a tiddler's titlebar, add the following to a [[custom stylesheet|Custom Stylesheets]]:
```
.tc-titlebar button {
opacity: 0;
}
.tc-titlebar:hover button {
opacity: 1;
}
```
The version below provides a smooth transition effect, showing the toolbar when you hover a tiddler rather than just its titlebar, see <<source [[$:/.tb/demo/onhover-toolbar-styles]]>>
A tip from [[PMario|https://groups.google.com/d/msg/tiddlywiki/jtx3_lyMlIo/YZz1Hn_HtkQJ]]...
* list <div class="optionalClass">
```
multiline
content
```
</div>
''Works in all of...''
# ordered
* unordered
;term
:definition
<dt>
```
*nest<div>
;via
:html
</div>
```
</dt>
<dd>
*nest <div>
;via
:html
</div>
</dd>
In [[this post|https://groups.google.com/d/msg/tiddlywiki/H_1eJrt0rYY/v-6edns7CtwJ]] [[Jeremy Ruston]] details how to create a button in the page-controls that allows you to create a new tiddler with a ~MarkDown content-type. Here are the steps...
# create: [[$:/.tb/ui/Buttons/new-markdown]] (or any name you want)
# tag: [[$:/tags/PageControls]]
# field ''caption'': `{{$:/core/images/new-button}} new markdown`
# field ''description'': `Create a new markdown tiddler`
# text:<div>
```
<$button tooltip="Create a new markdown tiddler" aria-label="new markdown tiddler" class=<<tv-config-toolbar-class>>>
<$action-sendmessage $message="tm-new-tiddler" type="text/x-markdown"/>
<$list filter="[<tv-config-toolbar-icons>prefix[yes]]">
{{$:/core/images/new-button}}
</$list>
<$list filter="[<tv-config-toolbar-text>prefix[yes]]">
<span class="tc-btn-text">new markdown tiddler</span>
</$list>
</$button>
```
</div>
You can toggle the button visibility in ''Sidebar'' / ''Tools''...
A powerful form solution developed by [[Stephan Hradek]] published [[here|https://groups.google.com/d/msg/tiddlywiki/GHrWuZAQIN8/79cfSqJOtg4J]] allowing to create and modify tiddlers along with fields and tags on the fly using a form.
{{$:/forms/user}}
!!Code
[[$:/forms/user]]
<<wikitext-source "$:/forms/user">>
; tw on node.js
: <<tw Node.js>>
: <<tw TiddlyWiki%20on%20Node.js "TiddlyWiki on Node.js">>
; Why working with TiddlyWiki on node?
: clean, tiddler-based version control, e.g. with GitHub
: manage tiddlers in a folder structure independent of tiddler titles
: bake wikis the way you want
: batch update all your wikis to the latest version of TiddlyWiki
: maintain template wikis with plugins and ui customizations, instantly applied throughout wiki instances
: invent and leverage workflows that are impossible with a standalone TiddlyWiki
; OS agnostic scripts for the rest of us
: instructions by PMario on a commit: <<git5 pull/1003>>
In [[this dicussion|https://groups.google.com/d/msg/tiddlywiki/Wd-wxHv8Z5c/uETR3nIGeZ4J]], ''vpl'' asks how to have a button increment a counter, store it globally and set it for a new tiddler. So, this is what the below example does...
# the [[calc]] macro is used to determine and increment the value contained in the field ''counter'' as a <<tw TextReference>>, setting the result in a variable by that name
# the <<tw ButtonWidget>> fires the following actions when clicked
## the <<tw ActionSendMessageWidget>> creates a new tiddler for which the ''counter'' field is set to the incremented value
## finally, the ''counter'' field at this tiddler is set to the incremented value using the <<tw ActionSetFieldWidget>>
<$macrocall $name=`
text="""<$set name="counter" value=<<calc !!counter +1>>>
<$button>
<$action-sendmessage
$message="tm-new-tiddler"
title="New Counted Tiddler"
tags="Foo [[Bar Baz]] MumbleFrotz"
text=<<now "Today is DDth, MMM YYYY">>
counter=<<counter>>/>
<$action-setfield counter=<<counter>>/>
Click!
</$button>
</$set>
; counter current value
: {{!!counter}}
"""/>
\define pdf-url() http://www.adobe.com/content/dam/Adobe/en/devnet/acrobat/pdfs/pdf_open_parameters.pdf
Below a slightly modified version of a solution posted [[here|https://groups.google.com/d/msg/tiddlywiki/FiyuMOEyrms/n20VyykENLIJ]] allowing you to open a pdf document at a given page in your browser.
!! Examples
1) To set the pdf document that you want to link, define ''pdf-url'' as a macro either globally or at the beginning of the current tiddler like so...
```
\define pdf-url() http://link.to/my.pdf
```
Then use the page macro to link to that page.
```
<<page-link 5>>
```
<<<
<<page-link 5>>
<<<
2) You can also specify the pdf ''url'' via the second macro parameter...
<$macrocall $name=` text=
"""<<page-link 2 "http://www.ohchr.org/EN/UDHR/Documents/UDHR_Translations/eng.pdf">>"""/>
''Note:'' For the macro to correcly evaluate the url parameter it must be enclosed in quotes, otherwise TiddlyWiki interprets it as you specifying a ''http'' parameter!
3) Last but not least, you can also use the $set widget, e.g.:
```
<$set name="pdf-url" value="http://www.gutenberg.org/files/11/11-pdf.pdf">
<<page 2>>
</$set>
```
<<<
<$set name="pdf-url" value="http://www.gutenberg.org/files/11/11-pdf.pdf">
<<page 2>>
</$set>
<<<
The macro used for the above is <<source $:/.tb/macros/pdf-page>>
!! More Examples
;by [[Jed Carty]]
:[[Make URL @ In My Socks|http://inmysocks.tiddlyspot.com/#Make%20url]]
:[[Concatenating Text To Make Dynamic URLs @ InMySocks|http://inmysocks.tiddlyspot.com/#Concatenating%20text%20to%20make%20dynamic%20URLs]]
This example shows how to list all tiddlers tagged ''Task'' that are not tagged ''Done'', thus open for any tiddler tagged ''Project''.
!!Example
Open the project [[GTD]] and take a look at the ''Open Project Tasks'' section at the bottom.
!!The Solution
This solution was implemented as explained in [[Conditional ViewTemplate Section]] using the following conditional template:
<<source $:/.tb/template/gtd-project-tasks>>
<dt>
```
# ordered
## list
```
</dt>
<dd>
# ordered
## list
</dd>
As [[Astrid Elocson]] points out [[here|https://groups.google.com/d/msg/tiddlywiki/nxd-Z4UzsJs/ZmLjysHc9f0J]], the item order of a topic in a table of contents is defined at the standard ''list'' field of the tiddler representing the parent topic in the toc.
As an example, take a look at the list field at http://tiddlywiki.com/#Reference.
<<tw ShadowTiddlers>> are tiddlers bundled in plugins, like the [[TiddlyWiki core|$:/core]] itself. They are restored to their original contents once you delete a version you edited.
To display the original contents of <<tw ShadowTiddlers>> that have been overwritten, use the <<tw TranscludeWidget>> along with the ''subtiddler'' attribute.
The below example outputs the original ''limit'' filter in [[$:/core]] which has otherwise been [[overwritten in this wiki|$:/core/modules/filters/limit.js]] (see [[filter: limit]]):
```
<$transclude tiddler="$:/core" subtiddler="$:/core/modules/filters/limit.js">
```
> <$transclude tiddler="$:/core" subtiddler="$:/core/modules/filters/limit.js">
!! The Problem
It can happen that the contents you put into a table are simply [[too wide for your tiddler|https://github.com/Jermolene/TiddlyWiki5/issues/1095#issuecomment-64700373]].
|looks|like|it's|way|too|http://tooooooooooooooooooooooooooooooooooooooooooooooooong.com|
What to do now? Here are two approaches to tackling that problem...
!! Horizontal Scrolling
Wrap your table in a div and set it's overflow-x property to auto.
<div style="overflow-x:auto;">
|looks|like|it's|way|too|http://tooooooooooooooooooooooooooooooooooooooooooooooooong.com|
</div>
```
<div style="overflow-x:auto;">
|looks|like|it's|way|too|http://tooooooooooooooooooooooooooooooooooooooooooooooooong.com|
</div>
```
!! Fixed Width
[[Danielo Rodríguez]] [[suggests|https://github.com/Jermolene/TiddlyWiki5/issues/1095#issuecomment-63561722]] to use some more elaborated css and a fixed table layout which — with the current wikitext markup for tables — will always put columns at equal width, no matter what the content:
@@.fix-table
|looks|like|it's|way|too|http://tooooooooooooooooooooooooooooooooooooooooooooooooong.com|
@@
```
@@.fix-table
|looks|like|it's|way|too|http://tooooooooooooooooooooooooooooooooooooooooooooooooong.com|
@@
```
!!Styles
For the fixed width solution [[put the required css directly wrapped in < style> tag|Core Images And Inline Stylesheets]] into the problematic tiddler or, better, make use of [[Custom Stylesheets]], e.g. <<source $:/styles/fixed-table>>
The ''overlay'' macro allows you to overlay or toggle content. As an example...
```
<<overlay
{{$:/.tb/demo/overlay!!what}}
{{$:/.tb/demo/overlay!!with}}
400px 40px overlay-example>>
```
<<<
<<overlay
{{$:/.tb/demo/overlay!!what}}
{{$:/.tb/demo/overlay!!with}}
400px 40px overlay-example>>
<<<
```
<<overlay
{{$:/core/images/storyview-classic}}
{{$$:/core/images/storyview-pop}}
32px 32px>>
```
<<<
<<overlay
{{$:/core/images/storyview-classic}}
{{$$:/core/images/storyview-pop}}
32px 32px>>
<<<
!!Installation
To use the ''ovleray'' macro in your tw5, drag this over: [[$:/.tb/macros/overlay]]
!! Parameters
The following parameters can be specified for the ''overlay'' macro:
|!#|!Parameter|!Description|!Required|
|1|''what'' |the initial content | X |
|2|''with'' |the content shown on-hover| X |
|3|''width'' |the width of the overlay box| X |
|4|''height'' |the height of the overlay box| X |
|5|''class''|an additional class assigned to the overlay box||
These css classes are defined by the overlay macro...
; `overlay`
: the class for the wrapper
; `overlay-what`
: the class for the initial content
; `overlay-with`
: the class for the overlayed content
!!The Macro
<<source [[$:/.tb/macros/overlay]]>>
!! The Example Tiddler
[[$:/.tb/demo/overlay]]:
; what
: {{$:/.tb/demo/overlay!!what}}
; with
: {{$:/.tb/demo/overlay!!with}}
; text
: abused for styles ;-){{$:/.tb/demo/overlay}}
<iframe width="560" height="315" src="http://www.youtube.com/embed/6ElUruH92tc" frameborder="0" allowfullscreen></iframe>
<dt>
```
...since
new paragraphs
need two linebreaks
in tw5
```
</dt>
<dd>
...since
new paragraphs
need two linebreaks
in tw5
</dd>
!!Parser Rule Configuration
```
\rules except bold
\rules only bold
```
!!Core Parser Rules
https://github.com/Jermolene/TiddlyWiki5/tree/master/core/modules/parsers/wikiparser/rules
!!List Rules In Console
```
Object.keys($tw.Wiki.parsers["text/vnd.tiddlywiki"].prototype.pragmaRuleClasses);
Object.keys($tw.Wiki.parsers["text/vnd.tiddlywiki"].prototype.blockRuleClasses);
Object.keys($tw.Wiki.parsers["text/vnd.tiddlywiki"].prototype.inlineRuleClasses);
```
As [[Stephan Hradek]] pointed out [[here|https://groups.google.com/d/msg/tiddlywiki/WbaJ826cpfA/Y7PBrWArtA0J]], you can use the [[$set|http://tiddlywiki.com/#SetWidget]] widget to declare [[variables|http://tiddlywiki.com/#Variables%20in%20WikiText]] which thus available to any contained widget, e.g. a [[$transclude|http://tiddlywiki.com/#TranscludeWidget]] widget...
```
<$set name="var1" value="val1">
<$set name="var2" value=<<currentTiddler>>>
{{foo||$:/.tb/demo/template/example-variables}}
</$set>
</$set>
```
The variables `var1` and `var2` are now accessible in the ''template'' via `<<val1>>` and whatever the name of the tiddler embedding the set widget.
The above markup along with <<source $:/.tb/demo/template/example-variables>>
renders as:
<blockquote>
<$set name="var1" value="val1">
<$set name="var2" value=<<currentTiddler>> >
{{foo||$:/.tb/demo/template/example-variables}}
</$set>
</$set>
</blockquote>
also see: [[Variables In Nested Lists]]
; discussion
: https://groups.google.com/d/msg/tiddlywikidev/w0R1o32Do2I/gmLL_C57HcsJ
<$set name="remove" value="Plugin">
<<list-search
filter:"[tag[Plugin]sort[title]]"
search:search
state:"$:/temp/tb/list-plugins"
template:"$:/.tb/template/tagged-summary">>
</$set>
If you follow the above link, you get to an overview of currently available plugins for TiddlyWiki 5 as gathered by [[Jed Carty]] and [[introduced here|https://groups.google.com/d/msg/tiddlywiki/h1h4HSyAQzQ/veZNiELhUa4J]].
{{Plugin}}
<br>
Some [[information on plugins|http://tiddlywiki.com/#Plugins]] not included in the core but contained in the TiddlyWiki repository...
<<static Plugins 800px yes>>
The [[<<pop>>|$:/.tb/macros/pop]] macro implements a generic popup as based on the <<tw PopupMechanism>>.
!! Example
''simple''
Opens the tiddler [[Jack.jpg]] in a popup styled with the [[classes|$:/.tb/macros/pop/styles]] ''pretty'' and ''pop-img'':
<$macrocall $name="`" text="""<<pop Click! Jack.jpg "pretty pop-img">>"""/>
''a tiddler''
<$macrocall $name="`" text="""<<pop Click! "Style Tagged Tiddlers" "pretty pop-tiddler">>"""/>
''complex'' — (as link, with some @@color:deeppink;pink@@)
<$macrocall $name="`" text="""<<pop Pink! Jack.jpg pink-box btn-class:"tc-btn-invisible tc-tiddlylink" btn-selectedClass:"pop-btn-my-selected" state-id:"Jack2">>"""/>
with these styles...
<<` """<style>
.pink-box{border: 3px solid pink;line-height:0;}
.pop-btn-my-selected{color:deeppink !important;}
</style>""">>
!! Parameters
Many of the available parameters correspond 1:1 to those coming from the <<tw ButtonWidget>> and <<tw RevealWidget>> used inside the ''pop'' macro, see their documentation.
| !# | !Parameter | !Description | !Default | !Widget |
|1|''label''|the popup button label, transcluded |||
|2|''content''|the popup contents via <<tw TextReference>>, transcluded |||
|3|''pop-class''|a custom popup class; always `pop-popup` ||<<tw RevealWidget $reveal>>|
|4|''animate''|whether to animate the popup ||<<tw RevealWidget $reveal>>|
|5|''position''|where to open the popup ||<<tw RevealWidget $reveal>>|
|6|''tooltip''|the button tooltip ||<<tw ButtonWidget $button>>|
|7|''btn-class''|a custom button class; always `pop-btn` ||<<tw ButtonWidget $button>>|
|8|''btn-tag''|the html element tag for the button |`button`|<<tw ButtonWidget $button>>|
|9|''btn-selectedClass''|the class for the button when the popup is shown; always `pop-btn-selected` ||<<tw ButtonWidget $button>>|
|10|''state-id''|the state is always constructed as `$:/state/pop/<qualify>/<state-id>`<br><br>use different values for `state-id` when you want to show the same `content` twice in the same tiddler<br><br>implements the [[<<qualify>>|http://tiddlywiki.com#qualify%20Macro]] macro|||
!! Installation
Drag the macro and styles into your wiki...
<<source "$:/.tb/macros/pop" yes>>
<<source [[$:/.tb/macros/pop/styles]] yes>>
!! Styles
| !class | !description |
|''pretty''|adds a dropshadow to the popup |
|''pop-img''|removes nasty bottom padding when displaying just an image|
|''pop-tiddler''|removes awkward translucency and sets default padding|
As [[Danielo Rodríguez]] [[pointed out|https://groups.google.com/d/msg/tiddlywiki/zsXxL4t29HI/gBuDKIpItWMJ]], you may run into a problem where — when you render a table containing popups — the popups would open at the wrong position, so you may not even see them!
<table>
<tr><td>Click that button!</td><th>{{$:/.tb/demo/template/test/more}}</th></tr>
</table>
To remedy this, apply use a custom stylesheet to apply `position:relative` to the table elements containing the popups, e.g.:
```
<style>.fix-popups th, .fix-popup td {position:relative;}</style>
<table class="fix-popups">
<tr><td>Click that button!</td><th>{{$:/core/ui/Buttons/more-tiddler-actions}}</th></tr>
<tr><td>{{$:/core/ui/Buttons/more-tiddler-actions}}</td><td>Clicked?</td></tr>
</table>
```
<style>.fix-popups th, .fix-popup td {position:relative;}</style>
<table class="fix-popups">
<tr><td>Click that button!</td><th>{{$:/core/ui/Buttons/more-tiddler-actions}}</th></tr>
</table>
[[Documentation on TiddlyWiki.com|http://tiddlywiki.com/#Pragma]]
* `\define` is used to declaring macros; multiline macros closing with `\end`
* `\rules` constrain [[parser rules|Parser Rules]], e.g.: `\rules except inlinecode`
* `\replace` is a pragma defined via a custom plugin: [[Replace Pragma]]
A solution [[proposed|https://groups.google.com/d/msg/tiddlywiki/JLJ2weN08Ho/pFae2_hvukYJ]] by [[Stephan Hradek]] to prevent wikification of problematic content and render plain text instead.
''Note:'' In TWc this was achieved using `<nowiki>//foo</nowiki>` or `"""//foo"""`.
!!Problem
Imagine you wanted to display the literal text `//foo` without the code highlight as I just did, because we know that it would otherwise trigger everything to be italic.
!!Solution
Use a template like: <<source plain>>
!!Example
```
{{//foo/bar||plain}}
```
<<<
{{//foo/bar||plain}}
<<<
!! Alternative
Encode one of the offending charachters using the [[appropriate html entity|http://www.cheatography.com/davechild/cheat-sheets/html-character-entities/]], e.g.:
```
\\foo\bar
```
<<<
\\foo\bar
<<<
; \
: `\`
; `
: ```
; '
: `'`
Also see [[Hidden Templates]].
The tiddler [[Markup Reference]] holds a quick reference for most all TiddlyWiki markup.
Simply drag and drop the above link to your wiki to have it at hand.
Here's a more interactive version of it:
{{Markup}}
For practical examples, also see: [[Filter Syntax|http://tiddlywiki.com/prerelease/#Filter%20Syntax]]
!!@@float:right;text-align:right;color:blue; [[Customizations]] «@@
!!Main Resources
<dl>
<$list filter="[tag[Main]] +[sort[title]]">
<dt><$link>{{!!title}}</$link></dt>
<dd>{{!!url}}</dd>
<dd>{{!!summary}}</dd>
</$list>
</dl>
!! Community References
{{{ [tag[Reference]]}}}
<dl>
<<list-search
"[tag[Community]][tag[References]][tag[Tobias Beer]]-[tag[Personal]]+[sort[title]]"
"search:summary"
"$:/temp/tb/list-refernces"
"$:/.tb/templates/list-link-summary">>
</dl>
In a [[response to RickL|https://groups.google.com/d/msg/tiddlywiki/DO_ZEh4TEuY/kWwxIOq46_kJ]], here's how you can show related journal entries to any tiddler using a [[Conditional ViewTemplate Section]]...
!! Install
Drag to you wiki: [[$:/.tb/ui/ViewTemplate/journal-entries]]
@@color:#f0f;The below section is rendered for any tiddler with Journal tiddlers tagging to it:@@
Before I show you the macro solution, know that — although easier to read and write — it is not actually needed, except maybe owed to the issue shown at the bottom.
To render a tag button, simply transclude the core template for tag-buttons...
<<` '{{||$:/core/ui/TagTemplate}} {{Welcome||$:/core/ui/TagTemplate}}'>>
Here's a little macro that gives you back the classic tag macro, which will also ship with 5.1.5, so at that point you could remove this version.
<$macrocall $name=`
text="""<<tag>> <<tag Welcome>>"""/>
Simply drag and drop these two into your wiki, the latter being a [[global macro|http://tiddlywiki.com/#Macros%20in%20WikiText]]:
<<source $:/.tb/templates/tag>>
<<source $:/.tb/macros/tag>>
!! Why the template?
The above template is needed to avoid this behaviour (see <<git5 issues/1086>>):
{{Click me!||$:/core/ui/TagTemplate}} {{Click me!||$:/core/ui/TagTemplate}}
From [[Preserving open tiddlers at startup|http://tiddlywiki.com/#Preserving%20open%20tiddlers%20at%20startup]]...
<<static Preserving%2520open%2520tiddlers%2520at%2520startup 340px>>
As [[BuggyJ]] points out [[here|https://groups.google.com/d/msg/tiddlywiki/nxd-Z4UzsJs/GtLiBV6nBl8J]], in [[TiddlyClip]] there is a tab in the sidebar called [[ControlToc|http://tiddlyclip.tiddlyspot.com/#ControlToc]] which implements [[$:/plugins/bj/taglist|http://tiddlyclip.tiddlyspot.com/#%24%3A%2Fplugins%2Fbj%2Ftaglist]].
It allows to reorder list items via drag and drop, even nested lists such as a [[table of contents|http://tiddlywiki.com/#TableOfContentsMacro]].
\replace /#\n[ \t]*/<br>/
Code: [[$:/parsers/skeeve/rules/replace.js]]
!!Example
```
\replace /#\n[ \t]*/<br>/
* line
* line#
continuation#
continuation
* line
```
''renders as:''
* line
* line#
continuation#
continuation
* line
''Note:'' this particular example can be achieved via [[Multiline Content In Lists]] without a need for using this plugin.
As [[Jeremy Ruston]] [[points out here|https://groups.google.com/d/msg/tiddlywiki/KGPqvYpJVH0/EPwmqzqfpAkJ]], to reuse macros you have at least two options...
# tag your macro tiddler [[$:/tags/Macro]]
# wrap your content using the <<tw ImportVariablesWidget>> and have it fetch the variables imported into your tiddler via its filter expression
#* this is precisely how global macros work as well, see [[$:/core/ui/PageTemplate]]
#* this is also helpful if you want to [[avail macros|https://github.com/Jermolene/TiddlyWiki5/issues/1472#issuecomment-73370791]] to <<tw WidgetMessage%3A%20tm-modal modals>>
<<static ImportVariablesWidget 800px yes>>
With [[version 5.1.5|http://tiddlywiki.com/prerelease/]] conditionally rendering content will be much simplified as it is no longer required for the reveal widget to match against the value stored in a state tiddler, but rather to compare against a default value.
This essentially allows to conditionally render contents by comparing evaluated parameters, variables or constants against one another.
!!Example
The below example will render the output when the day defined in the variable `day`, here examplarily set to `Saturday`, matches the current day...
```
<$set name="day" value="Wednesday">
<$reveal type="match" default=<<day>> text=<<dateTime "DDD">>>
Hooray, it's <<day>>!
</$reveal>
<$reveal type="nomatch" default=<<day>> text=<<dateTime "DDD">>>
Nope, it's <<dateTime "DDD">>, so not <<day>> just yet.
</$reveal>
</$set>
```
<<<
<$set name="day" value="Wednesday">
<$reveal type="match" default=<<day>> text=<<dateTime "DDD">>>
Hooray, it's <<day>>!
</$reveal>
<$reveal type="nomatch" default=<<day>> text=<<dateTime "DDD">>>
Nope, it's <<dateTime "DDD">>, so not <<day>> just yet.
</$reveal>
</$set>
<<<
With multiple users editing a wiki, it may be good practice to always force users to review and set their username first. As [[Stephan Hradek]] points out [[here|https://groups.google.com/d/msg/tiddlywiki/mip6gql_VVU/PCo1AxUEmU8J]], you can add a tiddler that allows editing the username in [[$:/ControlPanel]] / ''Info'' as the first default tiddler.
<<source UserName>>
<<<
{{UserName}}
<<<
!! Subtitle Message
On TiddlyDrive, [[Danielo Rodríguez]] implemented a message in [[$:/SiteSubtitle]] to show a more permanent reminder:
```
Signing as <$view tiddler="$:/status/UserName">
@@color:red;
''Anonymous''
@@
</$view>
```
<<<
Signing as <$view tiddler="$:/status/UserName">
@@color:red;
''Anonymous''
@@
</$view>
<<<
Which shows the following when no username is given...
> Signing as @@color:red;''Anonymous''@@
; Hangouts TiddlyWiki
: http://www.richshumaker.com/tw5/TiddlyWiki-Hangouts.html
<<taggly>>
As ''Daniel Baird'' explains [[here|https://groups.google.com/d/msg/tiddlywiki/9G-t9m6N0XM/9ImE9JgYTx4J]], saving a TiddlySpot is easy.
You can use either of these methods...
;Download Link
:.no-before <div>
# create a link to your TiddlySpot
#* e.g. http://tb5.tiddlyspot.com
# right click
# save as
</div>
; Download URL
:.no-before <div>
# create a link to the ''download'' url
#* e.g. http://tb5.tiddlyspot.com/download
# click => opens new tab
#* the server's response tells your browser to save instead of opening it
</div>
Based on [[a solution from Metabele|http://gwiz.tiddlyspot.com/#Stories]], here's how you can save the currently displayed tiddlers as a story and reload that story at any given point later.
In the sidebar there's a non-standard tab called ''Stories''. There you can save the currently displayed tiddlers as a story, as well as select saved stories to either load or delete them, even create a note-tiddler corresponding to the title your snapshot.
The ''Stories'' tab is populated by the below template tiddler tagged [[$:/tags/SideBar]]. If you want it to be under ''More'' in your sidebar, remove this tag and add the tag [[$:/tags/MoreSideBar]].
To get this functionality, simply drag and drop the following link to your TiddlyWiki: <<source $:/.tb/ui/SideBar/Stories>>
<<<
{{$:/.tb/wizards/replace-tag}}
<<<
Inspired by [[Jed Carty|https://groups.google.com/d/msg/tiddlywiki/eGvsXFm8zAk/2d05mC6bwQwJ]].
!! Installation
Drag to your wiki: [[$:/.tb/wizards/replace-tag]]
Inspired by a [[discussion with Mat|https://groups.google.com/d/msg/tiddlywiki/iNVgY_NdVTQ/25xJhGoCPvUJ]] on search and tags — based on the method explained at [[Custom Search Tab Exact]] — you can create a new search tab to list tiddlers with a ''keywords'' field matching the search term: [[$:/.tb/ui/SearchResults/keywords]].
It indexes both a custom `keywords` field as well as the core `tags` field. Try searching for `search` and switch to the ''Keywords'' tab in the results.
The keywords at this tiddler are listed at the very bottom using a [[Conditional ViewTemplate Section]], in this case <<source [[$:/.tb/ui/ViewTemplate/keywords]]>>
Notice how all tiddlers that are listed in the ''text'' of the tiddler [[$:/config/Hide/Keywords]] are excluded from showing the keywords, which are...
`{{$:/config/Hide/Keywords}}`
> {{$:/config/Hide/Keywords}}
As [[Jeremy Ruston]] explains [[here|https://groups.google.com/d/msg/tiddlywiki/MoS3fZxSl_w/MqtZMqftxQIJ]], you can query based on regular expressions fetching the term to be searched from the contents of a tiddler...
`<$list filter="[!is[system]tags[]regexp{$:/temp/search}]">`
You can also use variables:
```
\define search-string()
(?i)($(search-term)$)
\end
<$set name="search-term" value="searchme">
<$list filter="[!is[system]tags[]regexp<search-string>]"/>
</$set>
```
''Note:'' Be aware that any special regexp characters are used with their regexp meaning, so you need to escape `\!` them to use them literally.
!!Filter By Title Match
As [[steve point's out|https://groups.google.com/d/msg/tiddlywiki/2-N-MvE1aTA/jLvo87Ro5CwJ]], listing tiddlers containing a given string to be matched can be tricky.
The regexp filter — allowing you to search via regular expressions — comes to the rescue. Here some useful example filters, whereas `(?i)` asks for case-insensitivity...
<div class="tb-links">
;`[!is[system]regexp[(?i)^R]]`
:starts with R (<$count filter="[!is[system]regexp[(?i)^R]]"/> matches)
:<$list filter="[!is[system]regexp[(?i)^R]]"/>
;`[!is[system]regexp[(?i)R$]]`
:ends with R (<$count filter="[!is[system]regexp[(?i)R$]]"/> matches)
:<$list filter="[!is[system]regexp[(?i)R$]]"/>
;`[!is[system]regexp[(?i)R]limit[10]]`
:contains R — (<$count filter="[!is[system]regexp[(?i)R]limit[10]]"/> matches)
:<$list filter="[!is[system]regexp[(?i)R]limit[10]]"/>
;`[!is[system]regexp[(?i)R]] -[regexp[(?i)^R]] -[regexp[(?i)R$]]`
:contains R but does not start or end with R — (<$count filter="[!is[system]regexp[(?i)R]] -[regexp[(?i)^R]] -[regexp[(?i)R$]]"/> Matches)
:<$list filter="[!is[system]regexp[(?i)R]] -[regexp[(?i)^R]] -[regexp[(?i)R$]]"/>
</div>
The below is a modification of a [[a solution|https://groups.google.com/d/msg/tiddlywiki/w03HpUdfSIk/ZJAaEwyscV4J]] by [[Stephan Hradek]] that adds an additional tab to [[Advanced Search|$:/AdvancedSearch]] {{$:/core/ui/Buttons/advanced-search}} allowing you to search in field contents.
''Note:'' By default the `text` field, i.e. the tiddler body is excluded from search in fields. If you want to search only the `text` field you have to specifically select it.
!!Installation
Simply drag this tiddler into your TiddlyWiki:
* [[$:/.tb/ui/AdvancedSearch/Field]]
!!Preview
Try searching for `cont`...
<<<
{{$:/.tb/ui/AdvancedSearch/Field}}
<<<
With TiddlyWiki, paragraphs and thus lists are treated differently from TiddlyWiki classic.
''the problem''
//Notice how those lists — seemingly split in two — are merged into one.//
<<`
'* foo
* bar
* baz'>>
''perhaps the simplest solution''
//An empty blockquote doesn't render anything visually and breaks the lists.//
<<`
'* foo
* bar
>
* baz'>>
''visually separated''
//Using a horizontal rule, the lists are visually clearly separated.//
<<`
'* foo
* bar
<hr>
* baz'>>
//or...//
<<`
'* foo
* bar
----
* baz'>>
''some html''
//Alternatively, use an empty html element, like `<i/>`, `<b/>`, etc... followed by a linebreak.//
<<`
'* foo
* bar
<b/>
* baz'>>
@@background-color:#fee;padding:14px;border-radius:7px;
Setting a custom field of one of the <<tw SystemFields>> will overwrite a <<tw ShadowTiddler>> provided by the core or a plugin. This will prevent you from getting updates on this component if you upgrade your TiddlyWiki or plugin. Should you notice that some future functionality is missing from your overwritten component, simply delete your customization and create it anew.
@@
If you find your timeline, i.e. the ''recent'' tab, to become too long for your tastes...
# open [[$:/core/ui/SideBar/Recent]]
# copy the contents
# add a `limit="20"` parameter to the timeline `$macrocall`
# add a link to a [[full timeline|Timeline]] at the bottom to access the full list
# paste the original contents from [[$:/core/ui/SideBar/Recent]]
Ever so often it happens that a list returns no results. If you don't want to leave yourself or your visitors hanging, you can use the ''emptyValue'' of the <<tw ListWidget>> to declare content that is to be wikified when the list contains no items.
For example:
<<` """<$list filter="[[DoesntExist]is[tiddler]]" emptyMessage="//I'm sorry, but the tiddler [[DoesntExist]], well, doesn't exists.//"/>""">>
!! Empty Story
As the main story river is also generated from a <<tw ListWidget>>, hence you can define an ''emptyMessage'' for it. For this purpose, the template rendering the story provides you with a placeholder. To use it, create the tiddler $:/config/EmptyStoryMessage and enter the desired contents that will be transcluded when the story is empty.
To show [[Welcome]] when all others are closed, use <<source $:/config/EmptyStoryMessage>>
Also see: <<tw HistoryMechanism>>.
;WIP for MGSD5?
:http://mptw.tiddlyspot.com/mptw5wip.html
A simple quiz solution from [[Stephan Hradek]] at [[TW5Magick|http://tw5magick.tiddlyspot.com]] using [[css classes|http://tiddlywiki.com/#Styles%20and%20Classes%20in%20WikiText]] to reveal the answer on mouseover.
```
@@.Q
the question
@@
@@.A
the answer
@@
```
''renders as:''
@@.Q
the question
@@
@@.A
the answer
@@
<br>
For the css, see <<source [[$:/styles/quiz]]>>
Here is a simple tasklist:
{{$:/.tb/template/tasklist-simple}}
<br><br>
Also see [[Tiddlers By Due Date]], the above lists were rendered by transcluding:
<<source $:/.tb/template/tasklist-simple>>
As [[Mario|Mario Pietsch]] explains [[here|https://github.com/Jermolene/TiddlyWiki5/issues/1081#issuecomment-67733908]], you can easily change your configuration to have TiddlyWiki work in a one-tiddler-at-a-time-mode.
Simply go to the [[control panel|$:/ControlPanel]] {{$:/core/ui/Buttons/control-panel}} and...
# set ''Appearance'' / ''Story View'' to `zoomin`
# set ''Info'' / ''Animation Duration'' to `0`
Now, tiddlers will open one by one as if you were on a more classic website. Once you close a tiddler, the previously viewed tiddler opens.
\define slider-label(prefix,suffix)
$prefix$$(currentTiddler)$$suffix$
\end
\define slide-tiddler-tooltip()
show/hide tiddler $(currentTiddler)$
\end
\define slide-tiddler-qualify(example)
$:/state/slide-tiddler-$example$$(qualified)$
\end
\define slide-tiddler(label,content,tooltip,state,label-hide)
<<slider
label:"$label$"
content:"""$content$"""
tooltip:"$tooltip$"
state:"$state$"
label-hide:"$label-hide$"
>>
\end
; implements...
: [[$:/.tb/macros/slider]]
!! Plain Sliders
<$list filter="[list[Welcome]]">
<$set name=qualified value=<<qualify $(currentTiddler)$>>>
<$macrocall
$name=slide-tiddler
label=<<slider-label>>
content="!!text"
tooltip=<<slide-tiddler-tooltip>>
state=<<slide-tiddler-qualify PS>>
/>
</$set>
</$list>
!! Sliders With Prefix
<$list filter="[list[Welcome]]">
<$set name= qualified value=<<qualify $(currentTiddler)$>>>
<$macrocall
$name=slide-tiddler
label=<<slider-label "+ ">>
content="!!text"
tooltip=<<slide-tiddler-tooltip>>
state=<<slide-tiddler-qualify SWP>>
label-hide=<<slider-label "- ">>
/>
</$set>
</$list>
!! Sliders With Suffix
<$list filter="[list[Welcome]]">
<$set name= qualified value=<<qualify $(currentTiddler)$>>>
<$macrocall
$name=slide-tiddler
label=<<slider-label "" " >">>
content="!!text"
tooltip=<<slide-tiddler-tooltip>>
state=<<slide-tiddler-qualify SWS>>
label-hide=<<slider-label "" " <">>
/>
</$set>
</$list>
!! Sliders With Prefix And Suffix
<$list filter="[list[Welcome]]">
<$set name= qualified value=<<qualify $(currentTiddler)$>>>
<$macrocall
$name=slide-tiddler
label=<<slider-label "" " >">>
content="!!text"
tooltip=<<slide-tiddler-tooltip>>
state=<<slide-tiddler-qualify SWPAS>>
label-hide=<<slider-label "< ">>
/>
</$set>
</$list>
!! Sliders With Images
<$list filter="[list[Welcome]]">
<$set name= qualified value=<<qualify $(currentTiddler)$>>>
<$macrocall
$name=slide-tiddler
label=<<slider-label "" " {{$:/core/images/chevron-right}}">>
content="!!text"
tooltip=<<slide-tiddler-tooltip>>
state=<<slide-tiddler-qualify SWI>>
label-hide=<<slider-label "" " {{$:/core/images/chevron-down}}">>
/>
</$set>
</$list>
\define slider-label(prefix,suffix)
$prefix$<$text text="$(currentTiddler)$"/>$suffix$
\end
@@color:purple;
> ''Note:'' While working, there is a problem using anything complicated as the button text, e.g. a ~CamelCase tiddler title with an image. The button will either render it as an internal-link and open the tiddler as well as the slider or simply look like spaghetti html, see last example.
@@
The ''slider'' macro displays a button which when clicked reveals content and hides it upon a second click, thus toggling the slider contents.
! Parameters
|!# |!Name |!Description |!Default |
|1 |label |the text label of the slider button| |
|2 |content |the content to be shown as a TextReference | |
|3 |state |a state tiddler storing the open/ close state of the slider | |
|4 |tooltip |a tooltup for the slider button shown when hovering it with a mouse-pointer | |
|5 |label-hide |a label shown when closing the tiddler, if none specified always shows the label| |
|6 |animate |whether to animate opening and closing the contents|`yes` |
|7 |class |a css class assigned to the slider contents| |
|8 |btn-class |a css class assigned to the button, by default shows the slider button as if an internal link|`tc-btn-invisible tc-tiddlylink` |
|9 |element |the html element type of the slider contents<br>use `span` to create an inline slider|`div` |
|10 |plain |when specified, e.g. as `plain=true`, renders the content specified in ''content'' directly instead of fetching a text-reference| |
! Examples
The following example creates a slider for the [[Welcome]] tiddler...
<$macrocall $name=`
text="""<<slider show Welcome "$:/state/slider/Welcome" label-hide:hide>>"""/>
The next example shows custom content inline using an italics element...
<$macrocall $name=`
text="""<<slider show "this text" "$:/state/slider/ItalicText" label-hide:hide element:i plain:true>>"""/>
The next example implements custom arrows with a helper macro thus requiring to use the macrocall widget, wrapped using the TiddlerWidget to set a different context.
```
\define slider-label(prefix,suffix)
$prefix$<$text text="$(currentTiddler)$"/>$suffix$
\end
```
<$macrocall $name=`
text="""<$tiddler tiddler="GettingStarted">
<$macrocall
$name="slider"
label=<<slider-label "" " {{$:/core/images/chevron-right}}">>
content="!!text"
state="$:/state/slider/GettingStartedPrefixes"
label-hide=<<slider-label "" " {{$:/core/images/chevron-down}}">>
/>
</$tiddler>"""/>
<div class="tb-taglist">
<<list-search
"[!is[system]tag[Solutions]tags[]!is[system]sort[title]] -[tag[Community]] -[tag[Plugin]] -[tag[Main]] -[tag[Welcome]] -[[hide this]] -Task -picture -Test -Done "
search
"$:/temp/tb/solutions"
"$:/.tb/templates/solution-tags"
"Filter both lists...">>
</div>
!!Latest Solutions
<div class="solutions">
<$set name="remove" value="Solutions">
<<list-search
"[tag[Solutions]!sort[created]]"
"search"
"$:/temp/tb/solutions"
"$:/.tb/template/tagged-timeline"
limit:20>>
</$set>
</div>
!! [[All Solutions...|All Solutions]]
<style>
.solutions input {
display:none;
}
</style>
A worklflow [[proposed by Alex Hough|https://groups.google.com/forum/#!topic/tiddlywiki/Xz2lSXXy0iU]]...
Here's how you can split long content while editing...
# remove relevant textbits from the editor and put it in the new tiddler
# enable the preview pane
# create link
# click link in preview to create new tiddler
# paste textbits into new tiddler
''Tip:'' turn comma separated lists in the text into bullet points.
Do you prefer for tabs, sliders, inputs fields to be loaded with their defaults on startup rather than their current state be persisted upon saving?
[[In this comment|https://github.com/Jermolene/TiddlyWiki5/issues/1199#issuecomment-65830444]] [[Jeremy|Jeremy Ruston]] explains how to not have [[states|http://tiddlywiki.com/#StateMechanism]] or other temporary tiddlers put under `$:/temp/` persisted when saving Tiddlywiki.
To override which tiddlers are saved when you hit the save button {{$:/core/ui/Buttons/save-wiki}}, you can specify a template to be used in...
;[[$:/config/SaveWikiButton/Template]]
:{{$:/config/SaveWikiButton/Template}}
@@.warn ''Caution:'' Defining the wrong save-filter may have you unknowingly lose data!@@
Here is the template I am using to discard any states or temporary tiddlers:
<<source $:/.tb/templates/tw-save>>
The core default save template is...
<<source $:/core/save/all>>
As [[decribed on tiddlywiki.com|http://tiddlywiki.com/#Saving%20on%20a%20PHP%20Server]] it is easy to run TiddlyWiki as your own website while editing and saving entirely online without a need for [[an offline ftp client|https://filezilla-project.org]], using a script that enabled users for a long time to upload [[TiddlyWiki classic|http://classic.tiddlywiki.com/]] to any php-powered server.
All you need to do is...
# download [[store.php|https://code.google.com/p/bidix/source/browse/trunk/TiddlyWiki/contributors/BidiX/serversides/UploadService/store.php?r=140]]
# edit the file in a text editor, adding the desired usernames and passwords
# upload it via an [[some ftp client|https://filezilla-project.org]] or your hoster's web interface to your php-server
# open the ''Saving'' tab of TiddlyWiki's [[control panel|$:/ControlPanel]] and enter:
#; Server URL
#: http://your.domain.com/folder/store.php
#; Wiki Name
#: a valid username as specified in 2.
#; Password
#: the password for that user
Optionally, you can specify further upload settings differing from the defaults:
; Upload Filename
: the filename used to save the TiddlyWiki, default: ''index.html''
; Upload Directory
: the relative path from ''store.php'' to the directory used for saving the file
; Backup Directory
: the relative path from ''store.php'' to the directory used for backups
To provide this capability for a number of folders, simply repeat the above steps.
''Note:'' With passwords stored in plain-text, be sure to be the only one with access to it.
!! Access Rights
Adequate access rights for store.php are `744`...
<<ximg storephp-permissions.gif "744 for store.php">>
!! [[Raspberry Pi|http://www.raspberrypi.org/]]
[[Here are some Instructables|http://www.instructables.com/id/TiddlyWiki-5-on-Raspberry-Pi-Server-in-15-minutes]] on how to get all of this running on this micro-multi-talent.
!!GitHub Pages
If you want to use TiddlyWiki alongside your TiddlyWiki related GitHub Projects or any other project, you can use [[GitHub Pages|https://pages.github.com]].
;GitHub
:<<git5 issues/1290>>
;classic
:http://opentopplugin.tiddlyspace.com
<dt>
```
~~strikethrough~~
```
</dt>
<dd>~~strikethrough~~</dd>
<dt>
```
@@color:red;
;css styles
:apply directly like this
@@
@@color:red;or this@@
```
</dt>
<dd>
@@color:red;
;css styles
:apply directly like this
@@
@@color:red;or this@@
</dd>
<dt>
```
sub,,script,,
```
</dt>
<dd>sub,,script,,</dd>
<dt>
```
super^^script^^
```
</dt>
<dd>super^^script^^</dd>
You can insert svg directly as wikitext or use [[Typed Blocks]]...
{{$:/.tb/demo/svg-circle}}
via <<source "$:/.tb/demo/svg-circle">>
Here's an easy way [[by Jon|https://groups.google.com/d/msg/tiddlywiki/xMpBnEPRZKU/j2mXWkkEYzQJ]] to create clickable links in svg images within SVG-Edit:
* create and select an element
* click the toolbar button ''make hyperlink''
* enter an anchor link to a tiddler, e.g. `#Welcome`
* click the toolbar button to show the svg source
* copy and paste the svg code into a tiddler
* click on the element for which you set the link and [[Welcome]] will open
<iframe src="http://svg-edit.googlecode.com/svn/branches/stable/editor/svg-editor.html" style="width:100%;height:550px;border:0"/>
To display a tab for recently created tiddlers rather than recently modified tiddlers, create a [ext[system tiddler|http://tiddlywiki.com/static/SystemTiddlers.html]] by cloning [[$:/core/ui/MoreSideBar/Recent]], then declaring the ''dateField'' for the [[timeline macro|http://tiddlywiki.com/static/timeline%2520Macro.html]], and setting all other fields according to your needs:
; title
: whichever you prefer, e.g. [[$:/.tb/ui/SideBar/Created]]
; caption
: `Created`
; text
```
<$macrocall $name="timeline" format={{$:/language/RecentChanges/DateFormat}} dateField="created"/>
```
;tags
<<<
; [[$:/tags/SideBar]]
: for a new tab in the sidebar
; [[$:/tags/MoreSideBar]]
: for a new tab under sidebar / more
<<<
; list-after
; list-before
: to control the placement of the tab in the tab sequence
To create a custom table of contents with an expandable menu...
# create the toc using [[TableOfContentsMacro|http://tiddlywiki.com/#TableOfContentsMacro]]
# tag your toc tiddler `$:/tags/SideBar`
# give it a `caption` field if you want the tab to display a different title than that of the toc tiddler ([[example|http://tiddlywiki.com/#TableOfContents]])
<<ximg toc.jpg tooltip:"example toc from tiddlywiki.com" class:"pretty">>
example toc from [[tiddlywiki.com|http://tiddlywiki.com/#TableOfContents]]
<dt style="font-size:80%;">
```
| !Header | !Header | Mhhh ?!? |
|^NE |^ N |^ NW|
|W | ✦ | E|
|,SW |, S |, SE|
|merge|left|<|
|and|now| vertical |
|>| right|~|
```
</dt>
<dd style="font-size:80%;">
| !Header | !Header | Mhhh ?!? |
|^NW |^ @@padding:0 7px 14px 7px;display:block; N@@ |^ NE|
|W | ✦ | @@padding:7px 0;display:block; E@@|
|,SW |, @@padding:14px 7px 0 7px;display:block; S@@ |, SE|
|merge|left|<|
|and|now| vertical |
|>| right|~|
</dd>
If you are wishing to use borderless tables [[like Diane|https://groups.google.com/d/msg/tiddlywiki/lPvh5gcea70/JHWgVmIvHdIJ]], here's what you do:
Add the following styles to one of your [[Custom Stylesheets]]...
```
.no-border,
.no-border th,
.no-border tr,
.no-border td{
border:0;
}
```
Then assign the css class `no-border` using [[css-class-wrappers]] like so:
<<`
'@@.no-border
|!border|less|
@@'>>
or so...
<<`
'<table class="no-border">
<tr><th>border</th><td>less</td></tr>
</table>'>>
; basic idea based on
: http://tagfiltr.tiddlyspace.com
: http://tagsplorermacro.tiddlyspace.com
[[$:/.tb/macros/tagging]] provides a global macro implementing the classic `<<tagging>>` macro, allowing you to both, get the tagging tiddlers for the current tiddler or another tiddler.
!!Parameters
These parameters can be specified for the tagging macro:
|!#|!Parameter|!Description|!Default|
|1|''title'' |a tiddler for which to list tagging tiddlers |`<<currentTiddler>>`|
|2|''state'' |a text reference to store a state to enable list-search...<br>» requires [[list-search]]<br>» requires the title to be specifically declared!| |
|3|''template'' |an item template used to render the tagging tiddlers |[[$:/core/ui/ListItemTemplate]]|
!!Examples
<$macrocall $name=`
text="""<<tagging>>"""/>
<$macrocall $name=`
text="""<<tagging Welcome>>"""/>
The tagging macro can be used in combination with [[list-search]] (install separately!):
<$macrocall $name=`
text="""<<tagging Welcome"$:/temp/tagging-example">>"""/>
<$macrocall $name=`
text="""<<tagging "Ton Gerner" template:"$:/.tb/templates/list-link-summary">>"""/>
The macro source is <<source "$:/.tb/macros/tagging">>
This tiddler documents the [[<<taggly>> macro|Taggly Tagging For TW5]].
; `<<taggly>>`
: get the tagging tree for the current tiddler, e.g. Developer
; `<<taggly "[Foo Bar]">>`
: get tagging tree for ''Foo Bar'' (single brackets!)
; `<<taggly "tag[Bar]">>`
: get tagging tree for all tiddlers tagged ''Bar''
!! Parameters
The taggly macro allows you to specify the following parameters...
|!# |!Parameter |!Description |!Default |
|1 |''subfilter'' |a subfilter working as a selector defining the tag(s) from which to build the tree|`all[current]`|
|2 |''template'' |the recursive template used to traverse the tagging tree and render the items|[[$:/.tb/ui/ViewTemplate/tagging-sublist]]|
!! Example
<$macrocall $name=`
text="""<<taggly "list[GettingStarted]">>"""/>
Ever wanted [[those MPTW tag hierarchies|http://mptw.tiddlyspot.com/#TagglyTagging]] back? Yes, we have an awesome [[table of contents|http://tiddlywiki.com/#TableOfContentsMacro]] now, but what if you just wanted a simple tagging tree, e.g. displayed for all tags that are used as such but which are still missing tiddlers?
Inspired from a first draft of [[MPTW for Tiddlywiki 5|http://mptw.tiddlyspot.com/mptw5wip.html]] and using [[conditional view-template voodoo|Conditional ViewTemplate Section]], here's how you can show a basic taggly-tagging-style tagging tree for all missing tiddlers ...and also also existing tiddlers with a tiny modification to [[the source|$:/.tb/ui/ViewTemplate/tagging]].
Import the following tiddlers into your Tiddlywiki (source code shown at the bottom):
; [[$:/.tb/macros/taggly]]
: {{$:/.tb/macros/taggly!!summary}}
: use the `<<taggly>>` macro in a tiddler to get its tagging tree, e.g. [[Developer]]
: `<<taggly "[Foo Bar]">>` for the tagging tree of ''Foo Bar'' — single brackets!
; [[$:/.tb/ui/ViewTemplate/tagging-sublist]]
: {{$:/.tb/ui/ViewTemplate/tagging-sublist!!summary}}
; [[$:/.tb/ui/ViewTemplate/tagging]]
: optional, {{$:/.tb/ui/ViewTemplate/tagging!!summary}}
: renders an automagically generated tagging tree for missing tiddlers, e.g. [[Macros|$:/tags/Macro]]
!! Customization
Edit the template to either change the styles (which you can also override using your own [[Custom Stylesheets]] or show the tagging tree at the bottom of all tiddlers and not just missing ones, removing the `subfilter` parameter from the taggly macro call in:
<<source [[$:/.tb/ui/ViewTemplate/tagging]]>>
Here's the recursion template <<source [[$:/.tb/ui/ViewTemplate/tagging-sublist]]>>
And the macro <<source [[$:/.tb/macros/taggly]]>>
The ''tagline'' macro allows you to render a random tagline for TiddlyWiki.
!! Examples
{{$:/.tb/macros/tagline}}
!! Installation
Drag and drop the following tiddlers to your wiki...
; [[$:/.tb/macros/tagline]]
: the macro
; [[$:/.tb/macros/tagline/data]]
: the taglines and configuration fields `prefix` & `suffix`
; [[$:/plugins/tobibeer/letfilter/let.js]]
: the [[let]] filter implementing `[let:RANDOM[]]`
!! Currently Defined Taglines
<$tiddler tiddler="$:/.tb/macros/tagline/data">
<pre><$view text/></pre>
''prefix''<br>
<pre><$view field=prefix/></pre>
''suffix''<br>
<pre><$view field=suffix/></pre>
</$tiddler>
!!Macro Source
<<source [[$:/.tb/macros/tagline]]>>
Tags are one of the most important features in tw. At the moment they are already somewhat hidden under the more tab. If you want them to be more prominent, here's one way to make tags a main tab in the sidebar...
# open [[$:/core/ui/MoreSideBar/Tags]]
# remove tag [[$:/tags/MoreSideBar]]
# add tag [[$:/tags/SideBar]]
# add field `list-after`, e.g. with `$:/core/ui/SideBar/Recent`
# optionally remove this code to remove the [[$:/TagManager]]
#* add to a tiddler of your liking: <<source $:/config/TagManager>>
The concept of ''tags'' is fundamental to working with TiddlyWiki, like the title of a tiddler being its unique identifier.
Tags provide a means to categorize and structure tiddlers. Sometimes they even have functional implications, like <<tw SystemTags>>. The [[TagManager|$:/TagManager]] gives you a list of all current tags and allows you to set colors and icons for them.
The most important aspect about tags is that they establish a ''parent-child-relation''. Semantically speaking, each tiddler having a tag is a child to the tag, like a book to an author, a car to an owner, or a property to an object, etc...
For answering //"How to tag this tiddler?"//, consider the answer to //"How do I relate this tiddler to other tiddlers?"//. Be clear about what's a parent, what's a child, what's content, and what's a property (field)...
; apply a tag
: for everything that is a worthy parent category
:: with likely more than one other tiddler tagging to it
:: the tag itself at some point serving as an index to quickly navigate to its children
; use links in the text
: for everything in need of mentioning and cross referencing contextually
:: not in the sense of a categorization, but as a textual reference
; make it a tag
: when too much content explodes this tiddler and begs you to extract sections into their own little tiddlers...
:: either use the {{$:/core/ui/Buttons/new-here}} ''new-here'' button to create a child tiddler, tagging to this one
:: or use internal links to refer back and forth between the tiddlers as appropriate
!! Conclusion
Use a tags to refer to a category or parent. Use ''new here'' to make it a tag, when you wish to relate to a child. Otherwise use internal links to create references.
~
!! Tag Filters
Some important filters for using tags...
; <<tw "FilterOperator: tag" tag>>
: `[tag[SomeTag]]`
: returns all tiddlers from the current list that have the tag specified in the operand
; <<tw "FilterOperator: tags" tags>>
: `[[SomeTiddler]tags[]]`
: returns all the tags present on the tiddlers in the current list
; <<tw "FilterOperator: tagging" tagging>>
: `[[SomeTiddler]tagging[]]`
: returns all tiddlers tagged by the tiddlers in the current list
; <<tw "FilterOperator: untagged" untagged>>
: `[untagged[]]`
: selects from the current list any tiddlers without any tags
; <a href={{filters!!url}} target="_blank">filters</a>
: {{filters!!summary}}
~
!! Documentation On TiddlyWiki.com
<<static Tagging height:600px scrolling:yes>>
;The below table...
: gathers all tiddlers tagged ''Task''
: grouped by whether or not the ''Done'' tag is assigned as well
: displays a checkbox to mark ''Task'' tiddlers ''Done'' or to reopen them
: displays additional tags of ''Task'' tiddlers
<br>
{{$:/.tb/template/tasklist-tags}}
<br><br>
rendered by transcluding:
<<source $:/.tb/template/tasklist-tags>>
also using these two templates for the table rows, which are needed to avoid state-collisions, i.e. same tag pills opening up at once...
[[$:/.tb/template/tasklist-tags/open]] and here's a preview of <<source [[$:/.tb/template/tasklist-tags/closed]]>>
It's really trivial and so powerful, indeed.
Ever wanted to just test something but not screw up your wiki?
Simply go to http://tiddlywiki.com and work your magic over there!
Unless you need to reload the page, e.g. by installing a plugin, you can pretty much experiment on a whole range of things with live content, e.g. drag your test content to it and test editing over there to your heart's content.
Are you happy with the results? Well, then grab that link and pull it back to your TiddlyWiki.
When was the last time you visited a website that allowed you to do just that?!
Find something to be off? Then check out this [[simple documentation workflow|Documentation]] on how easy it is to make things better for the rest of us.
The ''text'' macro provides a most simple macro to output colored text...
```
<<text red "Warning!">>
```
> <<text red "Warning!">>
...as a more readable variant compared to standard [[styled-wrappers]]...
```
@@color:red;Warning!@@
```
> @@color:red;Warning!@@
''Drawback:'' You can't call other macros like so...
```
@@color:green;float:right;''<<version>>''@@
```
@@color:green;float:right;''<<version>>''@@
So, learning a bit of [[wikitext markup|Markup]] may be that better choice.
!! Installation
Drag to your wiki: <<source [[$:/.tb/macros/text]]>>
As <<excerpt "I was wondering">> how to do simple text excerpts, <<excerpt "I stumbled upon">> [[this post|https://groups.google.com/d/msg/tiddlywiki/8rXt-qVqTb0/gbgWItz0CgAJ]] by [[Mat|Matias Goldman]] and was inspired to create the following macros.
!! Usage
Using the `<<excerpt>>` macro, provided by $:/.tb/macros/excerpt, define the text you wish to use as an excerpt as its first parameter, e.g.:
`<<excerpt "this is an excerpt">>`
> <<excerpt "this is an excerpt">>
At the point where you wish to output a list of excerpts, use the `<<excerpts>>` macro. For performance reasons consider specifying a filter as the first parameter.
`<<excerpts>>`
> <<excerpts>>
`<<excerpts [tag[Solutions]]>>`
> <<excerpts [tag[Solutions]]>>
!!Installation
Drag to your wiki: <<source [[$:/.tb/macros/excerpt]]>>
Here's [[an experiment by BuggyJ|http://xlink.tiddlyspot.com/#Making%20curved%20text%20with%20inline%20SVG]] showing how to render text on a svg vector graphic.
<div class="text-on-path">
<$edit-text tiddler="$:/temp/tb/text-on-path" tag="input" placeholder="Enter some text..." default=""/>
<$macrocall $name="textOnPath" text={{$:/temp/tb/text-on-path}}/>
</div>
rendered via:
```
<$edit-text tiddler="$:/.tb/example/text-on-path" tag="input" placeholder="Enter some text..." default=""/>
<$macrocall $name="textOnPath" text={{$:/temp/tb/text-on-path}}/>
```
<style>
.text-on-path input {
width:100%;
display:block;
}
</style>
Here's the source of the tiddler defining the textOnPath macro which renders the svg with a path overlay <<source $:/.tb/macros/example-svg-text-on-path>>
The Third Flow plugin brings to you another way to develop customizations for TiddlyWiki 5. It is not enforcing a specific development flow, it simply tries to help you. Otherwise, it tries to stay out of your way.
----
You can develop your plugin directly from within your browser. A server-based TiddlyWiki instance running on Node.js ensures that all your source tiddlers are neatly stored in a clean and hierarchically organized folder structure.
Source code management is done as usual using your favorite source code management tool, such as git and others. As the Third Flow plugin structures your tiddler source files you get a well-organized repository structure at no price.
For packaging your plugin you finally simply run a shell script which packs the plugin tiddler and saves it to disk. Additionally, a demonstration TiddlyWiki is also created that guides your future plugin users through the process of deploying your new plugin.
;test drive
:http://thediveo.github.io/ThirdFlow/output/thirdflow.html
\define me(vehicle, dwelling, kin)
I drive a $vehicle$, live in $dwelling$, and have $kin$.
\end
[[Transclusion|http://tiddlywiki.com/static/Transclusion.html]] is an integral part of modern TiddlyWiki 5. As a consequence, the [[tiddler macro|http://tiddlywiki.org/#tiddler]] of a classic TiddlyWiki is no longer of need or present.
Using templates and placeholders became a lot more flexible than in the old days where you were bound to cryptic, numbered placeholders from $1 to $9. Now, you are free to specify any placeholders you desire as macro parameters, e.g.
```
\define me(vehicle, dwelling, kin)
I drive a $vehicle$, live in $dwelling$, and have $kin$.
\end
<<me "bicycle and I love it" "a flat" "great friends">>
```
> <<me "bicycle and I love it" "a flat" "great friends">>
You can even be specific about your parameters in your desired order, e.g.:
```
<<me
kin:"great friends"
dwelling:"a flat"
vehicle:"bicycle and I love it">>
```
> <<me
kin:"great friends"
dwelling:"a flat"
vehicle:"bicycle and I love it">>
In classic TiddlyWiki things would have looked like so...
```
title: me
I drive a $1, live in $2, and have $3.
```
```
title: test me
<<tiddler me with: "bicycle and I love it" "a flat" "great friends">>
```
{{$:/.tb/msg/tid-file}}
You can see how, while being concise, the classic template is far less readable than the modern macro.
Nevertheless, if you truly desired a tiddler macro as you were used to, you can achieve something resembling the old functionality using a global macro like [[$:/.tb/macros/tiddler]].
Note, however that you must adapt your old placeholders from being `$1` to `<<$1>>` as Eric Shulman explains [[here|https://groups.google.com/d/msg/tiddlywiki/XHvrJQVUqYs/lb7quEe2AgAJ]]. Plus, unless you wanted to introduce a superfluous dummy parameter to capture it, you also need to remove any old `with:`.
The syntax to model the above example would be...
```
title: me
I drive a <<$1>>, live in a <<$2>>, and have <<$3>>.
```
```
title: test me
<<tiddler me "bicycle and I love it" "flat" "great friends">>
```
To be honest, it's difficult to see a benefit in doing that.
Here the source of the tiddler macro remake as per Eric Shulman:
<<source [[$:/.tb/macros/tiddler]]>>
Following [[these instructions|http://codepen.io/eode9/pen/twkKm]], here's how you can show a ribbon at each tiddler using a [[Conditional ViewTemplate Section]] and some css.
; the ribbon
: [[$:/.tb/ui/ViewTemplate/ribbon]]
; the styles
: [[$:/.tb/styles/ribbon]]
For the ribbon to not show as an overlay, but cut-off, this tiddler is also tagged {{ribbon||$:/core/ui/TagTemplate}}. This tag is hidden in view-mode via [[Hide Tag Buttons]]. However, this brings the problem that popups will be cut-off (<<git5 issues/1102>>). Try clicking the above tag button.
''Note'': For small screen widths the ribbon is shown as a bottom bar.
Here's a basic workflow as [[proposed by Jeffrey Kishner|http://blog.jeffreykishner.com/2014/01/17/a-tiddlywiki-filter-to-list-due-dates.html]] to assign due dates to tiddlers and list them accordingly.
!!Setting Due Dates
Add the field ''due'' to any desired tiddler and set the value using `YYYY-0MM-0DD` format, e.g. `2014-01-01`.
!! Listing Due Tiddlers
<table>
<tr><th>Due</th><th>Tiddler</th></tr>
<$list filter="[has[due]!tag[Done]sort[due]]">
<tr>
<td><$view field="due"/></td>
<td>
<$checkbox tag="Done">
<$link to={{!!title}}><$view field="title"/></$link>
</$checkbox>
</td>
</tr>
</$list>
</table>
rendered via :
```
<table>
<tr><th>Due</th><th>Tiddler</th></tr>
<$list filter="[has[due]!tag[done]sort[due]]">
<tr>
<td><$view field="due"/></td>
<td>
<$checkbox tag="done">
<$link to={{!!title}}><$view field="title"/></$link>
</$checkbox>
</td>
</tr>
</$list>
</table>
```
; GitHub
: https://github.com/danielo515/TiddlyDrive
Links: [[GitHub|https://github.com/felixhayashi/TW5-TiddlyMap]] / [[help|http://felixhayashi.github.io/TW5-TiddlyMap/index.html#%24%3A%2Fplugins%2Ffelixhayashi%2Ftiddlymap%2Fdocs%2Fhelp]]
/ [[readme|http://felixhayashi.github.io/TW5-TiddlyMap/index.html#%24%3A%2Fplugins%2Ffelixhayashi%2Ftiddlymap%2Fdocs%2Freadme]]
/ [[The Big Picture|http://felixhayashi.github.io/TW5-TiddlyMap/index.html#TiddlyMap%20-%20The%20Big%20Picture]]
<<ximg tiddlymap.gif TiddlyMap class:"pretty">>
; Introductory Video
: https://www.youtube.com/watch?v=dmeIxuN0L5w <iframe src="http://www.youtube.com/embed/dmeIxuN0L5w" frameborder="0" allowfullscreen style="width:100%;height:420px;"/>
The workflow to host any tw5 on TiddlySpot couldn't be much simpler:
In fact, you can upload ''__any__'' tw5 to your TiddlySpot Site ID, simply by entering the correct Site ID and password into [[ControlPanel|$:/ControlPanel]]: ''Done!''
If you neither have a TiddlyWiki or TiddlySpot yet, here's a simple process to do to get both up and running (only works in Chrome or Safari, not Firefox or IE).
# create [[new TiddlySpot|http://tiddlyspot.com]]
#* flavour doesn't matter, just remember the ''Site ID''
#* keep that window open
# [[download|http://tiddlywiki.com/#GettingStarted]] or simply [[open an empty TiddlyWiki|http://tiddlywiki.com/empty.html]]
# set your basics in [[ControlPanel|$:/ControlPanel]] to your liking ...I most always do:
#*''Info:'' Title, Subtitle, Username, animation = 0
#* ''Settings:'' autosave "off", "include target URL", "update history"
# under [[ControlPanel / Saving|$:/ControlPanel]] enter TiddlySpot credentials
#* simply enter TiddlySpot password and ''Wiki Name'' as TiddlySpot site ID
# click save {{$:/core/ui/Buttons/save-wiki}}
#* open or reload that TiddlySpot window
# Enjoy!
!!Related articles
<<taggly>>
!!Topics
<<tagging>>
!!The Actual Timeline
<$macrocall $name="timeline" format={{$:/language/RecentChanges/DateFormat}}/>
<dl>
<<list-search
"[all[current]tagging[]sort[title]]"
"search"
"$:/temp/list-search-my-stuff"
"$:/.tb/templates/list-search-me">>
</dl>
\define regexp-headings() (^!+.*)(?gmi)
<div class="tidtoc tc-tiddler-frame">
<$list filter="[all[current]match:text<regexp-headings>]">
{{!!title}}
</$list>
<style>
.tidtoc {
display:inline-block;
width:auto;
padding:10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:10px;
}
.tidtoc h1,
.tidtoc h2,
.tidtoc h3,
.tidtoc h4,
.tidtoc h5,
.tidtoc h6 {
font-size:100%;
margin:0;
}
.tidtoc h1 {
font-weight: bold;
}
.tidtoc h2 {
text-indent: 15px;
}
.tidtoc h3 {
text-indent: 30px;
}
.tidtoc h4 {
text-indent: 45px;
}
.tidtoc h5 {
text-indent: 60px;
}
.tidtoc h6 {
text-indent: 75px;
}
.float-right{
float:right;
text-align:right;
}
</style>
Based on [[a solution posted|https://groups.google.com/d/msg/tiddlywiki/zB40PBIDkBE/d-OOeImmzk0J]] by [[Stephan Hradek]], here's a way to have a link to toggle contents rendered someplace else using two macros...
; toggle
: toggles a state via clicking a button
; show
: displays content from any [[text-reference|http://tiddlywiki.com/#TextReference]] based on a state
```
This <<toggle toggle-example link>> reveals contents at some other place. Some more text and now the hidden content...
<<show toggle-example "{{!!content}}">>
<<toggle toggle-example Link>> clicked?
```
<<<
This <<toggle toggle-example link>> reveals contents at some other place. Some more text and now the hidden content...
<<show toggle-example "{{!!content}}">>
<<toggle toggle-example Link>> clicked?
<<<
!! Macro Parameters
|!#|!Parameter|!Description|!Default|
|>|>|>|!toggle|
|1|state|a text-reference for storing the toggle state|your value will be prefixed `$:/state/`|
|2|label|a label for the link||
|3|class|css classes for the button|`tc-btn-invisible tc-btn-link`<br>and when shown:<br>`tc-btn-link-show`<br>when hidden:<br>`tc-btn-link-hide`|
|>|>|>|!show|
|1|state|the text-reference where clicking the link stored the state|your value will be prefixed `$:/state/`|
|2|text|the transcluded text<br>displayed when state is non-empty||
Here's the global macro tagged [[$:/tags/Macro]] used to produce the effect...
<<source $:/.tb/macros/toggle-content>>
Inspired by [[this post|https://groups.google.com/d/msg/tiddlywiki/dQbt-JFdRR8/gzglQDdmAQAJ]] from [[Metabele]], the following table allows you to toggle all standard and also custom sidebar tabs...
> {{$:/.tb/config/sidebar-tabs}}
{{$:/.tb/msg/core-overwrite}}
This method works according to [[these instructions|http://tiddlywiki.com/static/How%2520to%2520add%2520a%2520new%2520tab%2520to%2520the%2520sidebar.html]].
The basic functionality is provided by [[$:/.tb/config/sidebar-tabs]] and allows you to toggle all core tabs in the sidebar and those under ''More''.
In addition, ou can create a tiddler [[$:/.tb/config/sidebar-tabs/custom]] for customizations:
; text
: use the tiddler text to specify a namespace for custom tabs
: in this wiki, the prefix being used is <code><$view tiddler="$:/.tb/config/sidebar-tabs/custom" field="text"/></code>
; more
: the title for an extra column
: useful for a tab holding custom subtabs, equivalent to ''More''
; more-tag
: the tag-name to be toggled via check-boxes in the extra column
!!Installation
If you want the customization tiddler present as well, import [[$:/.tb/config/sidebar-tabs/custom]] as a skelleton, otherwise drag this over to your wiki and make accessible where you see fit: <<source [[$:/.tb/config/sidebar-tabs]]>>
This wiki implements a top-menu which renders the main topics as icon-links. Below the steps I took to achieve it.
!! Step 1 — menu tiddler
Create a tiddler tagged [[$:/tags/TopLeftBar]] which will render it into the predefined placeholder.
Here it is [[$:/.tb/ui/TopLeftBar]], which also holds the logic to auto-generate the menu, so import that or copy its contents into your new menu-tiddler.
!! Step 2 — menu items
This wiki uses the tiddler [[$:/.tb/ui/TopLeftBar/config]] to manually enter all tiddlers displayed in the menu using the `list` field in the desired order.
''Note:'' Any tiddler could be used to hold the list, even the menu tiddler. However, if the code were updated in the future and you'd like to simply import the new version, your configuration would be overwritten. Therefore, the configuration was put somewhere else.
!! Step 3 — eye candy
To display icons and custom captions, define these fields at your menu tiddlers...
; menu-icon
: `{{$:/core/icon}}` — used at [[Core]]
:: transcludes the desired menu icon, in this case an [[svg shipped with the core|Core Images And Inline Stylesheets]]
:: unfortunately, the `icon` field is unavailable as it currently cannot be transcluded
; caption
: `Start` — used at [[Welcome]]
:: defines the title used for the menu link
:: no caption = not text
!! Scrolling
@@color:red; ''Caution'': This may make edit mode jumpy!@@
To fix the problem of a tiddler scrolling underneath the top bar when opening, this wiki currently uses a hack to override a core function: [[$:/hack-142-scroll-pagescroller.js]]
!! Styles
The default styles are provided using [[an inline <style> tag|Core Images And Inline Stylesheets]] at the bottom of [[$:/.tb/ui/TopLeftBar]]. To override these styles, [[create a custom stylesheet tiddler|Custom Stylesheets]].
The defined styles here...
* fix the positioning, width and coloring of the default topbar
* define icon size and box properties
* set link text properties
To transclude a tiddler as code with syntax highlighting, install [[Highlight Plugin|http://tiddlywiki.com/plugins/tiddlywiki/highlight/]] and then use the ''codeblock'' widget specifying the language used to highlight your code...
<<` """<$codeblock language=“javascript” code={{$:/.tb/demo/example.js}}/>""">>
<dt>
```
{{Foo}}
{{Foo||Bar}}
{{||Foo}}
{{Foo!!bar}}
{{!!bar}}
{{Foo##index}}
{{##index}}
{{{ [tag[Foo]] }}}
{{{ [tag[Foo]] ||Bar}}}
```
</dt>
<dd>
» [[transcludes|http://tiddlywiki.com/#Transclusion%20in%20WikiText]] tiddler `Foo`<br>
» `Foo` with template `Bar`<br>
» template `Foo` for `CurrentTiddler`<br>
» field `bar` of `Foo`<br>
» field `bar` of `CurrentTiddler`<br>
» `index` of datatiddler `Foo`<br>
» `index` of `CurrentTiddler` (=data)<br>
» list of tiddlers tagged `Foo`<br>
» same using template `Bar`
</dd>
;Interactive Tool
:http://tiddlywiki.com/prerelease/editions/translators/index.html
;GitHub Repository
:https://github.com/Jermolene/TiddlyWiki5/tree/master/languages
;Using GitHub
:<<git5 pull/1033>>
;Workflow Details
:<<git5 issues/1193#issuecomment-65497083>>
In widgets or macros, enclosing parameters in triple quotes is the safe choice, as quotes are allowed characters for tiddler titles: `<$set name="tid" value="""$title"""/>`
From http://tiddlywiki.com/#Macros%20in%20WikiText...
<<static Macros%2520in%2520WikiText 600px yes>>
; official
: http://tiddlywiki.com/dev
; update by Nicholas Spies
: https://github.com/nicholas-spies/TW_Doc_for_Dev
See [[typed blocks|http://tiddlywiki.com/#Typed%20Blocks%20in%20WikiText]], e.g.
```
$$$image/svg+xml
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="2" fill="green" />
</svg>
$$$
```
<<<
$$$image/svg+xml
<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="2" fill="green" />
</svg>
$$$
<<<
!!Declarations
;explicit content type
:`$$$image/svg+xml`
;filetype
:`$$$.svg`
;unknown renders as plain text
:`$$$text/unknown`
;using render types
:`$$$text/vnd.tiddlywiki>text/html`
!!See also...
[[styled blocks|http://tiddlywiki.com/#Styles%20and%20Classes%20in%20WikiText]]
```
@@.tc-tiddler-frame
@@width:400px;
Some text
@@
```
<dt>
```
$$$text/unknown
plain text, not //formatted//
$$$
```
</dt>
<dd>
$$$text/unknown
plain text, not //formatted//
$$$
<br>
These are [[Typed Blocks|http://tiddlywiki.com/#Typed%20Blocks%20in%20WikiText]]
</dd>
<dt>
```
$$$image/svg+xml
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="100">
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="green" />
</svg>
$$$
```
</dt>
<dd>
$$$image/svg+xml
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="100">
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="green" />
</svg>
$$$
</dd>
<dt>
```
$$$.svg
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="100">
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
</svg>
$$$
```
</dt>
<dd>
$$$.svg
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="100">
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
</svg>
$$$
</dd>
<dt>
```
$$$text/vnd.tiddlywiki>text/html
This is ''some'' wikitext
$$$
```
</dt>
<dd>
$$$text/vnd.tiddlywiki>text/html
This is ''some'' wikitext
$$$
</dd>
<dt>
```
$$$text/vnd.tiddlywiki>text/plain
This is ''some'' wikitext
$$$
```
</dt>
<dd>
$$$text/vnd.tiddlywiki>text/plain
This is ''some'' wikitext
$$$
</dd>
<dt>
```
__underline__
```
</dt>
<dd>__underline__</dd>
From a very [[informative post|https://groups.google.com/d/msg/tiddlywikidev/DHzU_kYhkl4/o4BgMTwF_f0J]] by [[Jeremy|Jeremy Ruston]] on how theme switching actually works...
# themes are <<tw Plugins>>
#* thus bundles of packaged tiddlers loaded as <<tw ShadowTiddlers>>
# when the theme is switched
#* the old theme and its shadows is entirely unloaded
#* the new theme and its containing shadow tiddlers are loaded
# when you edit a shadow tiddler of a theme
#* you make it into an ordinary tiddler
#* at that point, it is no longer unloaded when switching themes!
# do you want to access the content of a theme that is not switched?
#* use the subtiddler attribute of the <<tw ViewWidget>> or <<tw TranscludeWidget>>
<dt>
```
* unordered
** list
```
</dt>
<dd>
* unordered
** list
</dd>
Please review your username first:
<$edit-text tiddler="$:/status/UserName" tag="input" type="text"/>
As [[Albert points out|https://groups.google.com/forum/#!topic/tiddlywiki/utsLmgHZAhM]], there's a very interesting method used by [[TheDiveO|http://thediveo.github.io/TW5FontAwesome/]] on how to embeded a custom font, e.g. [[FontAwesome|http://fortawesome.github.io/Font-Awesome/]]:
# check for a font you like
#* @@.warn make sure its license allows you to embed, modify, publish on the web or redistribute the font as you intent to ([[links about licenses|https://groups.google.com/d/msg/tiddlywiki/KFU3XX-raQE/g7flcZBaGusJ]])@@
# visit http://www.fontsquirrel.com/tools/webfont-generator
# upload your font file (".ttf", ".eot", ".woff", etc) and select "Expert" option
# check the option case at CSS >> Base64 Encode
# generate your webkit: the output file is a ".zip" file containing a text file with the CSS code (stylesheet.css)
# copy all text from that file into a tiddler
# make sure the field font-family is what you want
# tag the tiddler [[$:/tags/Stylesheet]] and change the tiddler type to "Plain text (text/plain)"
Done! Your font is available :)
\define concat(1 2 3 4 5) $1$$2$$3$$4$$5$
You can initialize macro parameters using either a <<tw Variables Variable>> or a <<tw TextReference>>.
''Important:'' In the macro, such parameters will be replaced as either variables or text-references, not as the values thereof, see <<git5 issues/1958>>.
!! Example
<<source "$:/.tb/demo/variable-parameters">>
{{$:/.tb/demo/variable-parameters}}
!! Parameter Substitution And Macro Evaluation
The next example demonstrates how variable substitution is taking place in a macro. First, the parameters get replaced and then the macro is being evaluated.
The macro simply interprets all it is given as individual paramets, e.g. the first one being `{{` and the 5th and last `}`.
```
\define concat(1 2 3 4 5) $1$$2$$3$$4$$5$
<<concat {{ Getting Started } }>>
```
''Renders as...''
<<<
<<concat {{ Getting Started } }>>
<<<
\define linkFolder()
[[related folder|file:///D:/Project-Foo/$(currentTiddler)$]]
\end
As [[Jed Carty]] explains in [[this port|https://groups.google.com/d/msg/tiddlywiki/UWtxdIMTf9w/tHt7V-olXJ0J]], here's an answer to an often asked question: How to you insert variable text in wiki markup? The answer is: with a macro.
The below creates a link to a local folder depending on a folder name stored at a tiddler field called ''folder''.
```
\define linkFolder()
[[related folder|file:///D:/Project-Foo/$(folder)$]]
\end
<$set name=folder value={{!!folder}}>
<<linkFolder>>
</$set>
```
''Note:'' The above only works in TiddlyWiki loaded from your local filesystem.
The next example simply takes the tiddler title as the folder name...
```
\define linkFolder()
[[related folder|file:///D:/Project-Foo/$(currentTiddler)$]]
\end
<<linkFolder>>
```
> <<linkFolder>>
An [[overview|https://groups.google.com/forum/#!topic/tiddlywiki/1BjhyWKpTgg]] from [[Danielo Rodríguez]] on working with variables in nested list widgets.
The list widget has a powerful feature, the variable parameter. It helps you in not losing the reference to the parent while providing meaningful variables names within lists:
```
<$list filter="[tag[sometag]]" variable="item">
both still reference the parent: {{!!title}}, <<currentTiddler>>
the more obvious list item now is: <<item>>
Go as deep as you want...
<$list filter="[tag<item>]" variable="subitem">
still the outermost parent: {{!!title}}, <<currentTiddler>>
1st level items: <<item>>
2nd level items: <<subitem>>
</$list>
</$list>
```
Notice the single angle brackets with `<item>` in the filter expression of the inner list.
You can even use list variables in macro calls like so...
```
\define myItem() item name is $(item)$
<$list filter="[tag[Plugins]]" variable="item" >
<<myItem>>
</$list>
```
also see: [[Passing Parameters To A Transclusion]]
For more details and examples, see: http://pv5.tiddlyspot.com
;general wiki text, including macros
: `<<variable>>`
: `{{transclusion}}`
: @@.warn ~~`<variable>`, `"<variable>"`, `[[<variable>]]`~~@@
;general html element attributes, including widgets, e.g. `$macrocall`
: `<$widget attribute=<<variable>>/>`
: `<$widget attribute=<<callMacroToComputeValue>>/>`
: `<$widget attribute={{transclusion}}/>`
: @@.warn ~~`<$widget attribute="prefix-<<variable>>"/>`~~@@
: @@.warn ~~`<$widget attribute=[[prefix-<<variable>>]]/>`~~@@
: @@.warn ~~`<$widget attribute="prefix-{{transclusion}}"/>`~~@@
;within macro body
: `$macroParameter$`, `"$macroParameter$"`, `[[$macroParameter$]]`
: `$(variable)$` (references a variable from the context of the calling macro)
: `<$widget attribute="prefix-$macroParameter$"/>`
: `<$widget attribute=$macroParameter$/>` (unsafe when having spaces)
: @@.warn ~~`$variable$`, `"$variable$"`, `[[$variable$]]`~~@@
;macro parameter
: `<<macro param:"$macroParameter$">>` (only inside macro)
: @@.warn ~~`<<macro <<variable>> >>`~~@@
: @@.warn ~~`<<macro "<<variable>>" >>`~~@@
: @@.warn ~~`<<macro param:<<variable>> >>`~~@@
: @@.warn ~~`<<macro {{transclusion}}>>`~~@@
: @@.warn ~~`<<macro param:{{transclusion}}>>`~~@@
;in filters
: `[$macroParameter$]` (only filters within macros)
: `[tag<variable>]` (no inner square brackets!)
: `[tag{transclusion}]` (only single curly brackets!)
: @@.warn ~~`[tag[$(variable)$]]`~~@@
: @@.warn ~~`[tag[$(variable)$]]`~~@@
See [[discussion|https://groups.google.com/d/msg/tiddlywiki/_x9CDAFtwQc/Qlng28uWNKIJ]]...
<div class="tb5-home">
<$list filter="[list[]]">
<div class="tb5-home-title"><$link><$transclude field=caption><$view field="title"/></$transclude></$link></div>
<div class="tb5-home-summary">{{!!summary}}</div>
</$list>
</div>
<div class="tb5-fish">{{$:/.img/fish.svg}}</div>
\define getValue(data,index) <$view tiddler="$(data)$" index="$(currentTiddler)$" format="text"/>
\define iframe(tiddler)
<$macrocall $name="static" tiddler={{$:/data/core/widgets##$tiddler$}} height="600px" scrolling="yes"/>
\end
Select a widget:
<$select tiddler="$:/temp/widget-browser" default="action-navigate">
<$list filter='[[$:/data/core/widgets]indexes[]sort[title]]'>
<option value=<<currentTiddler>> >
<$text text=<<currentTiddler>>/>
</option>
</$list>
</$select>
Documentation on ~TiddlyWiki.com...
<$macrocall $name="iframe" tiddler={{$:/temp/widget-browser}}/>
<br>
!!Components
;data
:[[$:/data/core/widgets]]
;state
:<<source [[$:/temp/widget-browser]]>>
;source
:<<source "Widget Browser">>
<dt>
```
CamelCase
~SuppressedCamelCase
```
</dt>
<dd>
CamelCase<br>
~SuppressedWikiLink
</dd>
As [[Jeremy|Jeremy Ruston]] [[clarifies here|https://groups.google.com/d/msg/tiddlywiki/QXaD2i6tWeo/VeGHTKM-RdEJ]], consider the following pitfalls when using macros...
* invoking a macro with double angle brackets...
** causes the result of the macro to be __wikified__
** ...after parameter and variable substitutions
* using a macro as an attribute to a widget or html-element...
** e.g. `<div class=<<myMacro>>>`
** doesn't wikify the result of the macro
** the plain result of the macro is assigned to the attribute
* invoking a macro with double angle brackets...
** you __cannot__ specify parameters as transclusions or macro invocations
** you can only use plain strings
* macros can also be invoked with the `<$macrocall> widget`
** allows attributes to be specified as transclusions or macro invocations
''simple''
<$macrocall $name=` text="""<<www tiddlywiki.com>>"""/>
''pretty-linked''
<$macrocall $name=` text="""<<www tiddlywiki.com TiddlyWiki>>"""/>
Compare to the core syntax for external links:
<<` "[ext[tiddlywiki.com|http://tiddlywiki.com]]">>
!! Installation
Drag to your wiki: [[$:/.tb/macros/www]]
!! Parameters
|!#|!Name|!Description|
|1|url|the url without the protocol specified, so the browser does its thing|
|2|title|a pretty title to be displayed instead of the ''url''|
This solution inspired by [[PMario|https://groups.google.com/d/msg/tiddlywiki/ChRV6sjQpn4/bCm35_XhGmkJ]] defines a global folder path for external images. This is more powerful than using relative paths `[img[subfolder/file.JPG]]` as you can move that image folder anywhere and simply redefine the location using configuration.
!! Step 1 — create or import the ximg macro
The following macro tiddler is tagged [[$:/tags/Macro]] so as to make it a global macro: <<source $:/macros/ximg>>
!!Step 2 — environment configuration
Create a tiddler [[$:/macros/ximg/path]] containing your base path.
;network share
:`file:\\\\\COMPUTER_NAME\Users\Mario\Pictures\2010-10\`
;same computer absolute path
:`file:\\\c:\Users\Mario\Pictures\2010-10\`
;relative path as subdirectory of tw
:`.\images\`
The "backslash" at the end is important!!
!!Step 3 — using the ximg macro
;basic usage
:`<<ximg "some image.gif">>`
;custom tooltip
:`<<ximg "some image.gif" tooltip:"my tooltip">> `
;custom path
:`<<ximg "some image.gif" pathConfig:"otherImagePathConfigTiddler">>`
:path defaults to content of [[$:/macros/ximg/path]]
!! Example
`<<ximg toc.jpg class:pretty width:200px tooltip:"example toc">>`
<<ximg toc.jpg class:pretty width:200px tooltip:"example toc">>
Developed as a [[reply to James|https://groups.google.com/d/msg/tiddlywiki/EzypDKdUOFE/ML_q1pSSvCIJ]], the [[xlist|http://xlist.tiddlyspot.com]] macro ([[$:/.tb/macros/xlist]]) allows you to list items grouped by category whereas an item needs to be tagged both with the current tiddler title as well as one of the categories listed in the `catlist` field.
!! Example
```
''proof:'' {{Solutions!!catlist}}
<$tiddler tiddler=Solutions><<xlist field:"!!catlist">></$tiddler>
```
<<<
''proof:'' {{Solutions!!catlist}}
<$tiddler tiddler=Solutions><<xlist field:"!!catlist">></$tiddler>
<<<
For more information on working with the macro, e.g. avalable parameters such as ''template'', ''sort'', ''categories'' or on using the ''catlist'' macro with tabs or in a [[Conditional ViewTemplate Section]], see {{xlist!!url}}.
toying with GTD in [[TW5|http://tiddlywiki.com]]
!!GTD Projects for TW5
;GSD5 by Roma
:http://gsd5.tiddlyspot.com
:https://groups.google.com/d/msg/tiddlywiki-gtd/kS3qyYjkWWc/4EKIwcOibsIJ
:https://groups.google.com/forum/#!topic/tiddlywiki/PaqBfARpbgQ
;GTid by Metabele Bill
:http://gtid.tiddlyspot.com
:example tids: http://wills.tiddlyspot.com
<$fieldmangler>
<$button>
<$action-sendmessage $message="tm-remove-tag" $param="next"/>
<$action-sendmessage $message="tm-remove-tag" $param="wait"/>
<$action-sendmessage $message="tm-remove-tag" $param="future"/>
reset
</$button>
<$button>
<$action-sendmessage $message="tm-add-tag" $param="next"/>
<$action-sendmessage $message="tm-remove-tag" $param="wait"/>
<$action-sendmessage $message="tm-remove-tag" $param="future"/>
next
</$button>
<$button>
<$action-sendmessage $message="tm-remove-tag" $param="next"/>
<$action-sendmessage $message="tm-add-tag" $param="wait"/>
<$action-sendmessage $message="tm-remove-tag" $param="future"/>
wait
</$button>
<$button>
<$action-sendmessage $message="tm-remove-tag" $param="next"/>
<$action-sendmessage $message="tm-remove-tag" $param="wait"/>
<$action-sendmessage $message="tm-add-tag" $param="future"/>
future
</$button>
</$fieldmangler>
Testing [[a tagging macro|$:/macros/tagging]]...
`<<tagging "$:/tags/Macro">>`
<<tagging "$:/tags/Macro">>
;the macro
:[[$:/macros/tagging]]
;faills at
:[[$:/tags/Macro]]
:with simple `<<tagging>>` call
!!Workaround
A bit ugly, but working is to use use nested quotes [[suggested by Evolena||https://groups.google.com/d/msg/tiddlywiki/6NYTz7WyuuY/AO6QnUDCnJkJ]]...
`<<tagging "'title with spaces'">>`
with this macro definition...
<<source $:/macros/uglyTagging>>
{
"tiddlers": {
"$:/info/browser": {
"title": "$:/info/browser",
"text": "no"
},
"$:/info/node": {
"title": "$:/info/node",
"text": "yes"
}
}
}
http://tiddlywiki.com|tiddlywiki.com
http://erwans-learning-tw.bitballoon.com/|ErwansLearningTW
http://tiddlyclip.tiddlyspot.com/|tiddlyclip
http://braintest.tiddlyspot.com/|braintest
http://inmysocks.tiddlyspot.com/|inmysocks
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
The purpose with the ''~ThankYou'' plugin is to make it easy to show appreciation for things in your public TW that others, perhaps fellow tiddlywikians, have contributed to.
For an actual use case, albeit slightly modified, see [[here|http://twaddle.tiddlyspot.com/#Cred]] (I need to decide on a name standard though, e.g @~FirstnameLastname).
<br>''Install'' the plugin by dragging $:/plugins/Mat/ThankYou into your TW.
<br>''Use''
*Decide where you want the full "thank you table" to show and type in `{{$:/plugins/ThankYou}}` there.
*To populate the table, ''add fields'' like the following in the concerned tiddlers:<br>
<center>
| `thankyou`|:|name of individual|
| `thankurl`|:|url to site, e.g google discussion thread|
|//creators// of imported tiddlers appear automatically in the table|<|<|
</center>
<br>That's really all you need to know but if you want more, there's a [[Detailed description]].
<br>''<:-)''
<br>^^//a.k.a Mat the [[TWaddler|http://twaddle.tiddlyspot.com/]]//^^
A ''detailed description'', presented to appear more or less like a resulting ~ThankYou table:
<table id="thankyoutable">
<tr><td>@@color:crimson;line-height:200%; ★ @@''Individuals''<br>[[$:/plugins/ThankYou/Individuals]]<br>Lists each ''name'' appearing in ''thankyou'' fields that are added manually by you to tiddlers.<br>For example: `thankyou : MotovunJack`.</td><td><br>Next to each name, all tiddlers are listed where the //thankyou// field contains this name<br><br>@@color:gray; __The "mentions" section__ @@<br>This lists each tiddler where the name occurs in the text (i.e "references" or "backlinks")</td></tr>
<tr><td>@@color:crimson;line-height:200%; ★ @@''Sites''<br>[[$:/plugins/ThankYou/Urls]]<br>(for "sites", e.g external sites or google discussions)<br>Lists each ''url'' appearing in ''thankurl'' fields that are added manually by you to tiddlers.<br>For example: `thankurl : https://groups.google.com/for...`.<br>Urls are automatically //displayed// truncated (but still link)<br></td><td><br>Next to each url, all tiddlers are listed where the //thankurl// field contains this url</td></tr>
<tr><td>@@color:crimson;line-height:200%; ★ @@''Creators''<br>[[$:/plugins/ThankYou/Creators]]<br>Lists each ''name'' appearing in the (automatically created) ''creator'' fields. This mostly concerns imported tiddlers, e.g plugins.</td><td><br>Next to each name, all tiddlers are listed where the //creator// field contains this name</td></tr>
</table>
<br>''Three more'' tiddlers are included in the plugin:
<<star>>[[$:/plugins/ThankYou]] - the actual table
<<star>>$:/plugins/ThankYou/macros
<<star>>$:/plugins/ThankYou/Stylesheet
<br>''Note''<br>
Each name/url/creator is only listed once in a section even if it occurs as the field value in many tiddlers. But if a value occurs for //different// thank fields, it will be listed for all those fields - for example; if you add MotovunJack to a //thankyou// field and our dear Motovun is also a //creator// of some tiddler, then he will be listed in both those sections.
{
"tiddlers": {
"$:/themes/tiddlywiki/snowwhite/base": {
"title": "$:/themes/tiddlywiki/snowwhite/base",
"tags": "[[$:/tags/Stylesheet]]",
"text": "\\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline\n\n.tc-sidebar-header {\n\ttext-shadow: 0 1px 0 <<colour sidebar-foreground-shadow>>;\n}\n\n.tc-tiddler-info {\n\t<<box-shadow \"inset 1px 2px 3px rgba(0,0,0,0.1)\">>\n}\n\n@media screen {\n\t.tc-tiddler-frame {\n\t\t<<box-shadow \"1px 1px 5px rgba(0, 0, 0, 0.3)\">>\n\t}\n}\n\n@media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {\n\t.tc-tiddler-frame {\n\t\t<<box-shadow none>>\n\t}\n}\n\n.tc-page-controls button svg, .tc-tiddler-controls button svg, .tc-topbar button svg {\n\t<<transition \"fill 150ms ease-in-out\">>\n}\n\n.tc-tiddler-controls button.tc-selected,\n.tc-page-controls button.tc-selected {\n\t<<filter \"drop-shadow(0px -1px 2px rgba(0,0,0,0.25))\">>\n}\n\n.tc-tiddler-frame input.tc-edit-texteditor {\n\t<<box-shadow \"inset 0 1px 8px rgba(0, 0, 0, 0.15)\">>\n}\n\n.tc-edit-tags {\n\t<<box-shadow \"inset 0 1px 8px rgba(0, 0, 0, 0.15)\">>\n}\n\n.tc-tiddler-frame .tc-edit-tags input.tc-edit-texteditor {\n\t<<box-shadow \"none\">>\n\tborder: none;\n\toutline: none;\n}\n\ncanvas.tc-edit-bitmapeditor {\n\t<<box-shadow \"2px 2px 5px rgba(0, 0, 0, 0.5)\">>\n}\n\n.tc-drop-down {\n\tborder-radius: 4px;\n\t<<box-shadow \"2px 2px 10px rgba(0, 0, 0, 0.5)\">>\n}\n\n.tc-block-dropdown {\n\tborder-radius: 4px;\n\t<<box-shadow \"2px 2px 10px rgba(0, 0, 0, 0.5)\">>\n}\n\n.tc-modal-displayed {\n\t<<filter \"blur(4px)\">>\n}\n\n.tc-modal {\n\tborder-radius: 6px;\n\t<<box-shadow \"0 3px 7px rgba(0,0,0,0.3)\">>\n}\n\n.tc-modal-footer {\n\tborder-radius: 0 0 6px 6px;\n\t<<box-shadow \"inset 0 1px 0 #fff\">>;\n}\n\n\n.tc-alert {\n\tborder-radius: 6px;\n\t<<box-shadow \"0 3px 7px rgba(0,0,0,0.6)\">>\n}\n\n.tc-notification {\n\tborder-radius: 6px;\n\t<<box-shadow \"0 3px 7px rgba(0,0,0,0.3)\">>\n\ttext-shadow: 0 1px 0 rgba(255,255,255, 0.8);\n}\n\n.tc-sidebar-lists .tc-tab-divider {\n\t<<background-linear-gradient \"left, rgb(216,216,216) 0%, rgb(236,236,236) 250px\">>\n}\n\n.tc-more-sidebar .tc-tab-buttons button {\n\t<<background-linear-gradient \"left, rgb(236,236,236) 0%, rgb(224,224,224) 100%\">>\n}\n\n.tc-more-sidebar .tc-tab-buttons button.tc-tab-selected {\n\t<<background-linear-gradient \"left, rgb(236,236,236) 0%, rgb(248,248,248) 100%\">>\n}\n\n.tc-message-box img {\n\t<<box-shadow \"1px 1px 3px rgba(0,0,0,0.5)\">>\n}\n\n.tc-plugin-info {\n\t<<box-shadow \"1px 1px 3px rgba(0,0,0,0.5)\">>\n}\n"
}
}
}
{
"tiddlers": {
"$:/themes/tiddlywiki/vanilla/themetweaks": {
"title": "$:/themes/tiddlywiki/vanilla/themetweaks",
"tags": "$:/tags/ControlPanel/Appearance",
"caption": "Theme Tweaks",
"text": "\\define backgroundimage-dropdown()\n<div class=\"tc-drop-down-wrapper\">\n<$button popup=<<qualify \"$:/state/popup/themetweaks/backgroundimage\">> class=\"tc-btn-invisible tc-btn-dropdown\">{{$:/core/images/down-arrow}}</$button>\n<$reveal state=<<qualify \"$:/state/popup/themetweaks/backgroundimage\">> type=\"popup\" position=\"belowleft\" text=\"\" default=\"\">\n<div class=\"tc-drop-down\">\n<$linkcatcher to=\"$:/themes/tiddlywiki/vanilla/settings/backgroundimage\">\n<$link to=\"\">\n(none)\n</$link>\n<hr>\n<$list filter=\"[all[shadows+tiddlers]is[image]] -[type[application/pdf]] +[sort[title]]\">\n<$link to={{!!title}}>\n<$transclude/> <$view field=\"title\"/>\n</$link>\n</$list>\n</$linkcatcher>\n</div>\n</$reveal>\n</div>\n\\end\n\n\\define backgroundimageattachment-dropdown()\n<$select tiddler=\"$:/themes/tiddlywiki/vanilla/settings/backgroundimageattachment\" default=\"scroll\">\n<option value=\"scroll\">Scroll with tiddlers</option>\n<option value=\"fixed\">Fixed to window</option>\n</$select>\n\\end\n\n\\define backgroundimagesize-dropdown()\n<$select tiddler=\"$:/themes/tiddlywiki/vanilla/settings/backgroundimagesize\" default=\"scroll\">\n<option value=\"auto\">Auto</option>\n<option value=\"cover\">Cover</option>\n<option value=\"contain\">Contain</option>\n</$select>\n\\end\n\nYou can tweak certain aspects of the ''Vanilla'' theme.\n\n! Options\n\n|[[Sidebar layout|$:/themes/tiddlywiki/vanilla/options/sidebarlayout]] |<$select tiddler=\"$:/themes/tiddlywiki/vanilla/options/sidebarlayout\"><option value=\"fixed-fluid\">Fixed story, fluid sidebar</option><option value=\"fluid-fixed\">Fluid story, fixed sidebar</option></$select> |\n|[[Sticky titles|$:/themes/tiddlywiki/vanilla/options/stickytitles]]<br>//Causes tiddler titles to \"stick\" to the top of the browser window. Caution: Does not work at all with Chrome, and causes some layout issues in Firefox// |<$select tiddler=\"$:/themes/tiddlywiki/vanilla/options/stickytitles\"><option value=\"no\">No</option><option value=\"yes\">Yes</option></$select> |\n\n! Settings\n\n|[[Font family|$:/themes/tiddlywiki/vanilla/settings/fontfamily]] |<$edit-text tiddler=\"$:/themes/tiddlywiki/vanilla/settings/fontfamily\" default=\"\" tag=\"input\"/> | |\n|[[Code font family|$:/themes/tiddlywiki/vanilla/settings/codefontfamily]] |<$edit-text tiddler=\"$:/themes/tiddlywiki/vanilla/settings/codefontfamily\" default=\"\" tag=\"input\"/> | |\n|[[Page background image|$:/themes/tiddlywiki/vanilla/settings/backgroundimage]] |<$edit-text tiddler=\"$:/themes/tiddlywiki/vanilla/settings/backgroundimage\" default=\"\" tag=\"input\"/> |<<backgroundimage-dropdown>> |\n|[[Page background image attachment |$:/themes/tiddlywiki/vanilla/settings/backgroundimageattachment]] |<<backgroundimageattachment-dropdown>> | |\n|[[Page background image size |$:/themes/tiddlywiki/vanilla/settings/backgroundimagesize]] |<<backgroundimagesize-dropdown>> | |\n\n! Sizes\n\n|[[Font size|$:/themes/tiddlywiki/vanilla/metrics/fontsize]] |<$edit-text tiddler=\"$:/themes/tiddlywiki/vanilla/metrics/fontsize\" default=\"\" tag=\"input\"/> |\n|[[Line height|$:/themes/tiddlywiki/vanilla/metrics/lineheight]] |<$edit-text tiddler=\"$:/themes/tiddlywiki/vanilla/metrics/lineheight\" default=\"\" tag=\"input\"/> |\n|[[Font size for tiddler body|$:/themes/tiddlywiki/vanilla/metrics/bodyfontsize]] |<$edit-text tiddler=\"$:/themes/tiddlywiki/vanilla/metrics/bodyfontsize\" default=\"\" tag=\"input\"/> |\n|[[Line height for tiddler body|$:/themes/tiddlywiki/vanilla/metrics/bodylineheight]] |<$edit-text tiddler=\"$:/themes/tiddlywiki/vanilla/metrics/bodylineheight\" default=\"\" tag=\"input\"/> |\n|[[Story left position|$:/themes/tiddlywiki/vanilla/metrics/storyleft]]<br>//how far the left margin of the story river<br>(tiddler area) is from the left of the page// |^<$edit-text tiddler=\"$:/themes/tiddlywiki/vanilla/metrics/storyleft\" default=\"\" tag=\"input\"/> |\n|[[Story top position|$:/themes/tiddlywiki/vanilla/metrics/storytop]]<br>//how far the top margin of the story river<br>is from the top of the page// |^<$edit-text tiddler=\"$:/themes/tiddlywiki/vanilla/metrics/storytop\" default=\"\" tag=\"input\"/> |\n|[[Story right|$:/themes/tiddlywiki/vanilla/metrics/storyright]]<br>//how far the left margin of the sidebar <br>is from the left of the page// |^<$edit-text tiddler=\"$:/themes/tiddlywiki/vanilla/metrics/storyright\" default=\"\" tag=\"input\"/> |\n|[[Story width|$:/themes/tiddlywiki/vanilla/metrics/storywidth]]<br>//the overall width of the story river// |^<$edit-text tiddler=\"$:/themes/tiddlywiki/vanilla/metrics/storywidth\" default=\"\" tag=\"input\"/> |\n|[[Tiddler width|$:/themes/tiddlywiki/vanilla/metrics/tiddlerwidth]]<br>//within the story river//<br> |^<$edit-text tiddler=\"$:/themes/tiddlywiki/vanilla/metrics/tiddlerwidth\" default=\"\" tag=\"input\"/> |\n|[[Sidebar breakpoint|$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint]]<br>//the minimum page width at which the story<br>river and sidebar will appear side by side// |^<$edit-text tiddler=\"$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint\" default=\"\" tag=\"input\"/> |\n|[[Sidebar width|$:/themes/tiddlywiki/vanilla/metrics/sidebarwidth]]<br>//the width of the sidebar in fluid-fixed layout// |^<$edit-text tiddler=\"$:/themes/tiddlywiki/vanilla/metrics/sidebarwidth\" default=\"\" tag=\"input\"/> |\n"
},
"$:/themes/tiddlywiki/vanilla/base": {
"title": "$:/themes/tiddlywiki/vanilla/base",
"tags": "[[$:/tags/Stylesheet]]",
"text": "\\define custom-background-datauri()\n<$set name=\"background\" value={{$:/themes/tiddlywiki/vanilla/settings/backgroundimage}}>\n<$list filter=\"[<background>is[image]]\">\n`background: url(`\n<$list filter=\"[<background>!has[_canonical_uri]]\">\n<$macrocall $name=\"datauri\" title={{$:/themes/tiddlywiki/vanilla/settings/backgroundimage}}/>\n</$list>\n<$list filter=\"[<background>has[_canonical_uri]]\">\n<$view tiddler={{$:/themes/tiddlywiki/vanilla/settings/backgroundimage}} field=\"_canonical_uri\"/>\n</$list>\n`) center center;`\n`background-attachment: `{{$:/themes/tiddlywiki/vanilla/settings/backgroundimageattachment}}`;\n-webkit-background-size:` {{$:/themes/tiddlywiki/vanilla/settings/backgroundimagesize}}`;\n-moz-background-size:` {{$:/themes/tiddlywiki/vanilla/settings/backgroundimagesize}}`;\n-o-background-size:` {{$:/themes/tiddlywiki/vanilla/settings/backgroundimagesize}}`;\nbackground-size:` {{$:/themes/tiddlywiki/vanilla/settings/backgroundimagesize}}`;`\n</$list>\n</$set>\n\\end\n\n\\define if-fluid-fixed(text,hiddenSidebarText)\n<$reveal state=\"$:/themes/tiddlywiki/vanilla/options/sidebarlayout\" type=\"match\" text=\"fluid-fixed\">\n$text$\n<$reveal state=\"$:/state/sidebar\" type=\"nomatch\" text=\"yes\" default=\"yes\">\n$hiddenSidebarText$\n</$reveal>\n</$reveal>\n\\end\n\n\\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline macrocallblock\n\n/*\n** Start with the normalize CSS reset, and then belay some of its effects\n*/\n\n{{$:/themes/tiddlywiki/vanilla/reset}}\n\n*, input[type=\"search\"] {\n\tbox-sizing: border-box;\n\t-moz-box-sizing: border-box;\n\t-webkit-box-sizing: border-box;\n}\n\nhtml button {\n\tline-height: 1.2;\n\tcolor: <<colour button-foreground>>;\n\tbackground: <<colour button-background>>;\n\tborder-color: <<colour button-border>>;\n}\n\n/*\n** Basic element styles\n*/\n\nhtml {\n\tfont-family: {{$:/themes/tiddlywiki/vanilla/settings/fontfamily}};\n\ttext-rendering: optimizeLegibility; /* Enables kerning and ligatures etc. */\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n}\n\nhtml:-webkit-full-screen {\n\tbackground-color: <<colour page-background>>;\n}\n\nbody.tc-body {\n\tfont-size: {{$:/themes/tiddlywiki/vanilla/metrics/fontsize}};\n\tline-height: {{$:/themes/tiddlywiki/vanilla/metrics/lineheight}};\n\tcolor: <<colour foreground>>;\n\tbackground-color: <<colour page-background>>;\n\tfill: <<colour foreground>>;\n\tword-wrap: break-word;\n\t<<custom-background-datauri>>\n}\n\nh1, h2, h3, h4, h5, h6 {\n\tline-height: 1.2;\n\tfont-weight: 300;\n}\n\npre {\n\tdisplay: block;\n\tpadding: 14px;\n\tmargin-top: 1em;\n\tmargin-bottom: 1em;\n\tword-break: normal;\n\tword-wrap: break-word;\n\twhite-space: pre;\n\twhite-space: pre-wrap;\n\tbackground-color: <<colour pre-background>>;\n\tborder: 1px solid <<colour pre-border>>;\n\tpadding: 0 3px 2px;\n\tborder-radius: 3px;\n\tfont-family: {{$:/themes/tiddlywiki/vanilla/settings/codefontfamily}};\n}\n\ncode {\n\tcolor: <<colour code-foreground>>;\n\tbackground-color: <<colour code-background>>;\n\tborder: 1px solid <<colour code-border>>;\n white-space: pre-wrap;\n\tpadding: 0 3px 2px;\n\tborder-radius: 3px;\n\tfont-family: {{$:/themes/tiddlywiki/vanilla/settings/codefontfamily}};\n}\n\nblockquote {\n\tborder-left: 5px solid <<colour blockquote-bar>>;\n\tmargin-left: 25px;\n\tpadding-left: 10px;\n}\n\ndl dt {\n\tfont-weight: bold;\n\tmargin-top: 6px;\n}\n\ntextarea,\ninput[type=text],\ninput[type=search],\ninput[type=\"\"],\ninput:not([type]) {\n\tcolor: <<colour foreground>>;\n\tbackground: <<colour background>>;\n}\n\n.tc-muted {\n\tcolor: <<colour muted-foreground>>;\n}\n\nsvg.tc-image-button {\n\tpadding: 0px 1px 1px 0px;\n}\n\nkbd {\n\tdisplay: inline-block;\n\tpadding: 3px 5px;\n\tfont-size: 0.8em;\n\tline-height: 1.2;\n\tcolor: <<colour foreground>>;\n\tvertical-align: middle;\n\tbackground-color: <<colour background>>;\n\tborder: solid 1px <<colour muted-foreground>>;\n\tborder-bottom-color: <<colour muted-foreground>>;\n\tborder-radius: 3px;\n\tbox-shadow: inset 0 -1px 0 <<colour muted-foreground>>;\n}\n\n/*\nMarkdown likes putting code elements inside pre elements\n*/\npre > code {\n\tpadding: 0;\n\tborder: none;\n\tbackground-color: inherit;\n\tcolor: inherit;\n}\n\ntable {\n\tborder: 1px solid <<colour table-border>>;\n\twidth: auto;\n\tmax-width: 100%;\n\tcaption-side: bottom;\n\tmargin-top: 1em;\n\tmargin-bottom: 1em;\n}\n\ntable th, table td {\n\tpadding: 0 7px 0 7px;\n\tborder-top: 1px solid <<colour table-border>>;\n\tborder-left: 1px solid <<colour table-border>>;\n}\n\ntable thead tr td, table th {\n\tbackground-color: <<colour table-header-background>>;\n\tfont-weight: bold;\n}\n\ntable tfoot tr td {\n\tbackground-color: <<colour table-footer-background>>;\n}\n\n.tc-csv-table {\n\twhite-space: nowrap;\n}\n\n.tc-tiddler-frame img,\n.tc-tiddler-frame svg,\n.tc-tiddler-frame canvas,\n.tc-tiddler-frame embed,\n.tc-tiddler-frame iframe {\n\tmax-width: 100%;\n}\n\n.tc-tiddler-body > embed,\n.tc-tiddler-body > iframe {\n\twidth: 100%;\n\theight: 600px;\n}\n\n/*\n** Links\n*/\n\nbutton.tc-tiddlylink,\na.tc-tiddlylink {\n\ttext-decoration: none;\n\tfont-weight: normal;\n\tcolor: <<colour tiddler-link-foreground>>;\n\t-webkit-user-select: inherit; /* Otherwise the draggable attribute makes links impossible to select */\n}\n\n.tc-sidebar-lists a.tc-tiddlylink {\n\tcolor: <<colour sidebar-tiddler-link-foreground>>;\n}\n\n.tc-sidebar-lists a.tc-tiddlylink:hover {\n\tcolor: <<colour sidebar-tiddler-link-foreground-hover>>;\n}\n\nbutton.tc-tiddlylink:hover,\na.tc-tiddlylink:hover {\n\ttext-decoration: underline;\n}\n\na.tc-tiddlylink-resolves {\n}\n\na.tc-tiddlylink-shadow {\n\tfont-weight: bold;\n}\n\na.tc-tiddlylink-shadow.tc-tiddlylink-resolves {\n\tfont-weight: normal;\n}\n\na.tc-tiddlylink-missing {\n\tfont-style: italic;\n}\n\na.tc-tiddlylink-external {\n\ttext-decoration: underline;\n\tcolor: <<colour external-link-foreground>>;\n\tbackground-color: <<colour external-link-background>>;\n}\n\na.tc-tiddlylink-external:visited {\n\tcolor: <<colour external-link-foreground-visited>>;\n\tbackground-color: <<colour external-link-background-visited>>;\n}\n\na.tc-tiddlylink-external:hover {\n\tcolor: <<colour external-link-foreground-hover>>;\n\tbackground-color: <<colour external-link-background-hover>>;\n}\n\n/*\n** Drag and drop styles\n*/\n\n.tc-tiddler-dragger {\n\tposition: relative;\n\tz-index: -10000;\n}\n\n.tc-tiddler-dragger-inner {\n\tposition: absolute;\n\tdisplay: inline-block;\n\tpadding: 8px 20px;\n\tfont-size: 16.9px;\n\tfont-weight: bold;\n\tline-height: 20px;\n\tcolor: <<colour dragger-foreground>>;\n\ttext-shadow: 0 1px 0 rgba(0, 0, 0, 1);\n\twhite-space: nowrap;\n\tvertical-align: baseline;\n\tbackground-color: <<colour dragger-background>>;\n\tborder-radius: 20px;\n}\n\n.tc-tiddler-dragger-cover {\n\tposition: absolute;\n\tbackground-color: <<colour page-background>>;\n}\n\n.tc-dropzone {\n\tposition: relative;\n}\n\n.tc-dropzone.tc-dragover:before {\n\tz-index: 10000;\n\tdisplay: block;\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\tright: 0;\n\tbackground: <<colour dropzone-background>>;\n\ttext-align: center;\n\tcontent: \"<<lingo DropMessage>>\";\n}\n\n/*\n** Plugin reload warning\n*/\n\n.tc-plugin-reload-warning {\n\tz-index: 1000;\n\tdisplay: block;\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\tright: 0;\n\tbackground: <<colour alert-background>>;\n\ttext-align: center;\n}\n\n/*\n** Buttons\n*/\n\nbutton svg, button img {\n\tvertical-align: middle;\n}\n\n.tc-btn-invisible {\n\tpadding: 0;\n\tmargin: 0;\n\tbackground: none;\n\tborder: none;\n}\n\n.tc-btn-boxed {\n\tfont-size: 0.6em;\n\tpadding: 0.2em;\n\tmargin: 1px;\n\tbackground: none;\n\tborder: 1px solid <<colour tiddler-controls-foreground>>;\n\tborder-radius: 0.25em;\n}\n\nhtml body.tc-body .tc-btn-boxed svg {\n\tfont-size: 1.6666em;\n}\n\n.tc-btn-boxed:hover {\n\tbackground: <<colour muted-foreground>>;\n\tcolor: <<colour background>>;\n}\n\nhtml body.tc-body .tc-btn-boxed:hover svg {\n\tfill: <<colour background>>;\n}\n\n.tc-btn-rounded {\n\tfont-size: 0.5em;\n\tline-height: 2;\n\tpadding: 0em 0.3em 0.2em 0.4em;\n\tmargin: 1px;\n\tborder: 1px solid <<colour muted-foreground>>;\n\tbackground: <<colour muted-foreground>>;\n\tcolor: <<colour background>>;\n\tborder-radius: 2em;\n}\n\nhtml body.tc-body .tc-btn-rounded svg {\n\tfont-size: 1.6666em;\n\tfill: <<colour background>>;\n}\n\n.tc-btn-rounded:hover {\n\tborder: 1px solid <<colour muted-foreground>>;\n\tbackground: <<colour background>>;\n\tcolor: <<colour muted-foreground>>;\n}\n\nhtml body.tc-body .tc-btn-rounded:hover svg {\n\tfill: <<colour muted-foreground>>;\n}\n\n.tc-btn-icon svg {\n\theight: 1em;\n\twidth: 1em;\n\tfill: <<colour muted-foreground>>;\n}\n\n.tc-btn-text {\n\tpadding: 0;\n\tmargin: 0;\n}\n\n.tc-btn-big-green {\n\tdisplay: inline-block;\n\tpadding: 8px;\n\tmargin: 4px 8px 4px 8px;\n\tbackground: <<colour download-background>>;\n\tcolor: <<colour download-foreground>>;\n\tfill: <<colour download-foreground>>;\n\tborder: none;\n\tfont-size: 1.2em;\n\tline-height: 1.4em;\n\ttext-decoration: none;\n}\n\n.tc-btn-big-green svg,\n.tc-btn-big-green img {\n\theight: 2em;\n\twidth: 2em;\n\tvertical-align: middle;\n\tfill: <<colour download-foreground>>;\n}\n\n.tc-sidebar-lists input {\n\tcolor: <<colour foreground>>;\n}\n\n.tc-sidebar-lists button {\n\tcolor: <<colour sidebar-button-foreground>>;\n\tfill: <<colour sidebar-button-foreground>>;\n}\n\n.tc-sidebar-lists button.tc-btn-mini {\n\tcolor: <<colour sidebar-muted-foreground>>;\n}\n\n.tc-sidebar-lists button.tc-btn-mini:hover {\n\tcolor: <<colour sidebar-muted-foreground-hover>>;\n}\n\nbutton svg.tc-image-button, button .tc-image-button img {\n\theight: 1em;\n\twidth: 1em;\n}\n\n/*\n** Tags and missing tiddlers\n*/\n\n.tc-tag-list-item {\n\tposition: relative;\n\tdisplay: inline-block;\n\tmargin-right: 7px;\n}\n\n.tc-tags-wrapper {\n\tmargin: 4px 0 14px 0;\n}\n\n.tc-missing-tiddler-label {\n\tfont-style: italic;\n\tfont-weight: normal;\n\tdisplay: inline-block;\n\tfont-size: 11.844px;\n\tline-height: 14px;\n\twhite-space: nowrap;\n\tvertical-align: baseline;\n}\n\nbutton.tc-tag-label, span.tc-tag-label {\n\tdisplay: inline-block;\n\tpadding: 0.16em 0.7em;\n\tfont-size: 0.9em;\n\tfont-weight: 300;\n\tline-height: 1.2em;\n\tcolor: <<colour tag-foreground>>;\n\twhite-space: nowrap;\n\tvertical-align: baseline;\n\tbackground-color: <<colour tag-background>>;\n\tborder-radius: 1em;\n}\n\n.tc-untagged-separator {\n\twidth: 10em;\n\tleft: 0;\n\tmargin-left: 0;\n\tborder: 0;\n\theight: 1px;\n\tbackground: <<colour tab-divider>>;\n}\n\nbutton.tc-untagged-label {\n\tbackground-color: <<colour untagged-background>>;\n}\n\n.tc-tag-label svg, .tc-tag-label img {\n\theight: 1em;\n\twidth: 1em;\n\tfill: <<colour tag-foreground>>;\n}\n\n.tc-tag-manager-table .tc-tag-label {\n\twhite-space: normal;\n}\n\n.tc-tag-manager-tag {\n\twidth: 100%;\n}\n\n/*\n** Page layout\n*/\n\n.tc-topbar {\n\tposition: fixed;\n\tz-index: 1200;\n}\n\n.tc-topbar-left {\n\tleft: 29px;\n\ttop: 5px;\n}\n\n.tc-topbar-right {\n\ttop: 5px;\n\tright: 29px;\n}\n\n.tc-topbar button {\n\tpadding: 8px;\n}\n\n.tc-topbar svg {\n\tfill: <<colour muted-foreground>>;\n}\n\n.tc-topbar button:hover svg {\n\tfill: <<colour foreground>>;\n}\n\n.tc-sidebar-header {\n\tcolor: <<colour sidebar-foreground>>;\n\tfill: <<colour sidebar-foreground>>;\n}\n\n.tc-sidebar-header .tc-title a.tc-tiddlylink-resolves {\n\tfont-weight: 300;\n}\n\n.tc-sidebar-header .tc-sidebar-lists p {\n\tmargin-top: 3px;\n\tmargin-bottom: 3px;\n}\n\n.tc-sidebar-header .tc-missing-tiddler-label {\n\tcolor: <<colour sidebar-foreground>>;\n}\n\n.tc-advanced-search input {\n\twidth: 60%;\n}\n\n.tc-search a svg {\n\twidth: 1.2em;\n\theight: 1.2em;\n\tvertical-align: middle;\n}\n\n.tc-search-results {\n\tpadding-top: 14px;\n}\n\n.tc-page-controls {\n\tmargin-top: 14px;\n\tfont-size: 1.5em;\n}\n\n.tc-page-controls button {\n\tmargin-right: 0.5em;\n}\n\n.tc-page-controls a.tc-tiddlylink:hover {\n\ttext-decoration: none;\n}\n\n.tc-page-controls img {\n\twidth: 1em;\n}\n\n.tc-page-controls svg,\n.tc-search svg {\n\tfill: <<colour sidebar-controls-foreground>>;\n}\n\n.tc-page-controls button:hover svg, .tc-page-controls a:hover svg,\n.tc-search button:hover svg, .tc-search a:hover svg {\n\tfill: <<colour sidebar-controls-foreground-hover>>;\n}\n\n.tc-menu-list-item {\n\twhite-space: nowrap;\n}\n\n.tc-menu-list-count {\n\tfont-weight: bold;\n}\n\n.tc-menu-list-subitem {\n\tpadding-left: 7px;\n}\n\n.tc-story-river {\n\tposition: relative;\n}\n\n@media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {\n\n\t.tc-sidebar-header {\n\t\tpadding: 14px;\n\t\tmin-height: 32px;\n\t\tmargin-top: {{$:/themes/tiddlywiki/vanilla/metrics/storytop}};\n\t}\n\n\t.tc-story-river {\n\t\tposition: relative;\n\t\tpadding: 0;\n\t}\n}\n\n@media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {\n\n\t.tc-message-box {\n\t\tmargin: 21px -21px 21px -21px;\n\t}\n\n\t.tc-sidebar-scrollable {\n\t\tposition: fixed;\n\t\ttop: {{$:/themes/tiddlywiki/vanilla/metrics/storytop}};\n\t\tleft: {{$:/themes/tiddlywiki/vanilla/metrics/storyright}};\n\t\tbottom: 0;\n\t\tright: 0;\n\t\toverflow-y: auto;\n\t\toverflow-x: auto;\n\t\t-webkit-overflow-scrolling: touch;\n\t\tmargin: 0 0 0 -42px;\n\t\tpadding: 71px 0 28px 42px;\n\t}\n\n\t.tc-story-river {\n\t\tposition: relative;\n\t\tleft: {{$:/themes/tiddlywiki/vanilla/metrics/storyleft}};\n\t\ttop: {{$:/themes/tiddlywiki/vanilla/metrics/storytop}};\n\t\twidth: {{$:/themes/tiddlywiki/vanilla/metrics/storywidth}};\n\t\tpadding: 42px 42px 42px 42px;\n\t}\n\n<<if-no-sidebar \"\n\n\t.tc-story-river {\n\t\twidth: auto;\n\t}\n\n\">>\n\n}\n\n@media print {\n\n\tbody.tc-body {\n\t\tbackground-color: transparent;\n\t}\n\n\t.tc-sidebar-header, .tc-topbar {\n\t\tdisplay: none;\n\t}\n\n\t.tc-story-river {\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t}\n\n\t.tc-story-river .tc-tiddler-frame {\n\t\tmargin: 0;\n\t\tborder: none;\n\t\tpadding: 28px;\n\t}\n}\n\n/*\n** Tiddler styles\n*/\n\n.tc-tiddler-frame {\n\tmargin-bottom: 28px;\n\tbackground-color: <<colour tiddler-background>>;\n\tborder: 1px solid <<colour tiddler-border>>;\n}\n\n{{$:/themes/tiddlywiki/vanilla/sticky}}\n\n.tc-tiddler-info {\n\tpadding: 14px 42px 14px 42px;\n\tbackground-color: <<colour tiddler-info-background>>;\n\tborder-top: 1px solid <<colour tiddler-info-border>>;\n\tborder-bottom: 1px solid <<colour tiddler-info-border>>;\n}\n\n.tc-tiddler-info p {\n\tmargin-top: 3px;\n\tmargin-bottom: 3px;\n}\n\n.tc-tiddler-info .tc-tab-buttons button.tc-tab-selected {\n\tbackground-color: <<colour tiddler-info-tab-background>>;\n\tborder-bottom: 1px solid <<colour tiddler-info-tab-background>>;\n}\n\n.tc-view-field-table {\n\twidth: 100%;\n}\n\n.tc-view-field-name {\n\twidth: 1%; /* Makes this column be as narrow as possible */\n\ttext-align: right;\n\tfont-style: italic;\n\tfont-weight: 200;\n}\n\n.tc-view-field-value {\n}\n\n@media (max-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {\n\t.tc-tiddler-frame {\n\t\tpadding: 14px 14px 14px 14px;\n\t}\n\n\t.tc-tiddler-info {\n\t\tmargin: 0 -14px 0 -14px;\n\t}\n}\n\n@media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {\n\t.tc-tiddler-frame {\n\t\tpadding: 28px 42px 42px 42px;\n\t\twidth: {{$:/themes/tiddlywiki/vanilla/metrics/tiddlerwidth}};\n\t\tborder-radius: 2px;\n\t}\n\n<<if-no-sidebar \"\n\n\t.tc-tiddler-frame {\n\t\twidth: 100%;\n\t}\n\n\">>\n\n\t.tc-tiddler-info {\n\t\tmargin: 0 -42px 0 -42px;\n\t}\n}\n\n.tc-site-title,\n.tc-titlebar {\n\tfont-weight: 300;\n\tfont-size: 2.35em;\n\tline-height: 1.2em;\n\tcolor: <<colour tiddler-title-foreground>>;\n\tmargin: 0;\n}\n\n.tc-site-title {\n\tcolor: <<colour site-title-foreground>>;\n}\n\n.tc-tiddler-title-icon {\n\tvertical-align: middle;\n}\n\n.tc-system-title-prefix {\n\tcolor: <<colour muted-foreground>>;\n}\n\n.tc-titlebar h2 {\n\tfont-size: 1em;\n\tdisplay: inline;\n}\n\n.tc-titlebar img {\n\theight: 1em;\n}\n\n.tc-subtitle {\n\tfont-size: 0.9em;\n\tcolor: <<colour tiddler-subtitle-foreground>>;\n\tfont-weight: 300;\n}\n\n.tc-tiddler-missing .tc-title {\n font-style: italic;\n font-weight: normal;\n}\n\n.tc-tiddler-frame .tc-tiddler-controls {\n\tfloat: right;\n}\n\n.tc-tiddler-controls .tc-drop-down {\n\tfont-size: 0.6em;\n}\n\n.tc-tiddler-controls .tc-drop-down .tc-drop-down {\n\tfont-size: 1em;\n}\n\n.tc-tiddler-controls > span > button {\n\tvertical-align: baseline;\n\tmargin-left:5px;\n}\n\n.tc-tiddler-controls button svg, .tc-tiddler-controls button img {\n\theight: 0.75em;\n\tfill: <<colour tiddler-controls-foreground>>;\n}\n\n.tc-tiddler-controls button.tc-selected svg,\n.tc-page-controls button.tc-selected svg {\n\tfill: <<colour tiddler-controls-foreground-selected>>;\n}\n\n.tc-tiddler-controls button.tc-btn-invisible:hover svg {\n\tfill: <<colour tiddler-controls-foreground-hover>>;\n}\n\n@media print {\n\t.tc-tiddler-controls {\n\t\tdisplay: none;\n\t}\n}\n\n.tc-tiddler-help { /* Help prompts within tiddler template */\n\tcolor: <<colour muted-foreground>>;\n\tmargin-top: 14px;\n}\n\n.tc-tiddler-help a.tc-tiddlylink {\n\tcolor: <<colour very-muted-foreground>>;\n}\n\n.tc-tiddler-frame input.tc-edit-texteditor, .tc-tiddler-frame textarea.tc-edit-texteditor {\n\twidth: 100%;\n\tpadding: 3px 3px 3px 3px;\n\tborder: 1px solid <<colour tiddler-editor-border>>;\n\tline-height: 1.3em;\n\t-webkit-appearance: none;\n\tmargin: 4px 0 4px 0;\n}\n\n.tc-tiddler-frame .tc-binary-warning {\n\twidth: 100%;\n\theight: 5em;\n\ttext-align: center;\n\tpadding: 3em 3em 6em 3em;\n\tbackground: <<colour alert-background>>;\n\tborder: 1px solid <<colour alert-border>>;\n}\n\n.tc-tiddler-frame input.tc-edit-texteditor {\n\tbackground-color: <<colour tiddler-editor-background>>;\n}\n\ncanvas.tc-edit-bitmapeditor {\n\tborder: 6px solid <<colour tiddler-editor-border-image>>;\n\tcursor: crosshair;\n\t-moz-user-select: none;\n\t-webkit-user-select: none;\n\t-ms-user-select: none;\n\tmargin-top: 6px;\n\tmargin-bottom: 6px;\n}\n\n.tc-edit-bitmapeditor-width {\n\tdisplay: block;\n}\n\n.tc-edit-bitmapeditor-height {\n\tdisplay: block;\n}\n\n.tc-tiddler-frame .tc-tiddler-body {\n\tfont-size: {{$:/themes/tiddlywiki/vanilla/metrics/bodyfontsize}};\n\tline-height: {{$:/themes/tiddlywiki/vanilla/metrics/bodylineheight}};\n}\n\n.tc-titlebar, .tc-tiddler-edit-title {\n\toverflow: hidden; /* https://github.com/Jermolene/TiddlyWiki5/issues/282 */\n}\n\nhtml body.tc-body.tc-single-tiddler-window {\n\tmargin: 1em;\n\tbackground: <<colour tiddler-background>>;\n}\n\n.tc-single-tiddler-window img,\n.tc-single-tiddler-window svg,\n.tc-single-tiddler-window canvas,\n.tc-single-tiddler-window embed,\n.tc-single-tiddler-window iframe {\n\tmax-width: 100%;\n}\n\n/*\n** Adjustments for fluid-fixed mode\n*/\n\n@media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {\n\n<<if-fluid-fixed text:\"\"\"\n\n\t.tc-story-river {\n\t\tpadding-right: 0;\n\t\tposition: relative;\n\t\twidth: auto;\n\t\tleft: 0;\n\t\tmargin-right: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarwidth}};\n\t}\n\n\t.tc-tiddler-frame {\n\t\twidth: 100%;\n\t}\n\n\t.tc-sidebar-scrollable {\n\t\tleft: auto;\n\t\tbottom: 0;\n\t\tright: 0;\n\t\twidth: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarwidth}};\n\t}\n\n\tbody.tc-body .tc-storyview-zoomin-tiddler {\n\t\twidth: 100%;\n\t\twidth: calc(100% - 42px);\n\t}\n\n\"\"\" hiddenSidebarText:\"\"\"\n\n\t.tc-story-river {\n\t\tpadding-right: 3em;\n\t\tmargin-right: 0;\n\t}\n\n\tbody.tc-body .tc-storyview-zoomin-tiddler {\n\t\twidth: 100%;\n\t\twidth: calc(100% - 84px);\n\t}\n\n\"\"\">>\n\n}\n\n/*\n** Toolbar buttons\n*/\n\n.tc-page-controls svg.tc-image-new-button {\n fill: <<colour toolbar-new-button>>;\n}\n\n.tc-page-controls svg.tc-image-options-button {\n fill: <<colour toolbar-options-button>>;\n}\n\n.tc-page-controls svg.tc-image-save-button {\n fill: <<colour toolbar-save-button>>;\n}\n\n.tc-tiddler-controls button svg.tc-image-info-button {\n fill: <<colour toolbar-info-button>>;\n}\n\n.tc-tiddler-controls button svg.tc-image-edit-button {\n fill: <<colour toolbar-edit-button>>;\n}\n\n.tc-tiddler-controls button svg.tc-image-close-button {\n fill: <<colour toolbar-close-button>>;\n}\n\n.tc-tiddler-controls button svg.tc-image-delete-button {\n fill: <<colour toolbar-delete-button>>;\n}\n\n.tc-tiddler-controls button svg.tc-image-cancel-button {\n fill: <<colour toolbar-cancel-button>>;\n}\n\n.tc-tiddler-controls button svg.tc-image-done-button {\n fill: <<colour toolbar-done-button>>;\n}\n\n/*\n** Tiddler edit mode\n*/\n\n.tc-tiddler-edit-frame em.tc-edit {\n\tcolor: <<colour muted-foreground>>;\n\tfont-style: normal;\n}\n\n.tc-edit-type-dropdown a.tc-tiddlylink-missing {\n\tfont-style: normal;\n}\n\n.tc-edit-tags {\n\tborder: 1px solid <<colour tiddler-editor-border>>;\n\tpadding: 4px 8px 4px 8px;\n}\n\n.tc-edit-add-tag {\n\tdisplay: inline-block;\n}\n\n.tc-edit-add-tag .tc-add-tag-name input {\n\twidth: 50%;\n}\n\n.tc-edit-tags .tc-tag-label {\n\tdisplay: inline-block;\n}\n\n.tc-edit-tags-list {\n\tmargin: 14px 0 14px 0;\n}\n\n.tc-remove-tag-button {\n\tpadding-left: 4px;\n}\n\n.tc-tiddler-preview {\n\toverflow: auto;\n}\n\n.tc-tiddler-preview-preview {\n\tfloat: right;\n\twidth: 48%;\n\tborder: 1px solid <<colour tiddler-editor-border>>;\n\tmargin: 4px 3px 3px 3px;\n\tpadding: 3px 3px 3px 3px;\n}\n\n.tc-tiddler-preview-edit {\n\twidth: 48%;\n}\n\n.tc-edit-fields {\n\twidth: 100%;\n}\n\n\n.tc-edit-fields table, .tc-edit-fields tr, .tc-edit-fields td {\n\tborder: none;\n\tpadding: 4px;\n}\n\n.tc-edit-fields > tbody > .tc-edit-field:nth-child(odd) {\n\tbackground-color: <<colour tiddler-editor-fields-odd>>;\n}\n\n.tc-edit-fields > tbody > .tc-edit-field:nth-child(even) {\n\tbackground-color: <<colour tiddler-editor-fields-even>>;\n}\n\n.tc-edit-field-name {\n\ttext-align: right;\n}\n\n.tc-edit-field-value input {\n\twidth: 100%;\n}\n\n.tc-edit-field-remove {\n}\n\n.tc-edit-field-remove svg {\n\theight: 1em;\n\twidth: 1em;\n\tfill: <<colour muted-foreground>>;\n\tvertical-align: middle;\n}\n\n.tc-edit-field-add-name {\n\tdisplay: inline-block;\n\twidth: 15%;\n}\n\n.tc-edit-field-add-value {\n\tdisplay: inline-block;\n\twidth: 40%;\n}\n\n.tc-edit-field-add-button {\n\tdisplay: inline-block;\n\twidth: 10%;\n}\n\n/*\n** Storyview Classes\n*/\n\n.tc-storyview-zoomin-tiddler {\n\tposition: absolute;\n\tdisplay: block;\n\twidth: 100%;\n}\n\n@media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {\n\n\t.tc-storyview-zoomin-tiddler {\n\t\twidth: calc(100% - 84px);\n\t}\n\n}\n\n/*\n** Dropdowns\n*/\n\n.tc-btn-dropdown {\n\ttext-align: left;\n}\n\n.tc-btn-dropdown svg, .tc-btn-dropdown img {\n\theight: 1em;\n\twidth: 1em;\n\tfill: <<colour muted-foreground>>;\n}\n\n.tc-drop-down-wrapper {\n\tposition: relative;\n}\n\n.tc-drop-down {\n\tmin-width: 380px;\n\tborder: 1px solid <<colour dropdown-border>>;\n\tbackground-color: <<colour dropdown-background>>;\n\tpadding: 7px 0 7px 0;\n\tmargin: 4px 0 0 0;\n\twhite-space: nowrap;\n\ttext-shadow: none;\n\tline-height: 1.4;\n}\n\n.tc-drop-down .tc-drop-down {\n\tmargin-left: 14px;\n}\n\n.tc-drop-down button svg, .tc-drop-down a svg {\n\tfill: <<colour foreground>>;\n}\n\n.tc-drop-down button.tc-btn-invisible:hover svg {\n\tfill: <<colour foreground>>;\n}\n\n.tc-drop-down p {\n\tpadding: 0 14px 0 14px;\n}\n\n.tc-drop-down svg {\n\twidth: 1em;\n\theight: 1em;\n}\n\n.tc-drop-down img {\n\twidth: 1em;\n}\n\n.tc-drop-down-language-chooser img {\n\twidth: 2em;\n\tvertical-align: baseline;\n}\n\n.tc-drop-down a, .tc-drop-down button {\n\tdisplay: block;\n\tpadding: 0 14px 0 14px;\n\twidth: 100%;\n\ttext-align: left;\n\tcolor: <<colour foreground>>;\n\tline-height: 1.4;\n}\n\n.tc-drop-down .tc-prompt {\n\tpadding: 0 14px;\t\n}\n\n.tc-drop-down .tc-chooser {\n\tborder: none;\n}\n\n.tc-drop-down .tc-chooser .tc-swatches-horiz {\n\tfont-size: 0.4em;\n\tpadding-left: 1.2em;\n}\n\n.tc-drop-down .tc-file-input-wrapper {\n\twidth: 100%;\n}\n\n.tc-drop-down .tc-file-input-wrapper button {\n\tcolor: <<colour foreground>>;\n}\n\n.tc-drop-down a:hover, .tc-drop-down button:hover, .tc-drop-down .tc-file-input-wrapper:hover button {\n\tcolor: <<colour tiddler-link-background>>;\n\tbackground-color: <<colour tiddler-link-foreground>>;\n\ttext-decoration: none;\n}\n\n.tc-drop-down .tc-tab-buttons button {\n\tbackground-color: <<colour dropdown-tab-background>>;\n}\n\n.tc-drop-down .tc-tab-buttons button.tc-tab-selected {\n\tbackground-color: <<colour dropdown-tab-background-selected>>;\n\tborder-bottom: 1px solid <<colour dropdown-tab-background-selected>>;\n}\n\n.tc-drop-down-bullet {\n\tdisplay: inline-block;\n\twidth: 0.5em;\n}\n\n.tc-drop-down .tc-tab-contents a {\n\tpadding: 0 0.5em 0 0.5em;\n}\n\n.tc-block-dropdown-wrapper {\n\tposition: relative;\n}\n\n.tc-block-dropdown {\n\tposition: absolute;\n\tmin-width: 220px;\n\tborder: 1px solid <<colour dropdown-border>>;\n\tbackground-color: <<colour dropdown-background>>;\n\tpadding: 7px 0;\n\tmargin: 4px 0 0 0;\n\twhite-space: nowrap;\n\tz-index: 1000;\n}\n\n.tc-block-dropdown a {\n\tdisplay: block;\n\tpadding: 4px 14px 4px 14px;\n}\n\n.tc-drop-down .tc-dropdown-item,\n.tc-block-dropdown .tc-dropdown-item {\n\tpadding: 4px 14px 4px 7px;\n\tcolor: <<colour muted-foreground>>;\n}\n\n.tc-block-dropdown a:hover {\n\tcolor: <<colour tiddler-link-background>>;\n\tbackground-color: <<colour tiddler-link-foreground>>;\n\ttext-decoration: none;\n}\n\n/*\n** Modals\n*/\n\n.tc-modal-wrapper {\n\tposition: fixed;\n\toverflow: auto;\n\toverflow-y: scroll;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n}\n\n.tc-modal-backdrop {\n\tposition: fixed;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tz-index: 1000;\n\tbackground-color: <<colour modal-backdrop>>;\n}\n\n.tc-modal {\n\tz-index: 1100;\n\tbackground-color: <<colour modal-background>>;\n\tborder: 1px solid <<colour modal-border>>;\n}\n\n@media (max-width: 55em) {\n\t.tc-modal {\n\t\tposition: fixed;\n\t\ttop: 1em;\n\t\tleft: 1em;\n\t\tright: 1em;\n\t}\n\n\t.tc-modal-body {\n\t\toverflow-y: auto;\n\t\tmax-height: 400px;\n\t\tmax-height: 60vh;\n\t}\n}\n\n@media (min-width: 55em) {\n\t.tc-modal {\n\t\tposition: fixed;\n\t\ttop: 2em;\n\t\tleft: 25%;\n\t\twidth: 50%;\n\t}\n\n\t.tc-modal-body {\n\t\toverflow-y: auto;\n\t\tmax-height: 400px;\n\t\tmax-height: 60vh;\n\t}\n}\n\n.tc-modal-header {\n\tpadding: 9px 15px;\n\tborder-bottom: 1px solid <<colour modal-header-border>>;\n}\n\n.tc-modal-header h3 {\n\tmargin: 0;\n\tline-height: 30px;\n}\n\n.tc-modal-header img, .tc-modal-header svg {\n\twidth: 1em;\n\theight: 1em;\n}\n\n.tc-modal-body {\n\tpadding: 15px;\n}\n\n.tc-modal-footer {\n\tpadding: 14px 15px 15px;\n\tmargin-bottom: 0;\n\ttext-align: right;\n\tbackground-color: <<colour modal-footer-background>>;\n\tborder-top: 1px solid <<colour modal-footer-border>>;\n}\n\n/*\n** Notifications\n*/\n\n.tc-notification {\n\tposition: fixed;\n\ttop: 14px;\n\tright: 42px;\n\tz-index: 1300;\n\tmax-width: 280px;\n\tpadding: 0 14px 0 14px;\n\tbackground-color: <<colour notification-background>>;\n\tborder: 1px solid <<colour notification-border>>;\n}\n\n/*\n** Tabs\n*/\n\n.tc-tab-set.tc-vertical {\n\tdisplay: -webkit-flex;\n\tdisplay: flex;\n}\n\n.tc-tab-buttons {\n\tfont-size: 0.85em;\n\tpadding-top: 1em;\n\tmargin-bottom: -2px;\n}\n\n.tc-tab-buttons.tc-vertical {\n\tz-index: 100;\n\tdisplay: block;\n\tpadding-top: 14px;\n\tvertical-align: top;\n\ttext-align: right;\n\tmargin-bottom: inherit;\n\tmargin-right: -1px;\n\tmax-width: 33%;\n\t-webkit-flex: 0 0 auto;\n\tflex: 0 0 auto;\n}\n\n.tc-tab-buttons button.tc-tab-selected {\n\tcolor: <<colour tab-foreground-selected>>;\n\tbackground-color: <<colour tab-background-selected>>;\n\tborder-left: 1px solid <<colour tab-border-selected>>;\n\tborder-top: 1px solid <<colour tab-border-selected>>;\n\tborder-right: 1px solid <<colour tab-border-selected>>;\n}\n\n.tc-tab-buttons button {\n\tcolor: <<colour tab-foreground>>;\n\tpadding: 3px 5px 3px 5px;\n\tfont-weight: 300;\n\tborder: none;\n\tbackground: inherit;\n\tbackground-color: <<colour tab-background>>;\n\tborder-left: 1px solid <<colour tab-border>>;\n\tborder-top: 1px solid <<colour tab-border>>;\n\tborder-right: 1px solid <<colour tab-border>>;\n\tborder-top-left-radius: 2px;\n\tborder-top-right-radius: 2px;\n}\n\n.tc-tab-buttons.tc-vertical button {\n\tdisplay: block;\n\twidth: 100%;\n\tmargin-top: 3px;\n\ttext-align: right;\n\tbackground-color: <<colour tab-background>>;\n\tborder-left: 1px solid <<colour tab-border>>;\n\tborder-bottom: 1px solid <<colour tab-border>>;\n\tborder-right: none;\n\tborder-top-left-radius: 2px;\n\tborder-bottom-left-radius: 2px;\n}\n\n.tc-tab-buttons.tc-vertical button.tc-tab-selected {\n\tbackground-color: <<colour tab-background-selected>>;\n\tborder-right: 1px solid <<colour tab-background-selected>>;\n}\n\n.tc-tab-divider {\n\tborder-top: 1px solid <<colour tab-divider>>;\n}\n\n.tc-tab-divider.tc-vertical {\n\tdisplay: none;\n}\n\n.tc-tab-content {\n\tmargin-top: 14px;\n}\n\n.tc-tab-content.tc-vertical {\n\tdisplay: inline-block;\n\tvertical-align: top;\n\tpadding-top: 0;\n\tpadding-left: 14px;\n\tborder-left: 1px solid <<colour tab-border>>;\n\t-webkit-flex: 1 0 70%;\n\tflex: 1 0 70%;\n}\n\n.tc-sidebar-lists .tc-tab-buttons {\n\tmargin-bottom: -1px;\n}\n\n.tc-sidebar-lists .tc-tab-buttons button.tc-tab-selected {\n\tbackground-color: <<colour sidebar-tab-background-selected>>;\n\tcolor: <<colour sidebar-tab-foreground-selected>>;\n\tborder-left: 1px solid <<colour sidebar-tab-border-selected>>;\n\tborder-top: 1px solid <<colour sidebar-tab-border-selected>>;\n\tborder-right: 1px solid <<colour sidebar-tab-border-selected>>;\n}\n\n.tc-sidebar-lists .tc-tab-buttons button {\n\tbackground-color: <<colour sidebar-tab-background>>;\n\tcolor: <<colour sidebar-tab-foreground>>;\n\tborder-left: 1px solid <<colour sidebar-tab-border>>;\n\tborder-top: 1px solid <<colour sidebar-tab-border>>;\n\tborder-right: 1px solid <<colour sidebar-tab-border>>;\n}\n\n.tc-sidebar-lists .tc-tab-divider {\n\tborder-top: 1px solid <<colour sidebar-tab-divider>>;\n}\n\n.tc-more-sidebar .tc-tab-buttons button {\n\tbackground-color: <<colour sidebar-tab-background>>;\n\tborder-top: none;\n\tborder-left: none;\n\tborder-bottom: none;\n\tborder-right: 1px solid #ccc;\n\tmargin-bottom: inherit;\n}\n\n.tc-more-sidebar .tc-tab-buttons button.tc-tab-selected {\n\tbackground-color: <<colour sidebar-tab-background-selected>>;\n\tborder: none;\n}\n\n/*\n** Alerts\n*/\n\n.tc-alerts {\n\tposition: fixed;\n\ttop: 0;\n\tleft: 0;\n\tmax-width: 500px;\n\tz-index: 20000;\n}\n\n.tc-alert {\n\tposition: relative;\n\tmargin: 28px;\n\tpadding: 14px 14px 14px 14px;\n\tborder: 2px solid <<colour alert-border>>;\n\tbackground-color: <<colour alert-background>>;\n}\n\n.tc-alert-toolbar {\n\tposition: absolute;\n\ttop: 14px;\n\tright: 14px;\n}\n\n.tc-alert-toolbar svg {\n\tfill: <<colour alert-muted-foreground>>;\n}\n\n.tc-alert-subtitle {\n\tcolor: <<colour alert-muted-foreground>>;\n\tfont-weight: bold;\n}\n\n.tc-alert-highlight {\n\tcolor: <<colour alert-highlight>>;\n}\n\n@media (min-width: {{$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint}}) {\n\n\t.tc-static-alert {\n\t\tposition: relative;\n\t}\n\n\t.tc-static-alert-inner {\n\t\tposition: absolute;\n\t\tz-index: 100;\n\t}\n\n}\n\n.tc-static-alert-inner {\n\tpadding: 0 2px 2px 42px;\n\tcolor: <<colour static-alert-foreground>>;\n}\n\n/*\n** Control panel\n*/\n\n.tc-control-panel td {\n\tpadding: 4px;\n}\n\n.tc-control-panel table, .tc-control-panel table input, .tc-control-panel table textarea {\n\twidth: 100%;\n}\n\n.tc-plugin-info {\n\tdisplay: block;\n\tborder: 1px solid <<colour muted-foreground>>;\n\tbackground-colour: <<colour background>>;\n\tmargin: 0.5em 0 0.5em 0;\n\tpadding: 4px;\n}\n\n.tc-plugin-info-disabled {\n\tbackground: -webkit-repeating-linear-gradient(45deg, #ff0, #ff0 10px, #eee 10px, #eee 20px);\n\tbackground: repeating-linear-gradient(45deg, #ff0, #ff0 10px, #eee 10px, #eee 20px);\n}\n\n.tc-plugin-info-disabled:hover {\n\tbackground: -webkit-repeating-linear-gradient(45deg, #aa0, #aa0 10px, #888 10px, #888 20px);\n\tbackground: repeating-linear-gradient(45deg, #aa0, #aa0 10px, #888 10px, #888 20px);\n}\n\na.tc-tiddlylink.tc-plugin-info:hover {\n\ttext-decoration: none;\n\tbackground-color: <<colour primary>>;\n\tcolor: <<colour background>>;\n\tfill: <<colour foreground>>;\n}\n\na.tc-tiddlylink.tc-plugin-info:hover svg {\n\tfill: <<colour foreground>>;\n}\n\n.tc-plugin-info-chunk {\n\tdisplay: inline-block;\n\tvertical-align: middle;\n}\n\n.tc-plugin-info-chunk h1 {\n\tfont-size: 1em;\n\tmargin: 2px 0 2px 0;\n}\n\n.tc-plugin-info-chunk h2 {\n\tfont-size: 0.8em;\n\tmargin: 2px 0 2px 0;\n}\n\n.tc-plugin-info-chunk div {\n\tfont-size: 0.7em;\n\tmargin: 2px 0 2px 0;\n}\n\n.tc-plugin-info img, .tc-plugin-info svg {\n\twidth: 2em;\n\theight: 2em;\n\tfill: <<colour muted-foreground>>;\n}\n\n.tc-plugin-info.tc-small-icon img, .tc-plugin-info.tc-small-icon svg {\n\twidth: 1em;\n\theight: 1em;\n}\n\n.tc-plugin-info-dropdown {\n\tborder: 1px solid <<colour muted-foreground>>;\n\tmargin-top: -8px;\n}\n\n.tc-plugin-info-dropdown-message {\n\tbackground: <<colour message-background>>;\n\tpadding: 0.5em 1em 0.5em 1em;\n\tfont-weight: bold;\n\tfont-size: 0.8em;\n}\n\n.tc-plugin-info-dropdown-body {\n\tpadding: 1em 1em 1em 1em;\n}\n\n/*\n** Message boxes\n*/\n\n.tc-message-box {\n\tborder: 1px solid <<colour message-border>>;\n\tbackground: <<colour message-background>>;\n\tpadding: 0px 21px 0px 21px;\n\tfont-size: 12px;\n\tline-height: 18px;\n\tcolor: <<colour message-foreground>>;\n}\n\n/*\n** Pictures\n*/\n\n.tc-bordered-image {\n\tborder: 1px solid <<colour muted-foreground>>;\n\tpadding: 5px;\n\tmargin: 5px;\n}\n\n/*\n** Floats\n*/\n\n.tc-float-right {\n\tfloat: right;\n}\n\n/*\n** Chooser\n*/\n\n.tc-chooser {\n\tborder: 1px solid <<colour table-border>>;\n}\n\n.tc-chooser-item {\n\tborder: 8px;\n\tpadding: 2px 4px;\n}\n\n.tc-chooser-item a.tc-tiddlylink {\n\tdisplay: block;\n\ttext-decoration: none;\n\tcolor: <<colour tiddler-link-foreground>>;\n\tbackground-color: <<colour tiddler-link-background>>;\n}\n\n.tc-chooser-item a.tc-tiddlylink:hover {\n\ttext-decoration: none;\n\tcolor: <<colour tiddler-link-background>>;\n\tbackground-color: <<colour tiddler-link-foreground>>;\n}\n\n/*\n** Palette swatches\n*/\n\n.tc-swatches-horiz {\n}\n\n.tc-swatches-horiz .tc-swatch {\n\tdisplay: inline-block;\n}\n\n.tc-swatch {\n\twidth: 2em;\n\theight: 2em;\n\tmargin: 0.4em;\n\tborder: 1px solid #888;\n}\n\n/*\n** Table of contents\n*/\n\n.tc-sidebar-lists .tc-table-of-contents {\n\twhite-space: nowrap;\n}\n\n.tc-table-of-contents button {\n\tcolor: <<colour sidebar-foreground>>;\n}\n\n.tc-table-of-contents svg {\n\twidth: 0.7em;\n\theight: 0.7em;\n\tvertical-align: middle;\n\tfill: <<colour sidebar-foreground>>;\n}\n\n.tc-table-of-contents ol {\n\tlist-style-type: none;\n\tpadding-left: 0;\n}\n\n.tc-table-of-contents ol ol {\n\tpadding-left: 1em;\n}\n\n.tc-table-of-contents li {\n\tfont-size: 1.0em;\n\tfont-weight: bold;\n}\n\n.tc-table-of-contents li a {\n\tfont-weight: bold;\n}\n\n.tc-table-of-contents li li {\n\tfont-size: 0.95em;\n\tfont-weight: normal;\n\tline-height: 1.4;\n}\n\n.tc-table-of-contents li li a {\n\tfont-weight: normal;\n}\n\n.tc-table-of-contents li li li {\n\tfont-size: 0.95em;\n\tfont-weight: 200;\n\tline-height: 1.5;\n}\n\n.tc-table-of-contents li li li a {\n\tfont-weight: bold;\n}\n\n.tc-table-of-contents li li li li {\n\tfont-size: 0.95em;\n\tfont-weight: 200;\n}\n\n.tc-tabbed-table-of-contents {\n\tdisplay: -webkit-flex;\n\tdisplay: flex;\n}\n\n.tc-tabbed-table-of-contents .tc-table-of-contents {\n\tz-index: 100;\n\tdisplay: inline-block;\n\tpadding-left: 1em;\n\tmax-width: 50%;\n\t-webkit-flex: 0 0 auto;\n\tflex: 0 0 auto;\n\tbackground: <<colour tab-background>>;\n\tborder-left: 1px solid <<colour tab-border>>;\n\tborder-top: 1px solid <<colour tab-border>>;\n\tborder-bottom: 1px solid <<colour tab-border>>;\n}\n\n.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item > a,\n.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item-selected > a {\n\tdisplay: block;\n\tpadding: 0.12em 1em 0.12em 0.25em;\n}\n\n.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item > a {\n\tborder-top: 1px solid <<colour tab-background>>;\n\tborder-left: 1px solid <<colour tab-background>>;\n\tborder-bottom: 1px solid <<colour tab-background>>;\n}\n\n.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item > a:hover {\n\ttext-decoration: none;\n\tborder-top: 1px solid <<colour tab-border>>;\n\tborder-left: 1px solid <<colour tab-border>>;\n\tborder-bottom: 1px solid <<colour tab-border>>;\n\tbackground: <<colour tab-border>>;\n}\n\n.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item-selected > a {\n\tborder-top: 1px solid <<colour tab-border>>;\n\tborder-left: 1px solid <<colour tab-border>>;\n\tborder-bottom: 1px solid <<colour tab-border>>;\n\tbackground: <<colour background>>;\n\tmargin-right: -1px;\n}\n\n.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item-selected > a:hover {\n\ttext-decoration: none;\n}\n\n.tc-tabbed-table-of-contents .tc-tabbed-table-of-contents-content {\n\tdisplay: inline-block;\n\tvertical-align: top;\n\tpadding-left: 1.5em;\n\tpadding-right: 1.5em;\n\tborder: 1px solid <<colour tab-border>>;\n\t-webkit-flex: 1 0 50%;\n\tflex: 1 0 50%;\n}\n\n/*\n** Dirty indicator\n*/\n\nbody.tc-dirty span.tc-dirty-indicator, body.tc-dirty span.tc-dirty-indicator svg {\n\tfill: <<colour dirty-indicator>>;\n\tcolor: <<colour dirty-indicator>>;\n}\n\n/*\n** File inputs\n*/\n\n.tc-file-input-wrapper {\n\tposition: relative;\n\toverflow: hidden;\n\tdisplay: inline-block;\n\tvertical-align: middle;\n}\n\n.tc-file-input-wrapper input[type=file] {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tright: 0;\n\tbottom: 0;\n\tfont-size: 999px;\n\tmax-width: 100%;\n\tmax-height: 100%;\n\tfilter: alpha(opacity=0);\n\topacity: 0;\n\toutline: none;\n\tbackground: white;\n\tcursor: pointer;\n\tdisplay: inline-block;\n}\n\n/*\n** Thumbnail macros\n*/\n\n.tc-thumbnail-wrapper {\n\tposition: relative;\n\tdisplay: inline-block;\n\tmargin: 6px;\n\tvertical-align: top;\n}\n\n.tc-thumbnail-right-wrapper {\n\tfloat:right;\n\tmargin: 0.5em 0 0.5em 0.5em;\n}\n\n.tc-thumbnail-image {\n text-align: center;\n\toverflow: hidden;\n\tborder-radius: 3px;\n}\n\n.tc-thumbnail-image svg,\n.tc-thumbnail-image img {\n\tfilter: alpha(opacity=1);\n\topacity: 1;\n min-width: 100%;\n min-height: 100%;\n max-width: 100%;\n}\n\n.tc-thumbnail-wrapper:hover .tc-thumbnail-image svg,\n.tc-thumbnail-wrapper:hover .tc-thumbnail-image img {\n\tfilter: alpha(opacity=0.8);\n\topacity: 0.8;\n}\n\n.tc-thumbnail-background {\n\tposition: absolute;\n\tborder-radius: 3px;\n}\n\n.tc-thumbnail-icon svg,\n.tc-thumbnail-icon img {\n\twidth: 3em;\n\theight: 3em;\n\t<<filter \"drop-shadow(2px 2px 4px rgba(0,0,0,0.3))\">>\n}\n\n.tc-thumbnail-wrapper:hover .tc-thumbnail-icon svg,\n.tc-thumbnail-wrapper:hover .tc-thumbnail-icon img {\n\tfill: #fff;\n\t<<filter \"drop-shadow(3px 3px 4px rgba(0,0,0,0.6))\">>\n}\n\n.tc-thumbnail-icon {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tright: 0;\n\tbottom: 0;\n\tdisplay: -webkit-flex;\n\t-webkit-align-items: center;\n\t-webkit-justify-content: center;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n}\n\n.tc-thumbnail-caption {\n\tposition: absolute;\n\tbackground-color: #777;\n\tcolor: #fff;\n\ttext-align: center;\n\tbottom: 0;\n\twidth: 100%;\n\tfilter: alpha(opacity=0.9);\n\topacity: 0.9;\n\tline-height: 1.4;\n\tborder-bottom-left-radius: 3px;\n\tborder-bottom-right-radius: 3px;\n}\n\n.tc-thumbnail-wrapper:hover .tc-thumbnail-caption {\n\tfilter: alpha(opacity=1);\n\topacity: 1;\n}\n\n/*\n** Errors\n*/\n\n.tc-error {\n\tbackground: #f00;\n\tcolor: #fff;\n}\n"
},
"$:/themes/tiddlywiki/vanilla/metrics/bodyfontsize": {
"title": "$:/themes/tiddlywiki/vanilla/metrics/bodyfontsize",
"text": "15px"
},
"$:/themes/tiddlywiki/vanilla/metrics/bodylineheight": {
"title": "$:/themes/tiddlywiki/vanilla/metrics/bodylineheight",
"text": "22px"
},
"$:/themes/tiddlywiki/vanilla/metrics/fontsize": {
"title": "$:/themes/tiddlywiki/vanilla/metrics/fontsize",
"text": "14px"
},
"$:/themes/tiddlywiki/vanilla/metrics/lineheight": {
"title": "$:/themes/tiddlywiki/vanilla/metrics/lineheight",
"text": "20px"
},
"$:/themes/tiddlywiki/vanilla/metrics/storyleft": {
"title": "$:/themes/tiddlywiki/vanilla/metrics/storyleft",
"text": "0px"
},
"$:/themes/tiddlywiki/vanilla/metrics/storytop": {
"title": "$:/themes/tiddlywiki/vanilla/metrics/storytop",
"text": "0px"
},
"$:/themes/tiddlywiki/vanilla/metrics/storyright": {
"title": "$:/themes/tiddlywiki/vanilla/metrics/storyright",
"text": "770px"
},
"$:/themes/tiddlywiki/vanilla/metrics/storywidth": {
"title": "$:/themes/tiddlywiki/vanilla/metrics/storywidth",
"text": "770px"
},
"$:/themes/tiddlywiki/vanilla/metrics/tiddlerwidth": {
"title": "$:/themes/tiddlywiki/vanilla/metrics/tiddlerwidth",
"text": "686px"
},
"$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint": {
"title": "$:/themes/tiddlywiki/vanilla/metrics/sidebarbreakpoint",
"text": "960px"
},
"$:/themes/tiddlywiki/vanilla/metrics/sidebarwidth": {
"title": "$:/themes/tiddlywiki/vanilla/metrics/sidebarwidth",
"text": "350px"
},
"$:/themes/tiddlywiki/vanilla/options/stickytitles": {
"title": "$:/themes/tiddlywiki/vanilla/options/stickytitles",
"text": "no"
},
"$:/themes/tiddlywiki/vanilla/options/sidebarlayout": {
"title": "$:/themes/tiddlywiki/vanilla/options/sidebarlayout",
"text": "fixed-fluid"
},
"$:/themes/tiddlywiki/vanilla/reset": {
"title": "$:/themes/tiddlywiki/vanilla/reset",
"type": "text/plain",
"text": "/*! normalize.css v3.0.0 | MIT License | git.io/normalize */\n\n/**\n * 1. Set default font family to sans-serif.\n * 2. Prevent iOS text size adjust after orientation change, without disabling\n * user zoom.\n */\n\nhtml {\n font-family: sans-serif; /* 1 */\n -ms-text-size-adjust: 100%; /* 2 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Remove default margin.\n */\n\nbody {\n margin: 0;\n}\n\n/* HTML5 display definitions\n ========================================================================== */\n\n/**\n * Correct `block` display not defined in IE 8/9.\n */\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection,\nsummary {\n display: block;\n}\n\n/**\n * 1. Correct `inline-block` display not defined in IE 8/9.\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n */\n\naudio,\ncanvas,\nprogress,\nvideo {\n display: inline-block; /* 1 */\n vertical-align: baseline; /* 2 */\n}\n\n/**\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Address `[hidden]` styling not present in IE 8/9.\n * Hide the `template` element in IE, Safari, and Firefox < 22.\n */\n\n[hidden],\ntemplate {\n display: none;\n}\n\n/* Links\n ========================================================================== */\n\n/**\n * Remove the gray background color from active links in IE 10.\n */\n\na {\n background: transparent;\n}\n\n/**\n * Improve readability when focused and also mouse hovered in all browsers.\n */\n\na:active,\na:hover {\n outline: 0;\n}\n\n/* Text-level semantics\n ========================================================================== */\n\n/**\n * Address styling not present in IE 8/9, Safari 5, and Chrome.\n */\n\nabbr[title] {\n border-bottom: 1px dotted;\n}\n\n/**\n * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.\n */\n\nb,\nstrong {\n font-weight: bold;\n}\n\n/**\n * Address styling not present in Safari 5 and Chrome.\n */\n\ndfn {\n font-style: italic;\n}\n\n/**\n * Address variable `h1` font-size and margin within `section` and `article`\n * contexts in Firefox 4+, Safari 5, and Chrome.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/**\n * Address styling not present in IE 8/9.\n */\n\nmark {\n background: #ff0;\n color: #000;\n}\n\n/**\n * Address inconsistent and variable font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` affecting `line-height` in all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -0.5em;\n}\n\nsub {\n bottom: -0.25em;\n}\n\n/* Embedded content\n ========================================================================== */\n\n/**\n * Remove border when inside `a` element in IE 8/9.\n */\n\nimg {\n border: 0;\n}\n\n/**\n * Correct overflow displayed oddly in IE 9.\n */\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* Grouping content\n ========================================================================== */\n\n/**\n * Address margin not present in IE 8/9 and Safari 5.\n */\n\nfigure {\n margin: 1em 40px;\n}\n\n/**\n * Address differences between Firefox and other browsers.\n */\n\nhr {\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n height: 0;\n}\n\n/**\n * Contain overflow in all browsers.\n */\n\npre {\n overflow: auto;\n}\n\n/**\n * Address odd `em`-unit font size rendering in all browsers.\n */\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\n\n/* Forms\n ========================================================================== */\n\n/**\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\n * styling of `select`, unless a `border` property is set.\n */\n\n/**\n * 1. Correct color not being inherited.\n * Known issue: affects color of disabled elements.\n * 2. Correct font properties not being inherited.\n * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n color: inherit; /* 1 */\n font: inherit; /* 2 */\n margin: 0; /* 3 */\n}\n\n/**\n * Address `overflow` set to `hidden` in IE 8/9/10.\n */\n\nbutton {\n overflow: visible;\n}\n\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Firefox, IE 8+, and Opera\n * Correct `select` style inheritance in Firefox.\n */\n\nbutton,\nselect {\n text-transform: none;\n}\n\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\n * and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type\n * `input` and others.\n */\n\nbutton,\nhtml input[type=\"button\"], /* 1 */\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n -webkit-appearance: button; /* 2 */\n cursor: pointer; /* 3 */\n}\n\n/**\n * Re-set default cursor for disabled elements.\n */\n\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n\n/**\n * Remove inner padding and border in Firefox 4+.\n */\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in\n * the UA stylesheet.\n */\n\ninput {\n line-height: normal;\n}\n\n/**\n * It's recommended that you don't attempt to style these elements.\n * Firefox's implementation doesn't respect box-sizing, padding, or width.\n *\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.\n */\n\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/**\n * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome\n * (include `-moz` to future-proof).\n */\n\ninput[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n -moz-box-sizing: content-box;\n -webkit-box-sizing: content-box; /* 2 */\n box-sizing: content-box;\n}\n\n/**\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips the cancel button when the search input has\n * padding (and `textfield` appearance).\n */\n\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * Define consistent border, margin, and padding.\n */\n\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em;\n}\n\n/**\n * 1. Correct `color` not being inherited in IE 8/9.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\n\nlegend {\n border: 0; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * Remove default vertical scrollbar in IE 8/9.\n */\n\ntextarea {\n overflow: auto;\n}\n\n/**\n * Don't inherit the `font-weight` (applied by a rule above).\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n */\n\noptgroup {\n font-weight: bold;\n}\n\n/* Tables\n ========================================================================== */\n\n/**\n * Remove most spacing between table cells.\n */\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n\ntd,\nth {\n padding: 0;\n}\n"
},
"$:/themes/tiddlywiki/vanilla/settings/fontfamily": {
"title": "$:/themes/tiddlywiki/vanilla/settings/fontfamily",
"text": "\"Helvetica Neue\", Helvetica, Arial, \"Lucida Grande\", \"DejaVu Sans\", sans-serif"
},
"$:/themes/tiddlywiki/vanilla/settings/codefontfamily": {
"title": "$:/themes/tiddlywiki/vanilla/settings/codefontfamily",
"text": "Monaco, Consolas, \"Lucida Console\", \"DejaVu Sans Mono\", monospace"
},
"$:/themes/tiddlywiki/vanilla/settings/backgroundimageattachment": {
"title": "$:/themes/tiddlywiki/vanilla/settings/backgroundimageattachment",
"text": "fixed"
},
"$:/themes/tiddlywiki/vanilla/settings/backgroundimagesize": {
"title": "$:/themes/tiddlywiki/vanilla/settings/backgroundimagesize",
"text": "auto"
},
"$:/themes/tiddlywiki/vanilla/sticky": {
"title": "$:/themes/tiddlywiki/vanilla/sticky",
"text": "<$reveal state=\"$:/themes/tiddlywiki/vanilla/options/stickytitles\" type=\"match\" text=\"yes\">\n``\n.tc-tiddler-title {\n\tposition: -webkit-sticky;\n\tposition: -moz-sticky;\n\tposition: -o-sticky;\n\tposition: -ms-sticky;\n\tposition: sticky;\n\ttop: 0px;\n\tbackground: ``<<colour tiddler-background>>``;\n\tz-index: 500;\n}\n``\n</$reveal>\n"
}
}
}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
! Examples
Here is an example of the `thumbnail-right` macro used to create a video thumbnail that floats to the right of the text
<$macrocall $name=".example" n="1" eg="""<<thumbnail-right link:"Introduction Video" image:"Introduction Video Thumbnail.jpg" caption:"Introduction to ~TiddlyWiki" icon:"{{$:/core/images/video}}" color:"red">>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."""/>
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
Tiddlyclip has the facility to prompt the user for text input as part of a clip action. To be prompted for text to add to your Pins we added the following to the TiddlyClipConfig:
|!Category|!Tip|!Tags|!Rule Tid|!Modes|
|pinAndProse|pin it||[[defaultPin]]|userstring|
The mode 'userstring' tells the addon to open a dialogue so that text can be entered
Tiddlyclip includes the ability to take screenshots or 'snaps'. This facility has adding by including a new action to the tiddlyclip config that is slightly different to the snip action. Here we have add a rule called defaultSnap, and add the mode 'snap30' where 'snap' is the instruction to take a screen shot and 30 in the linear % size for the resultant image.
|!Category|!Tip|!Tags|!Rule Tid|!Modes|
|Snap|screen shot||[[defaultSnap]]|snap30|
The default configuration can be extended to allow tags to be added to clips and clipped tids. This is achieved thru changes to a configuration tiddler, namely the //~TiddlyClipConfig//, here is an example:
<hr style="border-style: dotted;" />
!Default
|!Category|!Tip|!Tags|!Rule Tid|!Modes|
|Tip|highlight a tid title|clippedtid|[[defaultTip]]|tiddlers|
|recipies||recipies|[[defaultSnip]]||
|quots||quots|[[defaultSnip]]||
<hr style="border-style: dotted;" />
The items that appear in the 'Category' column will appear in the browser's context menus. What is shown is the default operation 'Tip' being replaced with a new operation (which is the same as the default with the addition of a tag 'clippedtid'), and two new operations being defined. Details about //~TiddlyClipConfig// are given here [[The TiddlyClipConfig|The TiddlyClipConfig]].
----
<$set name="loop1" value=<<qualify "$:/temp/taglist">>>
<$taglist class="btn btn-primary" template=taglisttemplate>taglisttemplate</$taglist>
</$set>
Tiddlyclip (TC) allows parts of webpages to be clipped into a tiddlywiki (TW), and consists of two parts, the browser Addon and the TW plugin. The Addon is completely memoryless, any configuration is determined by the current TW that the user has select to work with (we say that the Addon is docked to the TW). TC is designed to work (in a basic mode) without configuration. Once the Addon and plugin are installed, all the user has to do is select which TW to dock to.
<$set name="loop1" value=<<qualify "$:/temp/taglist">>>
<$taglist class="btn btn-primary" nodrop="true" template=taglisttemplate>taglisttemplate</$taglist>
</$set>
!A Simple Example
Configurations will be explained by way of an example
<<tabsheader "[[The TiddlyClipConfig]] [[The RuleTid]]" "The TiddlyClipConfig"">>
<!---------------------------------------------------------------------------------------------------------------->
<$reveal type='match' state='$:/state/tab<<currentTiddler>>' default='The TiddlyClipConfig' text='The TiddlyClipConfig'>
An example ~TiddlyClipConfig tiddler is shown below.
The ~TiddlyClipConfig tiddler is the starting point for defining tiddlyclip operations, it contains a number of tables (at least one), with each table preceded by section title (In the example below, the section is 'default').
The TiddlyClipConfig tiddler is copied from the tiddlywiki into the browser addon. Section titles and Categories appear in the context menu of the browser.
Sections appear under 'tiddlyclip sets' [[add screenshot]] , the currently selected section has a * in front of it, and Category entries from its corresponding table appear in the 'tiddlyclip as' entry [[add screen shot]].
This example shows a configuration that captures a screen shot of a webpage.In the mode snap30 'snap' is the instruction to take a screen shot and 30 in the linear % size for the resultant image. See the next tab for a description of the Rule Tid.
<hr style="border-style: dotted;" />
!default
|!Category|!Tip|!Tags|!Rule Tid|!Modes|
|Capture|||CaptureRule|snap30|
</$reveal>
<!---------------------------------------------------------------------------------------------------->
<$reveal type='match' state='$:/state/tab<<currentTiddler>>' text='The RuleTid'>
The Rule Tid has a single rules table. The contents of a rules table define how tiddlyclip creates/modifies tiddlers, and how a clip is placed into these tiddlers along with tiddlywiki text. Each rule table is placed into a separate tiddler.
In this example the title of the tiddler will take its name from the name of then webpage that we are clipping.
The "Field Initals" entry sets tiddler fields when the tiddler is created, here the type of the tiddler is set. Next we see that a tag 'clippedimage' is to be applied to the tiddler.
!!Contents of the tiddler CaptureRule:
<hr style="border-style: dotted;" />
{{CaptureRule}}
!!!See also: [[Building Configurations -Part 2]]
</$reveal>
----
!A Further Example
This example shows a configuration that captures a screen shot of a webpage, page link and user comment.
<<tabsheader "[[The TiddlyClipConfig]] [[The RuleTid]]" "The TiddlyClipConfig"">>
<!---------------------------------------------------------------------------------------------------------------->
<$reveal type='match' state='$:/state/tab<<currentTiddler>>' default='The TiddlyClipConfig' text='The TiddlyClipConfig'>
In the TiddlyClipConfig table shown below the mode entry contains 'userstring' which is the instruction to prompt the user for input.
<hr style="border-style: dotted;" />
!default
|!Category|!Tip|!Tags|!Rule Tid|!Modes|
|snapPage|||SnapRule|snap30 userstring|
</$reveal>
<!---------------------------------------------------------------------------------------------------->
<$reveal type='match' state='$:/state/tab<<currentTiddler>>' text='The RuleTid'>
In this example 2 tiddlers will be created. The first tiddler created is a screen capture, and stores content to an image tiddler, and we can see that the type is set appropriately in the 'Field initials' column. The title of the tiddler will take its name from the name of the webpage that we are clipping (as before), with the addition of '/image' appended.
In the body entry of the second rule, we have:
*``((*pageRef*))`` - a link to the original page
*``\n\n`` - starts a new paragraph
*``{{((*@pageTitle*))/thumbprint}}`` - the first tiddler is transcluded
*``((*@userstring*))`` - the text entered by the user
!!Contents of the tiddler SnapRule:
<hr style="border-style: dotted;" />
|!Title|!Body|!Tags|!Fields modifiers|!field initials|!Modes|
|((*@pageTitle*))/thumbprint|((*@snap*))|ClippedImage|{"$type":"image/png"}|||
|((*@pageTitle*))|{‌{((*@pageTitle*))/thumbprint}}\n\n((*@pageRef*))\n\n((*@userstring*))|ClipIntrest||||
----
!!!See also: [[Building Configurations -Part 3]]
</$reveal>
Building on part2 - adding selected text
This example adds selected text to the previous example, the TiddlyClipConfig is the same so is not repeated here. In order to make the rule more readable, the 'body' entry of the second row has been put in its own tiddler.
<<tabsheader "[[The RuleTid]] [[body detail tid]]" "[[The RuleTid]]">>
<!------------------------------------------------------------------------------------->
<$reveal type='match' state='$:/state/tab<<currentTiddler>>' default='The RuleTid' text='The RuleTid'>
The @text variable needs to be added to the body entry In the rule table. However this would make the entry rather long and hard to read and so a 'body detail' tiddly is used to hold the entry details, and the name of this tiddler is placed in the RuleTid.
!!Contents of the tiddler SnapRule
<hr style="border-style: dotted;" />
|!Title|!Body|!Tags|!Fields modifiers|!field initials|!Modes|
|((*@pageTitle*))/thumbprint|((*@snap*))|ClippedImage||{"$type":"image/png"}||
|((*@pageTitle*))|[[RuleDetail]]|ClipIntrest||||
----
</$reveal>
<!----------------------------------------------------------------------------------->
<$reveal type='match' state='$:/state/tab<<currentTiddler>>' text='body detail tid'>
{{RuleDetail}}
</$reveal>
Tiddlyclip is controlled by configurations. An Introduction to making your own configuration is given in the form of some simple examples.
Start with [[Building Configurations -Part 1]].
\define controltcc(var1)
<$linkcatcher set=tcc1 setTo={{!!title}} >
<$reveal state=tcc1 text={{!!title}} type="match"><$button class="tw-taglist" set=tcc1 setTo="">[x]</$button></$reveal>
<$link dragoverclic="yes"><span class="tw-taglist"><$view field="title"/></span></$link></$linkcatcher>
<$fieldmangler><$button param=ToC message="tm-remove-tag" class="tc-btn-invisible">{{$:/core/images/cancel-button}}</$button></$fieldmangler>
\end
!Control order of ToC
<$taglist class="btn btn-primary" targeTtag="ToC" ><<controltcc null>></$taglist>
<hr>
<$taglist class="btn btn-primary" targeTtag={{tcc1}} template=TocTemplate></$taglist>
!Installation
The table of rules in [[Tc Local Rules]] are use to create external image and other media tiddlers. The rules create relative addresses if the files are located with the docked tiddlywiki (in the same or in sub folder to the docked tiddlywiki).
To use append the contents of [[Tc Local Rules]] to your TiddlyClipConfig tiddler then copy (drag and drop or clip) the rule tiddlers referenced by this table into your tiddlywiki, then reload your tiddlywiki and re-dock it. Then right clip and select 'Tc Local Rules' from the '~TiddlyClip Setup' sub menu.
!Example usage
Use firefox to browse files on you computer (linux type 'file:///' into the location bar, windows it is 'file:///c/') place the curser over a filename then right click and apply one of the rules from the 'Tiddlyclip using Tc Local Rules' submenu.
[[https://github.com/buggyj/tiddlyclip/raw/0.0.9/tiddlyclip.xpi]]
{
"parseropts": {
"tables": true
}
}
<embed width="400" height="50" src="file:///media/3497f82e-3b95-41de-90af-df905eceeab4/data/spanish/elementary/spanishpod_B0396.html">.
<$set name="loop1" value=<<qualify "$:/temp/taglist">>>
<$taglist class="btn btn-primary" template=taglisttemplate>taglisttemplate</$taglist>
</$set>
Right click the mouse over the tiddlywiki and click "Tiddlyclip Setup" then "dock to this tiddlywiki". Tiddlyclip is now ready to use with this tiddlywiki.
The chrome addon needs to be added locally.
Right click the link below to save the addon locally. (unzip it)
https://github.com/buggyj/tiddlyclip/raw/0.0.8/tiddlyclip.zip
click the menu button then click "more tools" then extensions, then load unpacked extension
[
{
"#tw2":"((*@htmlToTW2(@web)*))"
},
{
"#rule": "\\[\\[([^\\[]*?)\\|([^\\|]*?\\/issues\\/[0-9]+)\\]\\]/g"
},
{
"#term": "\n££££ \n* [[Fixed|$2]] $1ᏜᏜᏜᏜ\n"
},
{
"#newdata1": "((*#tw2/#rule/#term*))"
},
{
"#rule2": "/ᏜᏜᏜᏜ([\\s\\S]*?)££££/g"
},
{
"#term2": ""
},
{
"#newdata2": "((*#newdata1/#rule2/#term2*))"
},
{
"#rule3": "/[\\s\\S]*££££([\\s\\S]*?)ᏜᏜᏜᏜ[\\s\\S]*/g"
},
{
"#term3": "\n!! Bug Fixes\n$1"
},
{
"#newdata": "((*#newdata2/#rule3/#term3*))"
}
]
[
{
"#tw2":"((*@htmlToTW2(@web)*))"
},
{
"#rule": "/.*(\\[\\[[\\s\\S]*?\\/issues\\/[0-9]*\\]\\]).*/g"
},
{
"#term": "$1"
},
{
"#newdata": "((*#tw2/#rule/#term*))"
}
]
|!Title|!Body|!Tags|!Fields modifiers|!field initials|!Modes|
|((*@pageTitle*))|[[isssuesRule]]|||{"$location":"((*@pageRef*))"},{"$caption":"((*@pageTitle*))"},{"$when":"((*@dateTimeShort*))"}|append add|
!! Bug Fixes
* [[added|https://github.com/buggyj/tiddlyclip-plugin/buggyj/tiddlyclip-plugin/issues/6]] module to convert paths under or equal to current paths as local
* [[Fixed|https://github.com/buggyj/tiddlyclip-plugin/buggyj/tiddlyclip-plugin/issues/5]] within tiddlyclip config tables, entries like "[‌[x]] a" treated as links (and cause a parse error)
* [[Fixed|https://github.com/buggyj/tiddlyclip-plugin/buggyj/tiddlyclip-plugin/issues/4]] within a tags entry in tiddlyclip tables, [‌[x]] is treated as a hyperlink
* [[Fixed|https://github.com/buggyj/tiddlyclip-plugin/buggyj/tiddlyclip-plugin/issues/3]] when write mode is inc tags are overwritten
* [[added|https://github.com/buggyj/tiddlyclip-plugin/buggyj/tiddlyclip-plugin/issues/2]] handling of tags of the form [‌[a b]] needs implementing
* [[Fixed|https://github.com/buggyj/tiddlyclip-plugin/buggyj/tiddlyclip-plugin/issues/1]] adding a string to the tag entry of TiddlyClipConfig has no effect
\rules only table wikilink prettylink
|!Title|!Body|!Tags|!Fields modifiers|!field initials|!Modes|
|[[TITLETID]]|<$image source ='((*@sublink(@linkURL)*))'/>|||{"$location":"((*@linkURL*))"}||
\rules only table wikilink prettylink
|!Title|!Body|!Tags|!Fields modifiers|!field initials|!Modes|
|[[TITLETID]]||||{"$_canonical_uri":"((*@sublink(@linkURL)*))"},{"$type":"image/jpeg"}||
\rules only table wikilink prettylink
|!Title|!Body|!Tags|!Fields modifiers|!field initials|!Modes|
|[[TITLETID]]||||{"$_canonical_uri":"((*@sublink(@linkURL)*))"},{"$type":"audio/mp3"}||
\rules only table wikilink prettylink
|!Title|!Body|!Tags|!Fields modifiers|!field initials|!Modes|
|[[TITLETID]]||||{"$_canonical_uri":"((*@sublink(@linkURL)*))"},{"$type":"application/pdf"}||
\rules only table wikilink prettylink
|!Title|!Body|!Tags|!Fields modifiers|!field initials|!Modes|
|[[TITLETID]]||||{"$_canonical_uri":"((*@sublink(@linkURL)*))"},{"$type":"image/png"}||
<svg class="tc-image-menu-button tc-image-button" viewBox="0 -80 80 80" width="22pt" height="22pt" transform="scale(0.4)">
<rect x="0" y="16" width="128" height="16" rx="8"></rect>
<rect x="0" y="56" width="128" height="16" rx="8"></rect>
<rect x="0" y="96" width="128" height="16" rx="8"></rect>
<$image source="file:///home/jeff/Pictures/IMG_20140427_122528.jpg">
file:///home/jeff/Pictures/IMG_20140427_122528.jpg
file:///home/jeff/Pictures/IMG_20140427_122528.jpg
https://groups.google.com/forum/#!searchin/tiddlywikidev/design/tiddlywikidev/et0wVg-J6Gw/TjAdeVUhyGMJ
<$set name="loop1" value=<<qualify "$:/temp/taglist">>>
<$taglist nodrop="true" template=taglisttemplate>taglisttemplate</$taglist>
</$set>
<$set name="loop1" value=<<qualify "$:/temp/taglist">>>
<$taglist class="btn btn-primary" template=taglisttemplate>taglisttemplate</$taglist>
</$set>
!! Bug Fixes
* [[Fixed|https://github.com/buggyj/tiddlyclip/issues/18]] addon fails mozilla online sigining with version 41
See [[Release 0.08]]
---
!! Changes
* [[removed|https://github.com/buggyj/tiddlyclip/issues/8]] default categories shown when TiddlyClipConfig exists
!!Improvements
* [[added|https://github.com/buggyj/tiddlyclip/issues/6]] current section name to 'clip as' in context menu
* [[changed|https://github.com/buggyj/tiddlyclip/issues/5]] LinkLocal LinkRemote now have lowercase first letters
* [[Improvement|https://github.com/buggyj/tiddlyclip/issues/3]] - links are passed on in a human readable
* [[added|https://github.com/buggyj/tiddlyclip/issues/2]] facility to conditionally show a clip Action based on link location
* [[added|https://github.com/buggyj/tiddlyclip/issues/1]] linkURL substitution variable
* [[added|https://github.com/buggyj/tiddlyclip-plugin/issues/6]] module to convert paths under or equal to current paths as local
!! Bug Fixes
* [[Fixed|https://github.com/buggyj/tiddlyclip-plugin/issues/5]] within tiddlyclip config tables, entries like "[‌[x]] a" treated as links (and cause a parse error)
* [[Fixed|https://github.com/buggyj/tiddlyclip-plugin/issues/4]] within a tags entry in tiddlyclip tables, [‌[x]] is treated as a hyperlink
* [[Fixed|https://github.com/buggyj/tiddlyclip-plugin/issues/3]] when write mode is inc tags are overwritten
* [[added|https://github.com/buggyj/tiddlyclip-plugin/issues/2]] handling of tags of the form [‌[a b]]
* [[Fixed|https://github.com/buggyj/tiddlyclip-plugin/issues/1]] adding a string to the tag entry of TiddlyClipConfig has no effect
!! Bug Fixes
* [[Fixed|https://github.com/buggyj/tiddlyclip/issues?q=is%3Aissue+is%3Aclosed/buggyj/tiddlyclip/issues/17]] tiddlycut appears in the context menu
* [[Fixed|https://github.com/buggyj/tiddlyclip/issues?q=is%3Aissue+is%3Aclosed/buggyj/tiddlyclip/issues/16]] in chrome version when a docked tw is removed/reloaded it still appears in the context menu
* [[Fixed|https://github.com/buggyj/tiddlyclip/issues?q=is%3Aissue+is%3Aclosed/buggyj/tiddlyclip/issues/15]] chrome version displays empty section list when config missing
[
{
"#newdata": "((*@pageRef*))\n\n{{((*@pageTitle*))/thumbprint}}\n\n((*@text*))\n\n((*@userstring*))"
}
]
file:///home/jeff/Pictures/
file:///home/jeff/Pictures/Screenshot%20from%202013-12-27%2011%3A44%3A29.png
file:///home/jeff/Pictures/
file:///home/jeff/Pictures/aroundselargiusdetail.png
http://127.0.0.1:8086/
Tiddlyclip (TC) allows parts of webpages to be clipped into a tiddlywiki (TW), and consists of two parts, the browser Addon and the TW plugin. The Addon is completely memoryless, any configuration is determined by the current TW that the user has select to work with (we say that the Addon is docked to the TW). TC is designed to work (in a basic mode) without configuration. Once the Addon and plugin are installed, all the user has to do is select which TW to dock to. (see Try It Now and BasicOperatio
<$image source="file:///home/jeff/Pictures/">
file:///home/jeff/Pictures/
((*@linkURL*))
file:///home/jeff/Pictures/
((*@linkURL*))
file:///home/jeff/Pictures/
file:///home/jeff/Pictures/IMG_20140427_122528.jpg
<div class='tc-table-of-contents'>
<<toc-selective-expandable 'ToC'>>
</div>
<div class="tc-taglist"><$linkcatcher to=loop1 >
<$reveal state=loop1 text={{!!title}} type="match"><$link to=""><span class="tc-taglist"><$view field="title"/></span></$link></$reveal><$reveal state=loop1 text={{!!title}} type="nomatch">
<$link><$view field="title"/></$link></$reveal></$linkcatcher><$link> ->@</$link></div>
<$reveal state=loop1 text={{!!title}} type="match">
<$transclude mode="block">
</$reveal>
!Localclips
|!Category|!Tip|!Tags|!Rule Tid|!Modes|
|localmusic|make tiddler with mp3||[[localtwmp3]]|linkLocal|
|localjpeg|make tiddler with jpeg||[[localtwjpeg]]|linkLocal|
|localpng|make tiddler with jpeg||[[localtwpng]]|linkLocal|
|localpdf|make tiddler with pdf||[[localtwpdf]]|linkLocal|
<$set name="loop1" value=<<qualify "$:/temp/taglist">>>
<$taglist class="btn btn-primary" template=taglisttemplate>taglisttemplate</$taglist>
</$set>
file:///media/3497f82e-3b95-41de-90af-df905eceeab4/data/radice/aWiki/myTiddlyWikis/lists16.html
{{TcLists — webclip notebook/thumbprint}}
To use, go to a webpage in different tab but in the same browser window , select some content, right click the mouse, put the pointer over "tiddlyclip as", a submenu should appear, click on "snip". A tiddler will now have been created containing the clip. Come back to this Tiddlywiki and click on the 'recent' tab on the right hand side (or at the top of the page if you have a small screen) to see a link to the new tiddler
!default
|!Category|!Tip|!Tags|!Rule Tid|!Modes|
|Issues|covert issues||[[issue2TW2]]||
|Tipc|copy tids||[[defaultTip]]|tiddlers TWC|
|Tip5|copy tids||[[defaultTip]]|tiddlers TW5|
|Snip|copy||[[defaultSnip]]||
|Snap|screen shot||[[defaultSnap]]|snap30|
|Pin|pin it ||[[defaultPin]]||
!Localclips
|!Category|!Tip|!Tags|!Rule Tid|!Modes|
|localmusic|make tiddler with mp3||[[localtwmp3]]|linkLocal|
|localjpeg|make tiddler with jpeg||[[localtwjpeg]]|linkLocal|
|localpng|make tiddler with jpeg||[[localtwpng]]|linkLocal|
|localpdf|make tiddler with pdf||[[localtwpdf]]|linkLocal|
/embed/((*@pageRef/#rule/#term*))
<$linkcatcher set=tcc1 setTo={{!!title}} >
<$reveal state=tcc1 text={{!!title}} type="match"><$button class="tw-taglist" set=tcc1 setTo="">[x]</$button></$reveal>
<$link><span class="tw-taglist"><$view field="title"/></span></$link></$linkcatcher>
\define controltcc(var1)
<$linkcatcher set=tcc1 setTo={{!!title}} >
<$reveal state=tcc1 text={{!!title}} type="match"><$button class="tw-taglist" set=tcc1 setTo="">[x]</$button></$reveal>
<$link><span class="tw-taglist"><$view field="title"/></span></$link></$linkcatcher>
\end
<$taglist class="btn btn-primary" nodrop="true" targeTtag="ToC" ><<controltcc null>></$taglist>
<hr>
<$taglist class="btn btn-primary" targeTtag={{tcc1}} template=taglisttemplate nodrop="true"></$taglist>
\define toc-heading()
<$reveal type="nomatch" state=<<qualify "$:/state/toc/$(currentTiddler)$">> text="show">
<$button set=<<qualify "$:/state/toc/$(currentTiddler)$">> setTo="show" class="btn-invisible">{{$:/core/images/right-arrow}} $(currentTiddler)$
</$button>
</$reveal>
<$reveal type="match" state=<<qualify "$:/state/toc/$(currentTiddler)$">> text="show">
<$button set=<<qualify "$:/state/toc/$(currentTiddler)$">> setTo="hide" class="btn-invisible">{{$:/core/images/down-arrow}} $(currentTiddler)$
</$button>
</$reveal>
<$reveal type="match" state=<<qualify "$:/state/toc/$(currentTiddler)$">> text="show" retain="yes" animate="yes">
<$list filter="[tag[$(currentTiddler)$]]">
##<$link>{{!!title}}</$link>
</$list>
</$reveal>
\end
<$link><span class="tw-taglist"><$view field="title"/></span></$link><$fieldmangler><$button param= {{tcc1}} message="tm-remove-tag" class="tc-btn-invisible">{{$:/core/images/cancel-button}}</$button></$fieldmangler>
<$set name="loop1" value=<<qualify "$:/temp/taglist">>>
<$taglist class="btn btn-primary">{{!!title||taglisttemplate}}</$taglist>
</$set>
!!Beyond the Basics
TC enables the user to utilise the power of TW to organise clips in a flexible manner, so that different content can be organised in different ways. The aim is to help the user to access the knowledge that is contained on the Web more easily. The clipping operation can be configured to control tiddler titles, add tags and manage the insertion of content (adding TW text, see [[Rich Clips|Rich Clip Template]]). The user can create a number of configuration
To updrage the plugin to version 0.08:-
> drop this link onto your tiddlywiki - [[$:/plugins/bj/tiddlyclip]], then reload your tiddlywiki .
You should also upgrade the firefox plugin to 0.0.9 :-
>{{Installing the Firefox Addon}}
See [[The Release Notes|Release 0.09]]
installing the chrome Addon
>{{installing the chrome Addon}}
\rules only table wikilink prettylink
|!Title|!Body|!Tags|!Fields modifiers|!field initials|!Modes|
|((*@dateTimeShort*))|((*@web*))|((*@category1stWord*))|{"$location":"((*@pageRef*))"},{"$caption":"((*@pageTitle*))"},{"$type":"text/vnd.twbase<htmlbasic"}||append|
|((*@category1stWord*))|[[List_Clip_Caption]]|ClipLists|||once|
!![[New to Tiddlyclip? - click here|New to TiddlyClip]]
!![[UpGrading? - click here|Upgrade Instructions]]
---
!!!Applications
[[Creating Local Media Links]]
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
! Profile
https://github.com/felixhayashi
! A bit about me
* I studied Computer Information Systems at the [[University of Cologne|http://www.uni-koeln.de]] and I am about to finish my master's degree at the [[University of Hamburg|https://www.uni-hamburg.de]].
* My operating system is Linux Mint and 99% of the software I am working with is open source.
* Before choosing TiddlyWiki as my favorite personal note-taking- and organization-tool, I worked with [[Trac|http://trac.edgewall.org]], [[Redmine|http://www.redmine.org]] and [[Apache Bloodhound|http://bloodhound.apache.org]] (all great projects, really!).
* I enjoy going to the gym and working out. I think we can all agree that a big biceps is an important goal in life and I am passionate about that.
* For ethical, environmental and health reasons I do not eat meat or any other animal products. I do not value taste over life.
* I enjoy reading classical literature and philosophy.
* I cannot play any instrument, although that would make a good point in this "about me" section.
* My friend Jimmy says I still owe him money. But I can assure you that this is not true! It's a complete lie. You hear that Jimmy? It's a lie! You are a liar!
* ''Last but not least'', I enjoy programming – but I am not that guy that would waste a sunny day in his room programming. Did you know, the body needs sunlight to synthesize vitamin D?
* Maybe I should also mention that I have serious problems to quit what I am doing.
* Did I mention that I don't own a smartphone?
!! Background texture of tiddlymap.org
Background patterns from [[http://subtlepatterns.com]] by Atle Mo licensed under CC BY-SA 3.0. The used GPlay Pattern is created by Dimitrie Hoekstra (http://dhesign.com).
\rules except wikilink
!! Try to keep your maps small
Small maps are faster to process by TiddlyMap and are generally easier to work with.
If a map becomes to big, try to [[outsource nodes into another view|Moving nodes between graphs]]!
!!Use a small set of generic edge types in your wiki
This means: avoid creating different edge types that are highly synonymous like //has created//, //authored//, //created by//, //creator of//. Instead stick to one name that is most suitable and generic.
!! Prefer generic node styles over specific node styles.
With all the [[different styling levels|Styling Nodes]], you'll save yourself some time if you use global styles whenever possible, especially global group styles. For example, if you have tiddlers that represent pieces of literature, then create a //node group// that adds a book icon to all these nodes – instead of styling all literature nodes individually.
\rules except wikilink
!! Widget's closing tag
Please do not use the following shortcut to close the widget as it often causes conflicts with the widget rendering.
```html
<$tiddlymap />
```
Instead, use this version:
```html
<$tiddlymap></$tiddlymap>
```
Generally speaking, it is recommended to use the TiddlyMap [[widget-wizard|Embedding views within tiddlers]] for the creation of the widget code. This way it is guaranteed
that an embedded widget is configured correctly.
!! Slow movements
<i class="fa fa-exclamation-triangle" /> Sometimes it happens that when moving nodes or edges in a graph, it seems to be a slow or stagnant, while it usually runs smooth. If this happens, despite the graph being not big in size, __it always helps to do a click outside the canvas__ on a non-dynamic spot (e.g. on the wiki's background area). This is a [[known chrome bug|https://code.google.com/p/chromium/issues/detail?id=507863]]. In TiddlyWiki, this usually occurs after a modal is closed.
!! Performance
Generally speaking, the graph-visualization runs most smoothly in Google Chrome. If you prefer working with Firefox, however, you may want to enable hardware accelaration in Firefox (at your own risk), which sometimes significantly increases the performance of the graph operations.
!! Color values for nodes
Do __not__ use css color names (like "red" or "darkcyan" etc.) for //node// coloring, this might cause problems when calculating the node's contrast color in the graph. Instead use the hexadecimal notation (e.g. "#FFFFFF" for "white").
//This is a sample task for the TaskManagementExample//
The challenge to configure TiddlyMap and manage and persist these configurations.
Makes it possible to iterate over edges and nodes from within wiki text.
In TiddlyWiki you can assign icons to your tiddlers by referencing a [[locally stored image|Local images]] in the tiddler's `icon` field. This icon will also appear next to the tiddler's title. When TiddlyMap sees that a Tiddler has an icon field set, it will try to make use of it by displaying it as node icon in a graph. For a complete list of shipped TiddlyWiki images see: [[TiddlyWiki images as node icons]].
<i class="fa fa-exclamation-circle" /> As of [[v0.9.0|Version 0.9.x]] it is possible to use [[Font Awesome for TiddlyWiki]] and paste the icon code (e.g. `` or simply `f072`) into a tiddler field `tmap.fa-icon`. This icon, however, will only be displayed in the graph, not in the tiddler title. Also it is now possible to use [[group styles|Styling Nodes]] to assign an image to multiple nodes at once.
<$tiddlymap view="Tiddlers with Icons" height="250px"></$tiddlymap>
The map above is an example that shows some tiddlers that posses an icon. The world icon is a TiddlyWiki image assigned to the "World" Tiddler by creating an `icon` field in the tiddler and setting it to `$:/core/images/globe`. The plane icon is a Font Awesome icon that is assigned to the "Plane" Tiddler by creating a `tmap.fa-icon` field in the tiddler and setting it to ``.
Tiddlers (including their relationships) may be shared by different graphs and thus a tiddler-update may affect multiple graphs at once - same goes for adding relations - if the filters (views) are not disjunct.
if you don't want that, make sure tiddlers exclusively match a single filter and configure your view to operate in //private edge mode//.
Generally, it is regarded as best practice to group tiddlers that you want to be displayed together in a graph by using a certain tag that delimits the group and which may be used as filter component in the view.
For example, if you want to create a graph that is concerned with the topic //cooking//.
Your workflow could be as follows:
# Create a new view and add a filter tag "cooking" in the editor. If the tag doesn't exist yet, no nodes will be displayed
# Doubleclick on an empty spot in the editor's canvas. This will create a tiddler that matches the current filter and is displayed in the graph.
#* Alternatively, you may also use tw add-button and tag tiddlers with "cooking" so they are displayed in the graph.
# Start creating relationships by using the menu functions in the editor.
#* Alternatively you can use the ~TiddlyMap button at the top of each tw-tiddler to link tiddlers and thus create edges.
Also note: Any view manipulation is done in the main editor window (or in any graph declared as editor).
A ~TiddlyMap widget will first and foremost display the nodes that match the node filter. The "matches" together with their edges form the "original graph". In addition, you may configure ~TiddlyMap to display another set of nodes called "neighbours".
Neighbours are all nodes that are not part of the original set of nodes ("matches") but are connected (either outgoing or incoming) to a node of the original set.
On a per-view level, you can define, how big the displayed neighbourhood shall be. The size is measured in a distance unit called "step". A step stands for the traversal of an edge (regardless of it's direction). If e.g. a neighbourhood with the distance of 3 steps is displayed it means, that all nodes that can be reached within 3 steps, starting from the original set, will be displayed.
Just open the neighbourhood drop-down in the editor bar to define the size of the displayed neighbourhood for a view.
{{Selection_579.png}}
\define toc-body(rootTag,tag,sort:"",itemClassFilter)
<ol class="tc-toc">
<$list filter="""[all[shadows+tiddlers]tag[$tag$]!has[draft.of]$sort$]-[tag[ReleaseNote]]""">
<$set name="toc-item-class" filter="""$itemClassFilter$""" value="toc-item-selected" emptyValue="toc-item">
<li class=<<toc-item-class>>>
<$list filter="[all[current]toc-link[no]]" emptyMessage="<$link><$view field='caption'><$view field='title'/></$view></$link>">
<<toc-caption>>
</$list>
<$list filter="""[all[current]] -[[$rootTag$]]""">
<$macrocall $name="toc-body" rootTag="""$rootTag$""" tag=<<currentTiddler>> sort="""$sort$""" itemClassFilter="""$itemClassFilter$"""/>
</$list>
</li>
</$set>
</$list>
</ol>
\end
<<toc "Documentation" >>
//"~TiddlyWiki has bought unprecedented freedom to people to keep their precious information under their own control"//
The [[TiddlyWiki|http://tiddlywiki.com/]] project is a flourishing community project under the lead of its original inventor Jeremy Ruston. Put in simple words, ~TiddlyWiki is a highly interactive [[wiki|https://en.wikipedia.org/wiki/Wiki]] stored in a single file that can be used for:
* Personal note taking
* Project documentation and management
* To create whole encyclopedias
The Edge-type manager gives you an overview over all edge-types in use. It allows you to remove edge-types and consequently all edges of this type. Moreover you can create new types, style and rename existing types or add a description.
<$button message="tmap:tm-manage-edge-types">Open demo's edge-type manager</$button>
! Introduction
As of v0.7.5 ~TiddlyMap acknowledges namespaces for edge-types.
<<<
Namespaces provide a level of direction to specific identifiers, thus making it possible to distinguish between identical identifiers. This is similar to people names, where a surname could be thought of as a namespace that makes it possible to distinguish people who have the same given name.
In computer programming, namespaces are typically employed for the purpose of grouping symbols and identifiers around a particular functionality.
<<< [[Wikipedia|http://en.wikipedia.org/wiki/Namespace]]
! Usage
When looking at an edge-type name, ~TiddlyMap regards everything that comes before a colon (:) as namespace and everything that follows the colon as actual name that is to be displayed in the graph. This notation equals the way namespaces are [[represented in XML|http://www.w3.org/TR/REC-xml-names]].
So when creating a new edge type (e.g. by drawing a new edge and specifying a type) you can give it the name [["foaf:knows"|http://xmlns.com/foaf/spec/#term_knows]] and only "knows" is displayed in the graph. However, when clicking on the edge to open the edge manager with the type description, you can see, to which domain "knows" belongs (foaf) and how it is defined.
! Advantage
In summary, namespaces may be used in ~TiddlyMap to achieve the following.
* Group edge-types that belong together (to create redistributable bundles).
* Distinguish edge-types that share the same name but belong to different contexts.
* Quickly enable or disable a whole set of edges via the edge-filter (see [[Isolated maps vs public graph]]).
* Name conflicts are unlikely to arise when importing tiddlers and their relationships (which are stored as tiddler fields) from other wiki's.
! Examples
To see an example how edge-type namespaces may be used, just
<<tmap "option" "ref.defaultViewHolder">>
# <$button>Open the Family tree view
<$action-setfield
$tiddler=<<map-macro "option" "ref.defaultViewHolder">>
text="Family Tree" />
</$button>
# and click on an edge to view its type in the edge-type manager
# Also have a look at the view's the edge-type filter
# and how the default namespace is set in the view's configuration
! Roadmap
The plans are to distribute ~TiddlyMap with semantic web vocabulary bundles like e.g. the well defined [[FOAF|http://xmlns.com/foaf/spec/]] vocabulary. Using "foaf:knows" instead of homegrown relationship names like "is acquainted with" or "has seen before" will standardize wikis and make it easier to look up definitions and understand the meaning.
Edge-types are the blueprint for edge instances. can be understood as containers that hold information about
* how edges of this type look like,
* how they are labeled,
* in which way they are stored (see [[Magic Edge-Type Namespaces]]).
Every edge necessarily belongs to an edge-type. If no edge-type is assigned to an edge during creation, then `tmap:unknown` is used as default.
<i class="fa fa-exclamation-circle" /> An edge-type can be created in advance, even when there are no edges of that type currently present in the wiki. This is done with the help of the [[Edge-type manager]]
Once a view is created, you may generate the widget code by opening the [[view menu|The editor menu]] of the map editor and clicking on the "Grab widget code" button.
<$button message="tmap:tm-generate-widget">
{{$:/core/images/permalink-button}} Grab widget code
</$button>
Have a look at the many examples provided at this demo site to see how an embedded graph looks like.
Contains all ~TiddlyMap exceptions
You can add [[Font Awesome|https://fortawesome.github.io/Font-Awesome/]] to your wiki by using one of the sources below.
[[@tobibeer|https://github.com/tobibeer]] created a great reference page for how to employ Font Awesome with TiddlyWiki. I recommend you follow his instructions on how to install and use Font Awesome: http://tobibeer.github.io/tw/fa.
[[@TheDiveO|https://github.com/TheDiveO]] also created a Font Awesome plugin. See [[TW5FontAwesome Plugin|https://github.com/TheDiveO/TW5FontAwesome]]. However, his provided version is out of date.
//This is a sample task for the TaskManagementExample//
\rules except wikilink
|!Current TiddlyMap version |{{ version || plugin }} |
|!Version's build date |{{ released || plugin }} |
|!Compatible with TW5 |{{ core-version || plugin }} |
Hi, this is a demo site of TiddlyMap.
See the [[version history|Version History]] for a list of existing features and check out the [[docs|Documentation]] to understand what TiddlyMap can do for you. Use the double-click on the nodes to [[navigate|Navigation]] to the corresponding content. The visualization runs most smoothly in [[Chrome|http://www.google.com/chrome/]]. TiddlyMap is designed to be used on large desktop screens. Here is an impression how it should look like: [[Screenshot|https://upload.wikimedia.org/wikipedia/commons/1/13/TiddlyMap_Demo_Site_-_0.7.24.png]].
TiddlyMap is currently in its late beta-phase. If you want to use it in your wiki, check out the [[installation instructions|Installation]]. Many [[thanks|Special Thanks]] to everybody who made this project possible.
<iframe src="https://ghbtns.com/github-btn.html?user=felixhayashi&repo=TW5-TiddlyMap&type=star&count=true" frameborder="0" scrolling="0" width="80px" height="20px"></iframe>
The TiddlyMap code is freely available at [[GitHub|https://github.com/felixhayashi/TW5-TiddlyMap]].
//This is a sample task for the TaskManagementExample//
Views determine which nodes and edges are selected in order to draw the graph. In its core, views are tw-filters. You can modify a view by selecting it in the sidebar map editor.
{{graph and views.png}}
You can use the name of a view to embed graphs in your tiddlers. Just look at the many [[examples|Example]] provided in this wiki. All changes are instantly reflected in each graph that uses the view.
Use the [[widget generator|Embedding views within tiddlers]] to create a code similar to the one below.
```html
<$tiddlymap view="Default" height="300px"></$tiddlymap>
```
!!! Node-Views and Edge-Views
Node-views and edge-views are the two components that make up each graph-view. Node views allow you to filter the nodes displayed on the graph, while edge-views let you decide, which particular edge-types to display.
|!Title |Design Science in Information Systems Research |
|!Authors |Alan R. Hevner, Salvatore T. March, Jinsoo Park, Sudha Ram |
|!Journal |MISQ |
<<<
Two paradigms characterize much of the research
in the Information Systems discipline: behavioral
science and design science. The behavioral-
science paradigm seeks to develop and verify
theories that explain or predict human or organi-
zational behavior. The design-science paradigm
seeks to extend the boundaries of human and
organizational capabilities by creating new and
innovative artifacts.
[…]
<<< Excerpt from the abstract
\rules except wikilink
<div class="tmap-flash-message tmap-info">
<i class="fa fa-exclamation-circle"></i> v0.9 just got released. Be safe and backup your wiki before installing it!
</div>
!! Disclaimer
By using this plugin you agree to the product's [[License Terms|$:/plugins/felixhayashi/tiddlymap/license]] (TiddlyMap is distributed under the [[BSD 2-Clause License|http://opensource.org/licenses/BSD-2-Clause]]).
!! Installation and update procedure
<i class="fa fa-exclamation-circle"></i> Before installing, I highly recommend you have a quick look at [[Common Pitfalls]] and [[Best Practices]].
# Create a backup of your current TiddlyWiki (just in case).
# Open your TiddlyWiki in a browser.
# Drag all <sup>[1]</sup> the links below to the browser window containing your TiddlyWiki:
#; [[TW5-TiddlyMap|$:/plugins/felixhayashi/tiddlymap]]
#: This is the core TiddlyMap plugin.
#; [[TW5-Vis.js|$:/plugins/felixhayashi/vis]]
#: This plugin will install vis.js which is required for the graph's rendering.
#; [[TW5-HotZone|$:/plugins/felixhayashi/hotzone]]
#: This plugin is necessary when you want to use the //live view//.
#; [[TW5-TopStoryView|$:/plugins/felixhayashi/topstoryview]]
#: Unless you are using the //zoomin// or //stacked// story view, install this plugin to achieve a better live view experience.
# Save your TiddlyWiki.
# Refresh the window.
# Click on the Map tab in your wiki's sidebar.
# Read and confirm the welcome dialog (appears only when installed for the first time).
# The plugin should now be available for use.
Also make sure to always check back to this site to see whether your version is up-to-date as updates and bugfixes come quick! For any bug you discover, please create an issue at [[github.com|https://github.com/felixhayashi/TW5-TiddlyMap/issues]].
For more Information visit: http://tiddlywiki.com/#Plugins
---
<sup>[1]</sup>
<small>Maybe not all plugins are required depending on your story view configuration and whether you want to use TiddlyMap's live view or not. As for the live view, consult the table "Live View plugin dependencies" table in [[Working with the live view]] for more information.</small>
\rules except wikilink
This refers to the quest of seemlessly integrating TiddlyMap with TiddlyWiki and Visjs.
So this is actually a twofolded challenge:
! Integrating TiddlyMap into TiddlyWiki
How should TiddlyMap and its components appear in TiddlyWiki.
* The [[TiddlyMap Toolbar Button]]
* The sidebar map [[editor|The editor menu]]
* [[Embedding views within tiddlers]]
! Integration of Visjs
Correctly implementing Visjs in the TiddlyWiki environment, making Visjs options available to the user and keeping TiddlyMap up-to-date with recent Visjs-upstream changes (like the transition from Visjs v3 to v4).
~TiddlyMap serves to use cases:
!! Use case 1 -- Global topic linking
''Purpose:'' Turning your wiki into a network of information
~TiddlyMap can be used to express the overall structure of your information contained in your wiki. On a top level, you want to show how each tiddler is related to all the other tiddlers in your wiki. With ~TiddlyMap, you may globally link your pieces of information in your wiki, thus creating a big holistic network of linked tiddlers.
Global linking is the default operating mode of ~TiddlyMap.
!! Use case 2 -- Independent mindmaps
''Purpose:'' To create (almost) isolated concept or mind maps
When creating concept or mind maps, you may want only a narrow set of edge-types to be displayed in the current view.
In this case it is best to prefix all edge types that you create with a certain namespace (domain). For example "family:mother of", "family:brother of" (Open the "Family tree" demo view for an example setup). Then change the edge filter to only include edges with that namespace. You can set the default prefix for edges created inside a certain view via the view configuration menu.
See also: [[Dealing with interferences between graphs]].
Jeremy is the inventor and maintainer of TiddlyWiki.
You can follow him on these channels:
* [[Jermolene on GitHub|https://github.com/Jermolene]]
* [[Jermolene on GitTip|https://www.gittip.com/Jermolene/]], a micropayment service
* [[@Jermolene on Twitter|http://twitter.com/#!/jermolene]]
* [[Jermy on LinkedIn|http://www.linkedin.com/in/jermy]]
* [[Jermy on Flickr|http://www.flickr.com/photos/jermy/]]
//This is a sample task for the TaskManagementExample//
| | Story view | Installed plugins | Experience | Remark |
|---|------------|-------------------------------|----------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| 1 | Top | TW5-Hotzone, TW5-TopStoryView | **Optimal** | Please note that the top story view is not included per default and needs to be installed. |
| 2 | Zoomin | TW5-Hotzone | **Optimal** | |
| 3 | Zoomin | | **Suboptimal** | Only navigation events are reflected in the live view (this excludes e.g. tiddler closing or deletion) |
| 4 | Classic | TW5-Hotzone | **Suboptimal** | Unless the user changes the opening behavior of tiddler to "open links above" (feature becomes available with 5.1.9) the navigation and the hotzone information may conflict! |
| 5 | Pop | TW5-Hotzone | **Suboptimal** | Unless the user changes the opening behavior of tiddler to "open links above" (feature becomes available with 5.1.9) the navigation and the hotzone information may conflict! |
| 7 | Top | TW5-TopStoryView | **Bad** | Only navigation events are reflected in the live view (this excludes e.g. tiddler closing or deletion). |
| 8 | Pop | | **Bad** | Only navigation events are reflected in the live view (this excludes e.g. tiddler closing or deletion). |
| | Classic | | **Bad** | Only navigation events are reflected in the live view (this excludes e.g. tiddler closing or deletion). |
Local images are either [[images that are shipped with TiddlyWiki|TiddlyWiki images as node icons]] or any image that you yourself added to your wiki (e.g. via drag & drop).
* Further reading [[Images in WikiText|http://tiddlywiki.com/#Images%20in%20WikiText]]
Some edge-type namespaces are reserved for special purposes. Knowing about these "magic" types can help you to combine TiddlyMap with other cool TiddlyWiki plugins as these types enable you to create relations that are saved directly into user defined tw-fields.
! tw-list
If you create an edge-type (e.g. using the [[Edge-type manager]]) and use the `tw-list` namespace as identifier prefix, the edges will __not__ be stored in the common json-based [[tiddlymap format|Storage of Edges]]. Instead each outgoing connection to a tiddler is stored by inserting the title the edge is pointing to into a list.
Say you want create a connection between tiddler "Dawna Dozal" and tiddler "Toney Thacker" and you name the connection `tw-list:friends`. Then a field named "friends" will be created in tiddler "Dawna Dozal" and "Toney Thacker" will be added to this field. Since the title contains spaces, tiddlwiki's double square bracket notation is used to save the title to the list that now looks like this:
```
friends: [[Toney Thacker]]`
```
If you create another connection between "Dawna Dozal" and two tiddler titled "Jack" and "Cathy" using the edge-type identier `tw-list:friends`, then "Jack" and "Cathy" will be added to the list, which now looks like this:
```
friends: [[Toney Thacker]] Jack Cathey`.
```
<i class="fa fa-exclamation-circle" /> You probably know that TiddlyWiki stores titles in the `tags` field in the format described above. This means that you can also use TiddlyMap to create and delete tags by connecting tiddlers using the edge-type `tw-list:tags` when drawing an edge!
<i class="fa fa-exclamation-triangle" /> There are some drawbacks with this technique:
* This method does not use ids and changing tiddler titles will break the specified connection!
* When using this namespace, only use tiddlywiki [[allowed field-name charactes|http://tiddlywiki.com/#TiddlerFields]] for field names.
! tw-field
Similar to the magic type described above, you can use the `tw-field` namespace to save a drawn edge into a field. E.g. creating an edge between the tiddlers "Betsy" and "Dave" with the type `tw-field:husband` will create a field "husband" inside the "Betsy" tiddler and save "Dave" as value.
<i class="fa fa-exclamation-triangle" /> There are some drawbacks with this technique:
* This method does not use ids and changing tiddler titles will break the specified connection!
* You cannot store multiple edges using this technique. If you want to store multiple edges, use the `tw-list` namespace.
* When using this namespace, only use tiddlywiki [[allowed field-name charactes|http://tiddlywiki.com/#TiddlerFields]] for field names.
! tw-body
This edge-type will is used to auto-generate and display links that are contained inside the tiddler text.
<i class="fa fa-exclamation-triangle" /> You should not use this type for drawing edges.
//This is a sample task for the TaskManagementExample//
To avoid having your valuable graph space covered by large titles, you can set caption fields in your tiddlers, which are used by ~TiddlyMap as node labels instead of the titles.
To support the semantic of the graph, you can define a description field in your tiddler, which will be displayed as tooltip once you hover a node. If you do not specify a description, the title is used as fallback to be displayed in the tooltip.
It should be highlighted that the caption fields value will be treated as wikitext and rendered as text/plain. So you can add e.g. `<<now>>` as caption text as demonstrated below.
<$tiddlymap view="Caption field example" ></$tiddlymap>
Please active the graph (via a click) and move with your mouse over the nodes. One node doesn't have a description so the title is displayed as tooltip instead. The other node has a description field, which is consequently displayed as tooltip.
\rules except wikilink
<<<
Constructs or concepts form the vocabulary of a domain. They constitute a conceptualization used to describe problems within the domain and to specify their solutions.
<<< S.T. March, G.F. Smith/Decision Support Systems 15 (1995)
---
Map constructs may be understood as the conceptual building blocks of TiddlyMap. The following constructs exist:
<style>
#construct-table-wrapper table th { width: 200px; }
</style>
<div id="construct-table-wrapper">
| !Views|[[Views|Graph views]] are rules that determine which nodes and edges are displayed in a graph |
| !Nodes|Representations of tiddlers in a graph |
| !Edges|Connect nodes with each other |
| !Edge Types|[[Edge-Types]] are the blueprint for edge instances |
| !Node Types| Are the blueprint for node instances |
| !Edge-Type Namespaces|Define the contexts of edge-types |
</div>
An important question related to these constructs is, which data structure to employ for storage and retrival of construct instances. This includes for example the [[Storage of Edges]].
You can use TiddlyMap to organize your thesis or to keep track of what you are reading and how your literature interrelates.
In this example, icons are assigned to the nodes with the help of [[group styles|Styling Nodes]]. Group styles are simple rules that allow you to assign styles based on filters. Expressed in a simplified scheme e.g. `[tag[Literature]] → Assign PDF Icon`.
<$tiddlymap view="Activities"></$tiddlymap>
<i class="fa fa-exclamation-circle" /> Yes, you can use Font Awesome icons as node icons!! See also [[Custom node icons]].
<i class="fa fa-exclamation-circle" /> Did you notice that the the icons for books and scientific papers are the same but have a different color? This is because the icon is assigned by the literature [[group style|Styling Nodes]] and the group style used for papers partially overrides the literature style by specifying another color. How does TiddlyMap know which style should be preferred? You can [[Prioritize group styles]]!
|!Title |Design and natural science research on information technology|
|!Authors |Salvatore T. March , Gerald F. Smith |
|!Journal |Decision Support Systems |
<<<
Research in IT must address the design tasks faced by practitioners. Real problems must be properly conceptualized and represented, appropriate techniques for their solution must be constructed, and solutions must be implemented and evaluated using appropriate criteria. If significant progress is to be made, IT research must also develop an understanding of how and why IT systems work or do not work
<<< Excerpt from the abstract
http://danielriggins.com/mednotes/
An impressive collection of visualizations of biochemical reactions by [[Daniel Riggins|http://danielriggins.com/]].
{{Selection_573.png}}
\rules except wikilink
<i class="fa fa-exclamation-triangle" /> This feature is available as of TiddlyMap v0.9.3.
! Selection of nodes
Select multiple nodes By holding down the control key and clicking on the nodes. Alternatively, you can hold down the left mouse-key on a node for one second to select this node along with other nodes.
! Cut or copy nodes
After selection, press `ctrl+x` to cut nodes or `ctrl+c` to copy nodes from the current view. The nodes will be copied into your clipboard and can be pasted via `ctrl+v` into another graph.
<i class="fa fa-exclamation-triangle" /> When cutting nodes, TiddlyMap will try to remove the nodes from the current view's node filter. This only works, if the nodes have been added one by one to the view via the editor's "add node" button or by having double clicked on the canvas. If nodes were added with a filter (e.g. `[tag[Task]]`) then you need to change the node filter to remove nodes.
In any case, cutting nodes never removes them from the system, they are only removed from the view's filter. So in case you are worried: The worst thing that can happen is that you lose some styling information, but cutting a node will never result in a loss of data.
! Pasting nodes
Make sure you click on an empty spot on the canvas before pasting so TiddlyMap knows in which view you want to paste the nodes into.
After pasting, the pasted nodes are all selected so you can drag all pasted nodes to a suitable area of your map.
! Further information
* Here is a small introductory video on this feature: https://youtu.be/3GbH_xMOYNg
~TiddlyMap adds a whole new concept of navigation. You can navigate to topics be using the __doubleclick__ on the displayed nodes. You may also enable the single click option (see [[Changing TiddlyMap's default configuration]]).
Node and edge-type filters determine what is displayed in a graph. Both actually are tiddlywiki-filters. The filters can be set for each view by opening the [[view's configuration|View configuration]].
!! Node filters
Just like you would usually filter a set of tiddlers, you can use a node filter to delimit the set of nodes that should be displayed in a graph.
```
[!is[system]!has[draft.of]]
+[tag[School]]
+[field:title[Topic]]
```
!! Edge-type filters
All edge-types are internally stored below the path
<pre><<tmap "option" "path.edgeTypes">></pre>
For example information about the "tmap:link" edge-type is stored in a tiddler with the title
```
$:/plugins/felixhayashi/tiddlymap/graph/edgeTypes/tmap:link
```
Say you want to hide all edges of the type "tmap:tag" in a certain [[view|Graph views]]. In this case, go to the view you want to change and in its menu select "Edit filters". change it into the following:
```
[prefix[$:/plugins/felixhayashi/tiddlymap/graph/edgeTypes]]
-[suffix[tmap:tag]]
```
This will deselect all types except the ones with a suffix "tmap:tag". Generally, it is a good idea to bundle certain types by assigning [[type prefixes|Edge-type namespaces]]. This way, you can quickly enable or disable a whole set of edge-types that is dedicated to a certain topic.
Making TiddlyMap faster by writing code that is optimizable by JavaScript engines (like V8).
!! Work in the Chrome browser
Chrome is much faster than firefox when it comes to graph drawing. In order to be able to autosave with Crome, use TiddlyMap with TiddlyWiki in nodejs mode.
!! Save positions
Even when not working with static maps, i.e. you have floating nodes enabled, it makes sense to sometimes open the menu and click on "Save positions". This will make sure that when you open the map the next time, the graph will need much less time to stabilize. Note that save positions doesn't work with the "Live view".
!! Consider disabling smooth curves
Smooth curves are difficult to compute. In the unlikely case when you do not have any multiple edges between two nodes in a map, you do not need having "smooth edges" enabled. You can disable this option then to make your graph load faster. Open the [[The editor menu]] and disable this feature in your TiddlyMap configuration (it's in the visjs section). Alternatively, you can disable it on a view basis in your view configuration (again in the visjs section).
They are used for flying.
<$transclude tiddler="$:/plugins/felixhayashi/tiddlymap" field={{!!title}} />
In TiddlyMap you can use [[group styles|Styling Nodes]] to batch-style nodes. To avoid style conflicts, you can define, which styles have priority over other styles.
!! How to priotize node types and their styles
The image shows a portion of the node-type manager interface where you can see that the //literature// node type has a priority of `#2` and, thus, will be overriden by all node types that have a higher priority assigned `#1`
{{node type prioritisation.png}}
\rules except wikilink
One goal of TiddlyMap is to allow other TiddlyWiki authors to programtically (or by using advanced wikitext) interact with TiddlyMap from outside.
{{Public API!!warning}}
A release note informs you about the changes that came with a certain release.
<h2><$link to=<<currentTab>>><$view tiddler=<<currentTab>> field="title"/></$link></h2>
^^Released <$view tiddler=<<currentTab>> field="released" format="date" template="DDth MMM YYYY at 0hh:0mm">TBA</$view>^^
<$transclude tiddler=<<currentTab>> />
Each node in a graph corresponds to a tiddler. Therefore, creating a new node in the map editor will necessarily result in the creation of a new tiddler and clicking on a node, will open that tiddler.
Node information is stored at two different levels. Some information, like the //label//, //color// or //icon//, is directly drawn from the tiddler and its fields since this information is also useful when not using ~TiddlyMap. Thus, it is kept with the tiddler itself.
Another part of the information is stored outside since it only makes sense in a graph context. More specifically, it is information that belongs to each different view. This information is stored in different system tiddlers that internally have the specific view path as prefix.
For example the node positions of a view are stored in a position-store that is exclusively owned and referenced by this view.
You can reuse types by
# opening the edge- or node-type manager
# and clicking on a type
# and then dragging the title of the type displayed in the //overview// tab into your other wiki.
! For experts
You can do a system tiddler search to get a list of all existing types in your wiki.
You find all edge types stored below this path:
<code><<tmap "option" "path.edgeTypes">></code>
Node types are stored here:
<code><<tmap "option" "path.nodeTypes">></code>
\rules except wikilink
First and foremost much thanks to [[Jeremy Ruston]] for inventing and maintaining TiddlyWiki! Also much thanks to the [[developers at Vis.js|Vis.js Developers]] who help me out a lot. Last but not least, a big thanks to the whole [[TiddlyMap Community]] who is supporting this software.
Where and how to store information? Which data structure to employ for storage and retrival of [[construct|Map Constructs]] instances? This includes for example the [[Storage of Edges]].
! Introduction
TiddlyMap uses json to store its edges. All outgoing edges are stored in the tiddler that represents the from part of the relationship. This means that TiddlyMap actually turns TiddlyWiki in a decentral graph-store where tiddlers are nodes holding the relations to other nodes (tiddlers).
Especially graph traversals can be efficiently performed this way since adjacent nodes can be quickly identified starting from a certain tiddler. This would allow stuff like shortest path calculation (e.g. dikstra) or neighbourhood discoveries.
Per default, TiddlyMap uses the `tmap.edges` field to store edges.
! Example
Say Tiddler A links to Tiddlers B and C.
Tiddler B has an auto-generated tiddlymap-id:
```
fa8c4f3e-b216-4744-b65c-5335f02f66a9`
```
Tiddler C has the id
```
7017feb5-3955-464b-a4b5-a22a420ab828
```
Per default ids are stored in the `tmap.id` field. It is noteworthy that the usage of ids to represent tiddlers has the huge advantage that edges will survive tiddler title changes.
The edge between A and B is of the [[type|Edge-Types]] `rel-1` and between A and C of the type `rel-2`.
In this case, the edges will be stored inside A as shown below:
```json
{
"d4ca6750-780f-4640-b8fa-fa2efa449c92": {
"to": "fa8c4f3e-b216-4744-b65c-5335f02f66a9",
"type": "rel-1"
},
"97345e5b-505d-4625-8843-5169b7fda209": {
"to": "7017feb5-3955-464b-a4b5-a22a420ab828",
"type": "rel-2"
}
}
```
In the example above, `"d4ca6750-780f-4640-b8fa-fa2efa449c92` and `97345e5b-505d-4625-8843-5169b7fda209` are unique auto-generated edge ids.
\rules except wikilink
In case of TiddlyMap, this describes the extent to which TiddlyMap is able to make sense of the existing wiki structure (i.e. explicit and implicit relations between the tiddlers).
Examples for progress in the realm of structural awareness:
* In version v0.7.10 TiddlyMap was programmed to understand that tags are a form of relationship and to potentially display them in a graph.
* In v0.8.2, TiddlyMap allows the user to register his/her own relationship fields with the help of [[Magic Edge-Type Namespaces]].
hr {
border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
\rules except wikilink
<style type="text/css">
.styling-comparison-table tr th:first-child {
width: 10%px;
text-align: right;
}
.styling-comparison-table tr th:not(:first-child) {
width: 40%;
}
.styling-comparison-table tr > * {
padding: 10px;
vertical-align: top;
}
.styling-comparison-table tr:first-child td:first-child {
visibility: hidden;
}
.styling-comparison-table h1{
text-align: center;
border: none;
}
</style>
TiddlyMap allows you to style nodes in various ways – not only in terms of the style attributes you can choose, but also with regard to applying styles by filters and inheritance.
! Different ways to add styles to nodes
<table class="styling-comparison-table">
<tr>
<td></td>
<th>All views ("global")</th>
<th>View specific ("local")</th>
</tr>
<tr>
<th>Styling of all nodes</th>
<td>
<h1>(1) Global default style</h1>
These configurations and styles affect all nodes in all views.
<ol>
<li>Go to the map editor in the sidebar</li>
<li>Click on the menu button and choose //Configure TiddlyMap//.</li>
<li>Then go to the section //Global Vis Configurations//</li>
</ol>
</td>
<td>
<h1>(2) Local default style</h1>
The configurations are view-specific.
<ol>
<li>Go to the map editor in the sidebar</li>
<li>Click on the menu button and choose //Configure View//.</li>
<li>Then go to the section //Vis Configurations//</li>
</ol>
</td>
</tr>
<tr>
<th>Styling node-groups via filters</th>
<td>
<h1>(3) Global group styles</h1>
The styles only apply to nodes corresponding to tiddlers that match the filter.
<ol>
<li>Go to the map editor in the sidebar</li>
<li>Click on the menu button and choose //Node-Type Manager//.</li>
<li>Create a node-type and add some styles to this type in the //Styling// section of the type</li>
<li>Then enter a filter (//scope//) that matches the desired subset of tiddlers</li>
</ol>
</td>
<td>
<h1>(4) Local group styles</h1>
<div class="tmap-flash-message tmap-warning">
<i class="fa fa-exclamation-triangle"></i> This feature was removed in v0.9.16
</div>
The styles only apply to nodes corresponding to tiddlers that match the filter ''and'' match the selected view.
</td>
</tr>
<tr>
<th>Styling individual nodes</th>
<td>
<h1>(5) Global individual style</h1>
A node's global style is only bound to a specific node but affects the style of the node in all views it appears in.
<ol>
<li>Select an individual node in the map</li>
<li>In the manipulation bar above the graph select //Edit node//.</li>
<li>Then go to the tab //Global node style// and edit the style.</li>
</ol>
</td>
<td>
<h1>(6) Local individual style</h1>
The style is specific to this node and only affects the node's style of the current view.
<ol>
<li>Select an individual node in the map</li>
<li>In the manipulation bar above the graph select //Edit node//.</li>
<li>Then go to the tab //Local node style// and edit the style.</li>
</ol>
</td>
</tr>
</table>
! Inheritance chain for styles
With regard to the table displayed above, all styles on a lower level inherit from styles defined on a higher level and view styles always inherit global styles.
The arrow (←) means "inherits from" and the index refers to the index in the table.
`(1) ← (2) ← (3) ← (4) ← (5) ← (6)`
\rules except wikilink
Some aspects of TiddlyMap are configurable. To change the global configurations, open the view menu and click on //Global configurations//.
{{Selection_570.png}}
A dialog will open that allows you configure the existing defaults.
Below, the category "Field settings" shall be explained in greater depth:
;The node-icon field
: TiddlyMap will use the locally stored image denoted by this field as node image instead of displaying a node as rectangle in the graph. If no image is available, the node is rendered according to the current vis settings.
; The node-label field
: TiddlyMap will look for this tiddler field and use its value as node label. If no field with this name exists, the tiddler's title is used as fallback.
; The node-info field
: The value of this field will be displayed as tooltip when hovering a node in the graph. The tiddler's title will be used as fallback.
You probably already know that TiddlyWiki is a great tool to organize yourself and your tasks. A classical example for quick and easy task management is shown here [[TaskManagementExample|http://tiddlywiki.com/#TaskManagementExample]]. With ~TiddlyMap, however, you can now specify the relations of your tasks and graphically represent everything as a graph by simply linking your tiddlers!
<$tiddlymap view="All Tasks" height="250px"></$tiddlymap>
In this example, the tiddlers from the TiddlyWiki example are incorporated into the graph view by using the following node filter:
```
[tag[Task]]
```
Despite the color, some task are displayed in a different form. This is because they match a certain node type and inherit its style. Open TiddlyMap's node-type manager and search for the type "important".
Note that each tiddler's ''color field'' is used to infer the default node color.
{{Public API!!warning}}
This service acts as an abstraction layer above the tiddlywiki system. All the provided methods give the api-user the chance to interact with tiddlywiki as if it was a simple graph database.
Everything that is related to retrieving or inserting nodes and edges is handled by the adapter service. It may be accessed from anywhere using `$tw.tmap.apapter`.
You can use the adapter to manipulate graphs including nodes and edges from your tiddlywiki javascript code.
For example open firebug and enter the following in the console:
```javascript
// create a new view
var myView = $tw.tmap.adapter.getView("My new View", true);
// insert a node in this view
var node = { label: "I am a node" };
var options = { view: myView };
$tw.tmap.adapter.insertNode(node, options);
```
For more information visit the [[tiddlymap.org/api|http://tiddlymap.org/api]].
<img src="https://cloud.githubusercontent.com/assets/4307137/9981521/384afc1a-5fc0-11e5-92bc-2c2ce5996766.png" width="24%" />
<img src="https://cloud.githubusercontent.com/assets/4307137/9981522/3863033c-5fc0-11e5-9c2d-f27762f51f8b.png" width="24%" />
<img src="https://cloud.githubusercontent.com/assets/4307137/9981524/386d61b0-5fc0-11e5-9485-94f75be5e049.png" width="24%" />
<img src="https://cloud.githubusercontent.com/assets/4307137/9981523/386d00a8-5fc0-11e5-9006-11ed7abce725.png" width="24%" />
TiddlyMap is a TiddlyWiki plugin that allows you to link your wiki-topics (tiddlers) in order to create *clickable graphs*. By creating relations between your topics you can easily do the following:
* **Create mindmaps** and quickly manifest your ideas in tiddlers (wiki entries).
* **Create task-dependency graphs** to organize and describe your tasks.
* **Visualize your topic structures** to get an immediate grasp of topics and relations.
In general you may create, visualize and describe any network-structure you have in mind.
Demo
---------------------------------------------------------------------
A demo with several examples and explanations can be found at the project's website http://tiddlymap.org. While TiddlyMap also works with mobile devices, it is written for larger screens, which is due to the fact that concept mapping requires space. Therefore, the demo should be viewed on a screen with more than 1440px width.
How it works
---------------------------------------------------------------------
TiddlyMap combines the strength of two open-source projects.
### The TiddlyWiki Project
> [TiddlyWiki](http://tiddlywiki.com/) has bought unprecedented freedom to people to keep their precious information under their own control.
> – [tiddlywiki.com]([http://tiddlywiki.com]/#TiddlyWiki)
The TiddlyWiki project is a flourishing community project under the lead of its original inventor Jeremy Ruston. Put in simple words, TiddlyWiki is a highly interactive wiki stored in a single file that can be used for:
* Personal note taking
* Project documentation and management
* To create whole encyclopedias
The building blocks of TiddlyWiki are small pieces of information called "tiddlers":
> "Tiddlers" are fundamental units of information. Tiddlers work best when they are as small as possible so that they can be reused by weaving them together in different ways. The TiddlyWiki project aspires to provide a concise way of expressing and exploring the relationships between these small pieces of information.
> – Adapted from [Philosophy of Tiddlers](http://tiddlywiki.com/#Philosophy%20of%20Tiddlers) and [Tiddlers](http://tiddlywiki.com/#
Tiddlers)
### The Vis.js Project
For graph visualization and manipulation, TiddlyMap draws upon the popular open-source [vis.js](http://visjs.org/) library - *a dynamic, browser based visualization library* actively developed and maintained by a team of enthusiastic developers working at [Almende B.V](|http://almende.com).
> The library is designed to be easy to use, handle large amounts of dynamic data, and enable manipulation of the data
> – [visjs.org](|http://visjs.org/)
Installation
---------------------------------------------------------------------
By using this plugin you agree to the product's [License Terms](https://github.com/felixhayashi/TW5-TiddlyMap/blob/master/LICENSE) (TiddlyMap is distributed under the [BSD 2-Clause License](http://opensource.org/licenses/BSD-2-Clause)).
### When running TiddlyWiki in Nodejs
For general information on how to set up TiddlyWiki5 with Nodejs visit [tiddlywiki.com](http://tiddlywiki.com). The instructions here are for installing plugins on the node.js server. This way, the same plugin can be served to many TiddlyWikis. Multiple wikis will all use the same plugin instance. You can also install via the standard drag-and-drop method (see below) in a single wiki being served on node.js, but the plugin will only be installed for that wiki. The process, including all updates, will have to be repeated for all other wikis if you plan on serving more than one.
1. Download a copy of the plugins below by either cloning each repository or by clicking "Download ZIP" and unzipping it:
* [TiddlyMap](https://github.com/felixhayashi/TW5-TiddlyMap)
* [TW5-Vis.js](https://github.com/felixhayashi/TW5-Vis.js)
* [TW5-HotZone](https://github.com/felixhayashi/TW5-HotZone)
* [TW5-TopStoryView](https://github.com/felixhayashi/TW5-TopStoryView)
2. For each plugin, Copy the folder that resides directly below `dist/felixhayashi/` and move it into the `TiddlyWiki5/plugins/` folder (varies with OS. For example in Linux your TW might have been installed into: `/usr/lib/node_modules/tiddlywiki/plugins`).
3. Update the plugin section of your wiki's `tddlywiki.info` file (resides in the root of your wiki) to contain the following:
{
"plugins": [
...
"felixhayashi/tiddlymap",
"felixhayashi/vis",
"felixhayashi/hotzone",
"felixhayashi/topstoryview"
]
}
4. The TW5-TopStoryView may not be needed in some cases (please see: [Live View plugin dependencies](http://tiddlymap.org/#Working%20with%20the%20live%20view))
5. Restart your wiki server via the command line.
### Drag'n'drop installation / Standalone installation
Please follow the instructions given [here](http://felixhayashi.github.io/TW5-TiddlyMap/index.html#How%20to%20install%20TiddlyMap%3F)
!! The editor's drop-down menu
{{editor_menu.png}}
; View selection
: You can select an existing view to be displayed in the editor via the selectbox on the very left.
; Create empty view
: Click this button to create a new view with an individual view name of your choice. The new view can be separately modified and is independent from the other existing views.
; Rename view
: You can always rename your views, however, be careful as existing views with the same name will be overwritten.
; Delete view
: Removes the view and all its components, including all private edges. You cannot remove the default view. Also you cannot remove any view that is still used by widgets in the wiki (a dialog will tell you which dependencies exist).
; Save positions
: Use this button to explicitly save positions. Positions are normally automatically saved when a dragged node was dropped.
; Grab widget code
: This will open a wizard that helps you to produce the desired widget code you can then copy'n'paste to embed this view in a tiddler.
; Edit filters
: Click this option to open a dialog in which you can modify the view's node and edge filters. If you have double clicked somewhere on an empty spot in the graph's canvas before, nodes were automatically added to the node filter for you. For more information on filters visit http://tiddlywiki.com.
; Manage edge-types
: See [[Edge-type Manager]]
; Global configurations
: See [[System configuration]]
Each tiddler has a ~TiddlyMap-Button in its titlebar.
\rules except wikilink
{{Public API!!warning}}
The TiddlyMap macro allows us to access system information from within tiddlers as well as to execute some util functions.
! Getting a unique id
Calling `<<tmap "uuid">>` will produce a unique id, such as the one below:
<pre><<tmap "uuid">></pre>
! Accessing TiddlyMap options
All options of the TiddlyMap options-object (`$tw.tmap.opt`) are also accessible from within tiddlers via `<<tmap "options" "...">>`.
!! Example 1
`<<tmap "option" "selector.allViews">>` will produce
<pre><<tmap "option" "selector.allViews">></pre>
!! Example 2
Or `<<tmap "option" "path.pluginRoot">>` will produce
<pre><<tmap "option" "path.pluginRoot">></pre>
In rare cases, you want your graphs displayed in your tiddlers to possess an editor bar for direct manipulation (this is usually done in the main editor).
Then you could add the "editor" attribute:
```html
<$tiddlymap view="Components" editor="vis"></$tiddlymap>
```
The widget will be displayed like this:
<$tiddlymap view="Components" editor="vis"></$tiddlymap>
Alternatively, you can display the whole editor bar:
```html
<$tiddlymap view="Components" editor="advanced"></$tiddlymap>
```
This will add the ~TiddlyMap editor bar on top of the graph.
<$tiddlymap view="Components" editor="advanced"></$tiddlymap>
\rules except wikilink
You can check out some TiddlyMap introductory videos here:
"""
[[Create Concept-Maps in the Browser Using Free Personal-Wiki Software|https://youtu.be/dmeIxuN0L5w]]
In this video I will show you, how you can setup the free personal web notebook TiddlyWiki and turn it into a full-blown concept- and mind-mapping platform with the help of the TiddlyMap plugin.
[[TiddlyMap Basics – Tutorial for developing a concept map in TiddlyWiki|https://www.youtube.com/playlist?list=PL1Jnk3P6K3KO4EEIlFpzqIWgJOcyN7i61]]
In this step-by-step tutorial series I will show you how to build a simple concept map with TiddlyMap. The videos in this playlist should be understood as introductory and do not cover all the possibilities that exist with TiddlyMap.
If you promote TiddlyMap and submit feedback that makes TiddlyMap better, consider yourself part of the community ;)
So at this point, thanks @ all the guys from the community supporting TiddlyMap!
I am very grateful for any feedback submitted at [[github.com|https://github.com/felixhayashi/TW5-TiddlyMap/issues]] or at the TiddlyWiki [[google groups|https://groups.google.com/forum/#!forum/tiddlywiki]]. So big thanks to everybody who makes the step and tells me about an existing problem or points out an interesting idea to me.
\rules except wikilink
{{Public API!!warning}}
Tiddlymap events messages are prefixed with `tmap:` and described below:
! tmap:tm-create-edge
Creates an edge.
<i class="fa fa-exclamation-triangle" /> If you use [[Magic Edge-Type Namespaces]], you don't need to supply an id, otherwise, make sure you supply a unique id unless you want to override an existing edge. Unique ids may be generated with [[The TiddlyMap Macro]] If you don't supply an id, a unique id will be generated in the course of the edge creation.
!! Example
```
<$button>Create Edge
<$action-sendmessage $message="tmap:tm-create-edge"
id="a truly unique id"
from=<<currentTiddler>>
to="Hello World"
label="foo:bar"
view="My test view" />
</$button>
```
! tmap:tm-remove-edge
Removes an edge from the system.
!! Example
You do not need to suppy an `id` when removing edges with [[Magic Edge-Type Namespaces]].
```
<$button>Remove Edge
<$action-sendmessage $message="tmap:tm-remove-edge"
id=<<edge.id>>
from=<<edge.from>>
to=<<edge.to>>
type=<<edge.type>> />
</$button>
```
! tmap:tm-generate-widget
Opens the TiddlyMap widget generator (see: [[Embedding views within tiddlers]]).
```
<$button>Gab widget code
<$action-sendmessage $message="tmap:tm-generate-widget" />
</$button>
```
! tmap:tm-manage-edge-types
Open the [[Edge-type manager]].
!! Example
```
<$button>Open Edge-Type Manager
<$action-sendmessage $message="tmap:tm-manage-edge-types"
type="tmap:unknown" />
</$button>
```
! tmap:tm-download-graph
Show download dialog.
!! Example
```
<$button>Show download dialog
<$action-sendmessage $message="tmap:tm-download-graph"
view="Default" />
</$button>
```
<$list filter="[tag[example]]">
<li><$link to={{!!title}}>{{!!title}}</$link></li>
</$list>
The map button ({{$:/plugins/felixhayashi/tiddlymap/icon}}) allows you to quickly connect tiddlers and remove edges from within your tiddler. Clicking it will open the following dialog:
{{Selection_569.png}}
---
''Note:'' //working with the map button best works when you open the [[live view|Working with the live view]]//.
---
; Create connection
:Select an edge-type (optional; defaults to "type:unknown") and search for a tiddler you want to connect to the current tiddler. Then click the //from// and //to// buttons to either create an incoming or outgoing edge.
; Existing connections
: The relations that exist between the current tiddler and other tiddlers in the wiki. To remove existing relations, click on the cross next to the tiddler's title. Auto-generated edges are not displayed.
\rules except wikilink
TiddlyMap v0.9 just got released. Feel free to test it. Remember to always make backups before upgrading to a new version.
\rules except wikilink
To see the release notes, visit http://tiddlymap.org!
TiddlyMap consists of the modules that are displayed in the graph below. Doubleclick on any node in the graph above to find out more about the module!
<$tiddlymap view="Components" height="300px"></$tiddlymap>
//"~TiddlyWiki has bought unprecedented freedom to people to keep their precious information under their own control"//
The [[TiddlyWiki|http://tiddlywiki.com/]] project is a flourishing community project under the lead of its original inventor Jeremy Ruston. Put in simple words, ~TiddlyWiki is a highly interactive [[wiki|https://en.wikipedia.org/wiki/Wiki]] stored in a single file that can be used for:
* Personal note taking
* Project documentation and management
* To create whole encyclopedias
TiddlyWiki <<version>> is shipped with a bunch of images. You can use these images as icons for TiddlyMap.
Here is a list of images available in TiddlyWiki <<version>>:
<$list filter="[all[shadows]prefix[$:/core/images/]] -[[$:/core/images/blank]]">
{{!!text}} {{!!title}} <br />
</$list>
\rules except wikilink
The [[Vis.js]] library offers many ways to change the default graph layout and behaviour.
As far as ~TiddlyMap is concerned, feel free to change the following options:
# http://visjs.org/docs/network.html#Nodes_configuration
# http://visjs.org/docs/network.html#Edges_configuration
# http://visjs.org/docs/network.html#Groups_configuration
# http://visjs.org/docs/network.html#Localization
# http://visjs.org/docs/network.html#Tooltips
Configuring Vis.js beyond the aspects denoted by the links above is only recommended to experts as ~TiddlyMap is already fine tuned to suit your need.
! After TiddlyMap v0.9
See [[Styling Nodes]].
! Before v0.9
<div class="tmap-flash-message tmap-danger">
<i class="fa fa-exclamation-triangle"></i> This way of doing it is obsolete and only applies to versions prior v0.9!
</div>
To change the vis options, first create a JSON tiddler (see [[DataTiddlers|http://tiddlywiki.com#DataTiddlers]]) named
<pre><<tmap "option" "ref.visUserConf">></pre>
Then you could add properties using nested JSON or a dot notation. For example, if you want to change the way neighbour's are colored, you would add the following to the tiddler's body (make sure you also changed the tiddler's content type to //application/json// and mind the quotation marks!):
```javascript
{
"groups.neighbours.color": "#123456"
}
```
Alternatively
```javascript
{
"groups": {
"neighbours": {
"color": "#123456"
}
}
}
```
As in the example above, you can selectively override the ~TiddlyMap's default configuration. If you are uncomfortable with your configurations, just delete the tiddler and the defaults are used.
> How effectively, efficiently and satisfactorily a user can interact with a user interface.
> [[usability.gov|http://www.usability.gov]]
# Integration into the TW-GUI
# Change node titles when tiddler title changes
# open a node via double-click
# redraw on resize
# Mechanisms to create relationships between nodes (and tiddlers)
#* On a graph level:
#** Draw an edge and select an //existing// edge-type
#** Draw an edge and specify a new type via a textfield
#* On a tiddler level:
#** Create Edges via memory mechanism (without dragging): click "draw edge from here", wait, "click connect to this node"
# Filterbar to filter the nodes displayed in the graph
# Static graph mode
# Enhance the filterbar
#* Create snapshots of the current views (filters) that can be loaded again
# Embed graphs as widgets in tiddlers based on a saved view (filter)
# On doubleclick on the canvas, create a tiddler that automatically matches the current filter (view)
# prevent that edges clutch together at the beginning
# When a doubleclick on the canvas is traced, create a node exactly on that spot
# Dropdown list of actions with icons that comply with tw's icons and meanings
# Save positions on dragend event and update all graphs that use the same view
# notification messages for important events
# after a drop, the viewport gets automatically adjusted (zoomed and nodes centered)
# confirmation for deleting nodes
# deleted nodes are removed from storylist
# allow the user to bind new edges to a certain view during dialog
# remember option for edge binding
# edge filter with selectboxes
# make relations system tiddlers that do not spam the user's namespace
# allow deletion of views.
# allow creating empty views (not just clones)
# debug mode option in the config that enables debug messages
!! End user
* When node is selected, "edit node" button is displayed in manipulation bar.
* The caption field will be treated as wikitext and rendered as text/plain
* One-click option to open tiddlers from the graph
* added a "no buttons" widget attibute
* Halfscreen option for sidebar editor (#50)
* Widget code generator added to the view menu
* view title is now displayed over non-editor graphs
* Tiddler-toolbar-button with ways to connect tiddlers and possibility to remove edges again.
* Widget to list directly connected edges and neighbours (experimental; can be used in wikitext)
* Global config button
* Initial setup dialog
* Focus node mechanism for each graph
* Changed vis button color
* Improved "edit edge" behaviour
* Improved "removing node" dialog
* Tooltips when hovering a node.
* Edge filter optimized (toggle for default and scrollbox)
* Tiddler icons are also displayed in the graph
* Live view introduced which synchronizes with the story river
* User can open all graphs everywhere in full-screen mode
* A tiddler's color field is used as default node color
* Hierarchical layouts
* Node search combined with the newly introduced diving mode
* Drag and drop tiddlers on the graph
* Node diving mode (see docs)
* User can now specify an alias field that is used as node label instead of the tiddler's title
* Nodes in view can be filtered via any tw-filter
* Pretty-printed Node Filter separating filter operands via new lines
* Nodes can be named immediately without opened in edit mode
* Option to display immediate neighbours of a graph
* Physics mode is now toggled per view
* More compact editor layout
* Correcting an existing edge (Vis: "Edit Edge")
* No-name edges are created when no name is specified
* Introduced private edge mode
* Views may be renamed
* A user needs to click before the graph can be used
!! More technical
* The //tmap-listener// startup module allows to trigger certain tmap events from everywhere
* Tiddlers corresponding to newly created nodes now have created and modified fields
* New uuid RFC4122, version 4 ID compliant generator (as suggested by @pmario)
* Code docs are now published at the github repo via JSDoc
* Adapter is now available in the js environment via $tw.tiddlymap.adapter
* Overhaul of the whole API
* Using the dataset again to refresh the graph data (see discussion starting at https://github.com/almende/vis/issues/568#issuecomment-70373916)
* "tmap-" prefix used for tiddlymap classes and ids
!! Important Bugfixes
* Manipulation bar is not reset after user manually deleted an edge in the editor. #74
* Fixed sidebar bug (graphs did not readjust anymore after fixing #35)
* Dragging the manipulation bar doesn't produce an error anymore (https://github.com/almende/vis/issues/557)
* Fixed remaining listener bug (https://github.com/almende/vis/issues/521)
* Fixed shadow-override bug (https://github.com/felixhayashi/TW5-TiddlyMap/issues/17)
* Vis recursion error (https://github.com/almende/vis/issues/522)
* Graph not clickable after view modification (https://github.com/almende/vis/issues/540)
* Fullscreen bug (https://github.com/felixhayashi/TW5-TiddlyMap/issues/25)
!! Incompatibilities to previous versions
//Where is my tag filter?//
The view does not use tags anymore as filters but offers you a textfield
instead where you can enter your custom tw-filter. This means you have
to add the tags to the filter again.
//Why are my private edges public now?//
This is a side effect as I completely changed the way private edges work. Sorry, you need to rebuild your edges again if you want them to be private.
Major enhancements
----------------------------
### v0.7.32
* Added view-option to show links between neighbours as well; discussion at #107
### v0.7.31
* Resolves #121: Make live view work in different scenarios
* Resolves #114: feature request: live maps work with zoomin view
### v0.7.25
* View statistics; Resolves #44
* Export of view's graph as JSON; resolves #68, resolves #33
### v0.7.24
* Live view separately stores positions for each focussed tiddler; see #91
* Edge-type styling section directly shows whether JSON is valid or not.
### v0.7.22
* Resolved #111 "light colored text in dark colored tiddlers on graph title"
### v0.7.21
* Default view is not empty anymore but shows some stuff per default
### v0.7.19
* Added separate halfscreen button
### v0.7.17
* Edit and rename tiddlers in fullscreen mode; see #100
### v0.7.15
* Improved create edge dialog
### v0.7.14
* Added statistics to the egde-type manager's overview section
### v0.7.12
* Added the "neighbourhood scope button"; see #95
* Slightly improved the delete node mechanism.
### v0.7.11
* Tooltips for graph's navigation-buttons
### v0.7.10
* Edges based on tags may be displayed in the graph; resolves #93, resolves #14
### v0.7.8
* Optional raster to snap nodes to when dragging; resolves #87
### v0.7.6
* Added more options to the widget generator
* Edge type namespaces (the string before a colon like "foaf" in "foaf:person") are automatically stripped of the edge label
### v0.7.3
* "Live" tab removed - Live view is merged into the sidebar editor; See #82
### v0.7.0
* Neighbourhood size of Live view (or any other view) may be greater than 1; this resolves #40
* Cloning of tiddlers is now supported
* Internal Links may be displayed in the map; #58; #14
* Editor bar with less menus
* The Edge-type Manager; resolves #48, #77, #4
* When node is selected, "edit node" button is displayed in manipulation bar.
* Datastructure-updater that transformes obsolete datastructures; #70
* Improved datastructure; resolves #64
* Adding existing tiddlers to a graph; resolves #75
* Welcome dialog changed; resolves #52
* Live view is now also available and manipulable in the sidebar editor
Important Bugfixes
----------------------------
### v0.7.34
* Fixes #125: Internal JavaScript error on startup (FireFox)
### v0.7.33
* Fixes #124: Manually editing the view filter will destroy graph when used with node.js
### v0.7.32
* Fixes a bug that was mentioned in the discussion at #107
### v0.7.31
* Fixes #66: Browser crashes when it tries to generate a map with many nodes.
### v0.7.30
* Fixes #120: Error when removing the color attibute while node is displayed in graph
### v0.7.29
* Fixes #118: Focus button does not consider neighbours
* Fixes #97: Artefacts appearing on right side
### v0.7.28
* Fix for configure view (again)
### v0.7.27
* Fixes #115: Javascript Error when selecting "Configure View"
* Fixes #116: Nitpick word correction #1
* Fixes #117: Nitpick word correction #2
### v0.7.26
* Small fix related to #91
### v0.7.24
* Fixes #106: Styles defined in the edge-type manager cannot be deleted, only overridden
### v0.7.23
* Prevent changing the node filter of the live view
### v0.7.21
* Fixes #110: Listeners are not removed properly
### v0.7.20
* Fixes #103: View name in drop-down menu: italicised & gray
### v0.7.18
* Fixes #101 "Editing tiddlers in fullscreen modals dublicates the tiddlers in the river."
### v0.7.16
* Fixes #99: Create new view -> Forbidden
### v0.7.13
* Adding edges did remove the position information, fixed that
* Tiddlymap supports iOS again. Fullscreen maybe not. see #96
### v0.7.9
* Doesn't crash anymore when Tiddler is renamed while being displayed as node in a graph; fixes #88
### v0.7.7
* Same links are only added once when displaying neighbourhoods of a size greater than one; fixes #85, #86
* No auto-out-zoom if user changed viewport before stabilzation (calming) of network
### v0.7.5
* GUI does not hang anymore when opening "map" tab in sidebar; fixes #83
### v0.7.4
* Changing the edge type id now works; fixes #80
### v0.7.2
* User config is was not merged correctly; fixes #79
### v0.7.1
* Datastructure update now works; fixes #70
### v0.7.0
* Modal buttons match the topic; resolves #46
* Fullscreen is broken for story river bug; fixes #69
* Initial setup modal should only contain most important options; fixes #52
* Configure tiddlymap shows wrong modal bug; fixes #51
* Manipulation bar is reset after user manually deleted an edge in the editor.; fixes #74
Incompatibilities to previous versions
----------------------------
### Removed features
* Toggle show/hide edges per select
* Hierarchy mode (temporarely)
* Private edge mode; see #71
* Node-Tooltips (temporarely)
Major enhancements
----------------------------
### v0.8.3
* Made a big step towards public API: tmap-macro is now publically
available, some global events are usable from outside.
### v0.8.2
* Resolves #129: Allow users to register fields as relationship fields
* Resolves #147: Deleting tag edges should result in the deletion of a tag (same for creating an edge
* Notifies the user when an edge is created that is not displayed in the current view
### v0.8.0
* Resolves #135: Added auto-focussing and hotkeys to a bunch of form elements
* Added a loading indicator to indicate progress on bigger graphs.
* Resolves #140: Show edge-type description as edge tooltip
* Resolves #132: Changed the button layout and added classes to tmap buttons
* Resolves #127: Added tooltips to all buttons
* Node tooltips are possible again
* Click-to-use overlay is never displayed in fullscreen mode
* Make main editor click-to-use when in mobile mode
* Migration to vis.js v4 :)
Important Bugfixes
----------------------------
### v0.8.6
* Fixes #154: Using icons might cause false font color
### v0.8.5
* Fixes #153: Automatic zoom out after adding new node
### v0.8.4
* Fixed a bug that was introducced with v0.8.3 where noname edges
could not be created anymore.
### v0.8.3
* Fixed bug that deletion of tags from toolbar button wasn't possible
* Toolbar button contained a space character
### v0.8.1
* Fixes #146: Graph is not zoomed properly when switching views after adding a node
### v0.8.0
* Fixes a long standing big bug that the network doesn't stabilize!!
It also fixes #97 and the timeout workaround is not needed anymore!
See issue https://github.com/almende/vis/issues/963 and
See https://github.com/almende/vis/issues/987#issuecomment-113226216
* Fixes #139: Quick connect button also displays drafts in the list
* Fixes #144: Map should not be displayed in draft mode
* Fixes that edge styles cannot be removed
* Fixes wrong regex escaping
Incompatibilities to previous versions
----------------------------
* Vis.js changed its configuration objects, this means you might need
to readjust your styling
Major enhancements
----------------------------
### v0.9.19
* Added keycombo "ctrl + a" to select all nodes in a map.
### v0.9.16
* Added possibility to prioritize node types.
* Improved the way elements are added via the element-type manager
### v0.9.14
* Resolves #179: Add an option to render widget in plain design feature
* Resolves #178: Enhance export image dialog.
### v0.9.13
* Now allowing the user to change the central gravity and damping
* Improved the placeholder that is displayed when in preview mode
### v0.9.10
* Allowing the `tmap.fa-icon` field to hold different unicode
representations (e.g. ``, `` or `f007`).
### v0.9.9
* Improved the closing behaviour of dropdowns (focus button and
tiddler toolbar button).
* Added indicator when neighbourhood scope is active
* Optimized font-color assignments
### v0.9.7
* Tries to cater for #171. The user always has a chance to create a
new tiddler on the fly and then link to it when searching.
* Again related to #171: All TiddlyMap popups are now closed when
the user is clicking outside.
### v0.9.3
* #168 Enhanced the create view dialog; Allow moving portions of a
map to a new map via copy/cut and paste.
* It is now possible to select multiple nodes or edges by holding
down the ctrl key or by a longheld click (1 second).
* In addition to the multi-select, it is now possible to delete
multiple nodes at once.
* Selecting, dragging, moving, copying **multiple nodes** is now possible.
* Resolves #169: Better installation experience
### v0.9.2
* Dynamic creation of edge labels if they do not exist
### v0.9.1
* Added fullscreen preview and draft tabs when opening a node
* Added download graph button
* Added option to hide editor-menu buttons
### v0.9.0
* Resolves #162: Allow Font Awesome icons to be used with TiddlyMap
* Resolves #151: Making the vis.js configurator available in tiddlymap
* Resolves #152: Node-types and node-type manager
* Adding individual node styling possibilities
* Enhanced the tiddler-toolbar popup
* Allows to set the default map which is displayed at startup
Important Bugfixes
----------------------------
### v0.9.20
* Fixes #185: Deleting / renaming node-types doesn't work
* Fixes #184: Since v0.9.16 renaming views doesn't work anymore
### v0.9.19
* Creating a node type resulted in the creation of a tiddler with the
same title as the id of the type.
### v0.9.18
* The TiddlyMap tiddler toolbar button produced an error.
### v0.9.17
* Added guards against
https://github.com/Jermolene/TiddlyWiki5/issues/2025:
Adding tiddler programmatically without text field causes serious
recursion error in nodejs mode.
### v0.9.16
* Fixed bug that renaming an element type didn't work.
* Reintroduced the closing tag for the widget generator. It caused
trouble to have tiddlymap widget's without closing tag.
* Showing correct timestamps now in the element-type manager.
### v0.9.15
* Further improved the fix for #177. This time also for static setups.
### v0.9.13
* Hide TM tiddler toolbar button when tiddler is a system tiddler.
* Fixes #176: Static HTML export of tiddler with embedded graph.
* Fixed small bug where when exiting fullscreen while being in draft
mode the draft removal didn't remove the tiddler from the river.
* Fixes #177: Prevent nodes from floating far away when added to the
canvas using a filter.
* Fixed bug where connection to non existent edge via message threw
an exception. Related to #171.
* Fixed small bug where it was possible to paste nodes into the live
view
### v0.9.12
* Fixes #175: Clicking on an element in the selectbox in the TM
tiddler toolbar dropdown closes the dialog bug
### v0.9.11
* Fixes #174: Not all edges are displayed in live view and in the
TMap toolbar button.
### v0.9.10
* Fixed bug that select style was not assigned when dragging a node.
### v0.9.9
* Adding node borders is now allowed and working.
* Node selection now works with correct styles being set (finally!)
### v0.9.8
* Fixed installation issues: In new wikis, the config was not read
because the getTiddlerData function was used on tiddlers that
were not marked as data tiddlers.
* By accident a wrong edge filter was added to the default view. wtf?
* Fixed bug that a node inserted with the adapter was not immediately
inserted into the node-index, only after refresh!
### v0.9.6
* In v0.9.5 I introduced a very ugly node highlighting. Removed! :)
* Fixes #172: Keylisteners of the clipboard feature swallow letters.
* Fixed some visjs css
### v0.9.5
* Style relicts made it into the graph when in live view
### v0.9.4
* Editor was not working correctly
### v0.9.3
* Fixed bug that was introduced with v0.9.1: No alerts anymore
that contain questions whether to cancel the draft or not.
* Fixed bug that node filters couldn't be deleted
* Fixed wrong modal css in mobile
* Fixed a critical bug that assigned new ids when upgrading from
very early versions (where users could manually define the tmap id
field). This happened because "tmap.id" is now always used as id
field.
### v0.9.2
* Fixed bug that null labels where displayed for edges.
* Added safeguard to prevent that multiline editors allowed newlines
to be written into single line fields (with regard to the
type manager).
See: https://github.com/Jermolene/TiddlyWiki5/issues/1955
### v0.9.1
* Fixes #165: Unexpected behaviour from sidebar map resize button
* Changed the way the fullscreen cancellation of drafts is handled
### v0.9.0
* Fixes #157: Renaming a view creates an error
* Fixes that a user could enter an empty view name during rename
* Fixes #154: Using icons might cause false font color
* Fixes error when pressing the save button in type manager when no
type is loaded
Incompatibilities to previous versions
----------------------------
### v0.9.16
* Removed feature to have local group styles
### v0.9.0
* Positioning the live view nodes and saving the positions is not possible anymore :( I had to remove this feature again since it clashed with different view operations.
\rules except wikilink
<div>
{{Version Matrix}}
</div>
! Release Notes
<$list filter="[tag[ReleaseNote]!sort[created]limit[1]]">
<$macrocall $name="tabs"
tabsList="[tag[ReleaseNote]!sort[created]]"
default={{!!title}}
class="tc-vertical"
template="ReleaseTemplate" />
</$list>
\rules except wikilink
\define tidFilter() [tag[ReleaseNote]!sort[created]]
\define tagFilter() [tag[ReleaseNote]tags[]] -[[ReleaseNote]] +[nsort[order.challenges]]
<style type="text/css">
.cell-true { background: firebrick; }
.cell-false { background: #FCFCFC; }
table.matrix { border: none; margin-top: -15px; }
table.matrix tr td { border: 1px solid #CCCCCC; }
table.matrix tr th { border: none; background: none; }
.attribute { height: 140px; white-space: nowrap; }
.attribute div { transform: translate(19px, 53px) rotate(315deg); width: 25px; text-align: left; }
.attribute > div > a { display: inline-block; border-bottom: 1px solid #CCCCCC; padding: 2px; width: 100px; }
</style>
<table class="matrix">
<tr>
<th align="right"><<title>></th>
<$list filter=<<tagFilter>> variable="tag">
<th class="attribute"><div><$link to=<<tag>>><<tag>></$link></div></th>
</$list>
</tr>
<$list filter=<<tidFilter>> variable="curTid">
<tr>
<th align="right">
<$link to=<<curTid>>><$view tiddler=<<curTid>> field="caption"><<curTid>></$view></$link>
</th>
<$list filter=<<tagFilter>> variable="curTag">
<$set name="cell-val" filter="[<curTid>tag<curTag>]" value="cell-true" emptyValue="cell-false">
<td class=<<cell-val>>><div class="entry"></div></td>
</$set>
</$list>
</tr>
</$list>
</table>
The above matrix gives a quick overview about which versions affect which critical TiddlyMap aspects. For a more detailed impression have a look at the individual release notes.
The view configuration allows you to change the way a particular view behaves. Changing one view's configuration does not affect another view's settings.
For more information visit the [[api docs site|http://bit.ly/tiddlymap_api]].
For graph visualization and manipulation, TiddlyMap draws upon the popular open-source [[vis.js|http://visjs.org/]] library. It is actively developed by the [[Vis.js Developers]] working at [[Almende B.V|http://almende.com]].
//The library is designed to be easy to use, handle large amounts of dynamic data, and enable manipulation of the data// -- [[visjs.org|http://visjs.org/]]
\rules except wikilink
Main developers and source code maintainers are @AlexDM0 and @josdejong.
''By the way:'' The Vis.js team is currently working on a very interesting programmable "intelligent houshold device". Check it out: http://crownstone.rocks.
! {{$:/plugins/felixhayashi/tiddlymap/media/fullscreen.png}} Fullscreen mode
Need some room for your brainstorming? Then open the editor and switch to fullscreen by clicking on the fullscreen button that is displayed in the graph.
~TiddlyMap will now consume all the possible space.
Moreover, you are able to edit, rename and preview your tiddlers without leaving the fullscreen. Just click on a node and ~TiddlyWiki's default tiddler editor will be displayed.
! {{$:/plugins/felixhayashi/tiddlymap/media/halfscreen.png}} Halfscreen mode
Alternatively you can configure ~TiddlyMap to switch into "halfscreen mode". The halfscreen mode is __only available for the sidebar editor__.
When in halfscreen mode, the sidebar editor will enlarge vertically and consume all space available in the sidebar. This means the sidebar will be completely hidden and only the editor is displayed.
The great advantage of the halfscreen mode is that you are always able to see the story river.
The //live view// shows you the surrounding neighbourhood of the tiddler that is currently focussed.
Just open the //live tab// in your sidebar and start scrolling down the list of currently opened tiddlers in your story river. If you add connections from the currently focussed tiddler via the [[The Quick-Connect Mechanism]], you can immediately see the results in the //live view//.
! Live View plugin dependencies
{{Live View plugin dependencies}}
This is where we live at the moment.
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
<i class="fa fa-user"></i> Ce wiki fait partie du projet [[LibreNote|http://librenote.aerobatic.io]] forgé par svink
<i class="fa fa-spinner"></i> Dernière mise à jour le {{Dernière modification}}
<div style="font-size:0.7em;text-align:left;margin-top:3em;margin-bottom:3em;">
<a href="mailto:svink@openmailbox.org" class="tc-btn-big-green" style="text-decoration:none; background-color:#FF8C19;" target="_blank"> <i class="fa fa-envelope"></i> Contact mail
</a>
<a href="https://bitbucket.org/librenotes/librenote/" class="tc-btn-big-green" style="text-decoration:none; background-color:#5E9FCA;" target="_blank">
<i class="fa fa-bitbucket"></i> Dépôt Bitbucket
</a>
{{$:/snippets/download-wiki-button}}
</div>
Le code suivant permet d'afficher la liste de tous les tags:
```
<$list filter="[tags[]!is[system]sort[title]]">
<$transclude tiddler="$:/core/ui/TagTemplate"/> <small class="tc-menu-list-count"><$count filter="[all[current]tagging[]]"/></small>
</$list>
```
On peut ajouter une classe CSS dans la [[feuille de style|Feuilles de style]] pour afficher la liste en colonnes:
```
.taglist-columns{
column-count: 4;
-moz-column-count: 4;
-webkit-column-count: 4;
}
```
Ce qui donne:
<div class="taglist-columns">
<$list filter="[tags[]!is[system]sort[title]] -task -done">
<$transclude tiddler="$:/core/ui/TagTemplate"/> <small class="tc-menu-list-count"><$count filter="[all[current]tagging[]]"/></small>
</$list>
Dans cet exemple, nous allons ajouter un fichier `README.md` à notre projet. Ce fichier permet de présenter son projet sur votre page d’accueil.
On copie son fichier `README.md` dans le dossier `username.bitbucket.org`
Et c'est partie (j'utilise ici les raccourcis pour vous montrer que tout cela peut être fait vraiment rapidement).
```c
$ git st
$ git add README.md
$ git ci -m "Add a README file"
$ git push -u origin master
```
On vérifie notre historique
```c
$ git hist
* d43f3ff 2014-10-25 | Add a README file [Votre_pseudo]
* b24f3ff 2014-10-25 | Add Table of contents [Votre_pseudo]
* cf466b4 2014-10-25 | First Commit [Votre_pseudo]
```
Dans notre cas, le but est d'héberger son ~TiddlyWiki sur Bitbucket, il faut donc copier le fichier `index.html`.
>''Pensez bien à nommer votre fichier HTML `index.html`''
!!!1. Copier votre fichier
Copier votre fichier `index.html` dans le répertoire `username.bitbucket.org`
!!!2. Indexer votre fichier
```c
$ git add index.html
```
!!!3. Réaliser votre premier commit
```c
$ git commit -m "First Commit"
```
!!!4. Vérifier le statut du répertoire
```c
$ git status
On branch master
nothing to commit, working directory clean
```
!!!5. Poussez votre fichier vers le dépôt distant
```c
$ git push -u origin master
```
Ou simplement `$ git push` vu que nous n'avons qu'une seule branche.
<br>
>''OK tout est bon! Votre site est accessible à l'adresse http://username.bitbucket.org et votre page Bitbucket est https://bitbucket.org/username''
Pour personnaliser l'apparence générale de votre ~TiddlyWiki, il suffit de cliquer sur l'icône [[panneau de contrôle|$:/ControlPanel]] {{$:/core/images/options-button}} puis sur l'onglet //''Apparence''//.
*L'onglet //''Palette''// permet de modifier la palette de couleurs utilisée (couleur de fond du wiki, des tiddlers...). La liste des paramètres pouvant être modifiés est impressionnante.
*L'onglet //''Vue sur déroulé''// permet de modifier le comportement des tiddlers quand il sont affichés, fermés...
*L'onglet //''Thème''// permet de choisir un thème générique.
*L'onglet //''Barres d'outils ''// permet de choisir les boutons affichés dans la barre de menu et dans les tiddlers.
*L'onglet //''Theme Tweaks''// d'ajouter des polices et de modifier la taille des tiddlers, de la barre de menu...
Un petit exemple de personnalisation avancée sur http://gwiz.tiddlyspot.com/
<i class="fa fa-thumb-tack" style="color:#E74C3C"></i> Source: [[http://tiddlywiki.com/#How to apply custom styles by tag|http://tiddlywiki.com/#How%20to%20apply%20custom%20styles%20by%20tag]]
Dans cet exemple, tous les tiddlers avec le tag <<tag NightReader>> utiliseront le style personnalisé.
Ajouter à votre feuille de style:
```
.tc-tagged-NightReader { background-color:#5778d8 ; color:#FF9933; padding: 35px 35px; }
.tc-tagged-NightReader .tc-tiddler-body { font-size: 1em; }
```
et adaptez les éléments //background-color// (couleur de fond), //color// (couleur de la police)... en fonction de vos envies.
Créer un nouveau favicon TN
<i class="fa fa-thumb-tack" style="color:#E74C3C"></i> Source: [[https://tobibeer.github.io/tb5/#Search And Replace Tag|https://tobibeer.github.io/tb5/#Search%20And%20Replace%20Tag]]
Une solution pour renommer simplement un tag et marquer les tiddlers a était postée par [[Alberto Molina|https://groups.google.com/d/msg/tiddlywiki/OCntQ79DuwM/_vYCTYRXfaUJ]].
<table class="no-border">
''Chercher le tag'': <$edit-text tiddler="$:/temp/RenameTags/search" tag="input" type="text"/>
''Remplacer par'' : <$edit-text tiddler="$:/temp/RenameTags/replace" tag="input" type="text"/>
<$reveal type="nomatch" text="" state="$:/temp/RenameTags/replace">
!!!Appliquer le tag <$tiddler tiddler={{$:/temp/RenameTags/replace}}><$transclude tiddler="$:/core/ui/TagTemplate"/></$tiddler> aux tiddlers suivants:
<$list filter="[!has[draft.of]tag{$:/temp/RenameTags/search}!tag{$:/temp/RenameTags/replace}sort[created]]">
<$checkbox tag={{$:/temp/RenameTags/replace}}> <$link to={{!!title}}><$view field="title"/></$link></$checkbox><br/>
</$list>
</$reveal>
<$reveal type="nomatch" text="" state="$:/temp/RenameTags/search">
!!!Supprimer le tag <$tiddler tiddler={{$:/temp/RenameTags/search}}><$transclude tiddler="$:/core/ui/TagTemplate"/></$tiddler> des tiddlers suivants:
<$list filter="[!has[draft.of]tag{$:/temp/RenameTags/search}tag{$:/temp/RenameTags/replace}sort[created]]">
<$checkbox tag={{$:/temp/RenameTags/search}}> ~~<$link to={{!!title}}><$view field="title"/></$link>~~</$checkbox><br/>
</$list>
</$reveal>
<i class="fa fa-thumb-tack" style="color:#E74C3C"></i> Source: [[http://tiddlywiki.com/#Setting a favicon|http://tiddlywiki.com/#Setting%20a%20favicon]]
Les « favicons » sont de petites icônes que la plupart des navigateurs web affichent dans l'onglet pour aider les utilisateurs à identifier les sites web.
Lorsque ~TiddlyWiki démarre dans le navigateur, il cherche un tiddler nommé [[$:/favicon.ico]] et l'utilise dynamiquement comme favicon de la page. Si vous modifiez l'image, le favicon change instantanément pour en tenir compte.
#Importer l'icône dans ~TiddlyWiki (format .ico)
#Renommer le tiddler de l'icône en [[$:/favicon.ico]]
!!!1. Créer un compte
Créer un compte sur Bitbucket à l'adresse suivante: https://bitbucket.org/account/signup/<br>
''Attention votre futur site aura pour nom //username//.bitbucket.org''
!!!2. Créer un nouveau répertoire (en ligne)
Nommé ce répertoire ''//username//.bitbucket.org''
Puis choisir les options suivantes:
*Accès public ou privé (visible ou pas à tout le monde)
*Entrer une brêve description
*Choisir Git
*Langage HTML/CSS
!!!3. Aller dans votre boite mail et confirmer l'adresse
!!!4. Cloner le dépôt
4.1 Récupérer l'URL du dépôt sur votre page<br>
Cliquer sur clone, mettez le protocole HTTPS et copier l'adresse: `https://bitbucket.org/username/username.bitbucket.org.git`
4.2 Cloner le dépôt localement (dans un dossier où sera stocké votre projet).
```c
$ cd chemin/ou-stocker/votre-projet
$ git clone https://bitbucket.org/username/username.bitbucket.org.git
```
La commande `git clone` créée un nouveau répertoire nommé `username.bitbucket.org` dans le dossier courant.
retour:
```c
$ git clone https://bitbucket.org/username/username.bitbucket.org.git
Cloning into 'username.bitbucket.org'...
Password
warning: You appear to have cloned an empty repository.
```
Git sait désormais qu’il existe un dépôt distant et que c’est là où vous voulez envoyer vos modifications du dépôt local. Pour confirmer cela, on utilise la commande `git remote -v`:
```c
$ git remote -v
origin https://bitbucket.org/username/username.bitbucket.org.git (fetch)
origin https://bitbucket.org/username/username.bitbucket.org.git (push)
```
<br>
>''Le dépôt local et le dépôt distant sont maintenant connectés, il ne reste plus qu'a mettre des fichiers dedans.''
Il est possible d'intégrer (//embed en anglais//) facilement le support externe de tout type de média (vidéo, son...) grâce à la balise HTML ``iframe``.
<<list-links "[tag[ContenuExterne]]">>
<i class="fa fa-thumb-tack" style="color:#E74C3C"></i> Source: [[http://tiddlywiki.com/#tabs Macro|http://tiddlywiki.com/#tabs%20Macro]]
!!Onglets verticaux
Ajoutez à votre tiddler:
```
<<tabs "NomTiddler [[Nom Tiddler]]" "Nom-du-tiddler-à-afficher-par-défaut" "$:/state/tab1">>
```
<<tabs "NomTiddler [[Nom Tiddler]]" "NomTiddler" "$:/state/tab1">>
<br>
!!Onglets horizontaux
```
<<tabs "[[Nom Tiddler]] NomTiddler" "Nom-du-tiddler-à-afficher-par-défaut" "$:/state/tab2" "tc-vertical">>
```
<<tabs "NomTiddler [[Nom Tiddler]]" "[[Nom Tiddler]]" "$:/state/tab2" "tc-vertical">>
<br>
Vous pouvez soit mettre la liste complète des tiddlers à afficher (comme ci-dessus) ou utiliser une balise ``[tag[Nom-du-tag]]`` pour afficher tous les tiddlers utilisant ce tag. Ils seront alors mis par ordre alphabétique.
Pour définir un ordre personnalisé, il faut [[ajouter un champ|Utiliser les champs]] `order` à chaque tiddler avec comme valeur l'ordre d'affichage (1, 2, 3...) et utiliser l'opérateur `nsort`. Ce qui donne:
```
<<tabs "[tag[Nom-du-tag]nsort[order]]" "Nom-du-tiddler-à-afficher-par-défaut" "$:/state/tab1">>
```
Il est assez simple de mettre en place une liste de choses à faire (//~ToDo list//) dans ~TiddlyWiki.
Insérez le code suivant dans un tiddler:
```
A faire
<$list filter="[!has[draft.of]tag[task]!tag[done]sort[created]]">
<$checkbox tag="done"> <$link to={{!!title}}><$view field="title"/></$link></$checkbox><br />
</$list>
C'est fait
<$list filter="[!has[draft.of]tag[task]tag[done]sort[created]]">
<$checkbox tag="done"> ~~<$link to={{!!title}}><$view field="title"/></$link>~~</$checkbox><br />
</$list>
```
Pour qu'un tiddler apparaisse dans la liste des tâches, il faut de lui ajouter le tag <<tag task>>
Quand la tâche est réalisée, vous pouvez cocher le tiddler dans la liste "A faire" pour qu'il soit déplacé et barré dans la liste "C'est fait". Le tag <<tag done>> sera automatiquement ajouté.
Pour enlever la tâche de la liste, il faut supprimer les tags `task` et `done` en éditant le tiddler.
<br>
!!<i class="fa fa-square-o" style="color:#E74C3C"></i> Article à compléter ou à créer
<$list filter="[!has[draft.of]tag[task]!tag[done]sort[created]]">
<$checkbox tag="done"> <$link to={{!!title}}><$view field="title"/></$link></$checkbox><br />
</$list>
!!<i class="fa fa-check-square-o" style="color:#2ECC71"></i> C'est fait !
<$list filter="[!has[draft.of]tag[task]tag[done]sort[created]]">
<$checkbox tag="done"> ~~<$link to={{!!title}}><$view field="title"/></$link>~~</$checkbox><br />
</$list>
<$list filter="[!is[system]!has[draft.of]!sort[modified]limit[1]]">
<$link>
<$view field="modified" format="date" template="DD MMM YYYY à 0hh:0mm"/>
</$link>
</$list>
NomTiddler
[[Nom Tiddler]]
<br>
[[TiddlyWiki|http://tiddlywiki.com/]] est un //''carnet de notes web personnel et non linéaire''// développé par [[Jeremy Ruston|https://github.com/Jermolene]]. C'est une application web dédiée à la prise de notes et d'une grande souplesse d'utilisation. L'ensemble du wiki est contenu dans un ''unique fichier HTML'', ne nécessitant aucune installation.<br> ~TiddlyWiki est un projet [[Open Source|https://fr.wikipedia.org/wiki/Open_source]] sous licence <abbr title="Berkeley Software Distribution">BSD</abbr> soutenu par une grande communauté.
<div class="pretty">
~TiddlyWiki peut être utilisé comme un bloc notes, un wiki, un blog, pour gérer ses marques page, rédiger une documentation... et bien d'autres choses. A vous d'imaginer l'utilisation que vous pouvez en faire.
</div>
<br>
La [[documentation officielle|http://tiddlywiki.com/]] est la référence pour tout connaître sur ~TiddlyWiki. De plus, elle est [[partiellement traduite|http://tiddlywiki.com/languages/fr-FR/]].<br>
Le meilleur moyen pour apprendre à utiliser ~TiddlyWiki est de visiter [[différents sites|Ressources internet]] et d'éditer les tiddlers pour connaître le [[Formatage de texte]]. Le [[guide de prise en main|http://sylvain.naud.in/public/TiddlyWiki/tiddlywiki-guide-fr-CCbysa.html]] de Sylvain Naudin est un très bon début, je m'en suis beaucoup inspiré.
!!~TiddlyWiki dans votre poche
Vous pouvez stocker votre ~TiddlyWiki en local où dans un cloud pour y accéder partout mais aussi le mettre en ligne sur un service d'hébergement classique où spécialisé comme [[TiddlySpot|http://tiddlywiki.com/languages/fr-FR/#Saving%20on%20TiddlySpot]] qui permet un accès public ou privé à son wiki. Une autre approche un peu plus complexe consiste à [[Héberger son TiddlyWiki]] dans un dépôt Git distant.
<br><br>
<div class="tb5-fish">{{$:/.img/fish.svg}}</div>
!!À propos
{{A propos}}
<br>
-----
@@.no-border
|<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Licence Creative Commons" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a><br /> | |Sauf mention contraire, le contenu de ce wiki est mis à disposition selon les termes de la <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Licence CC BY-SA 4.0</a> <i class="fa fa-external-link-square" style="color:#60B643"></i>|
@@
Dans [[Trucs et astuces]]
~TiddlyWiki peut être personnalisé grâce aux feuilles de style CSS. Il suffit de créer un nouveau tiddler avec le tag <<tag $:/tags/Stylesheet>>
Tout peut être personnalisé: titres, liens, blocs de couleur... Vous pouvez créer plusieurs feuilles de style ce qui permet de les retrouver plus facilement.
La personnalisation de ce wiki est décrite dans le tiddler [[$:/.s/StyleSheet]], voici juste quelques exemples.
!!Changer la police des titres
Ajoutez ceci à la CSS:
```
h1 { color:#34495E; font-family: "sans-sherif"; font-size: 2.5em; }
```
Pour les titres de niveau 2, 3 et 4:
```
.tc-tiddler-body h2 { color:#60B643; border-width: 0px 0px 1px 0px; border-style: dotted; border-color:#DBD9E2; font-family: 'titilliumbold'; } h3 { color:#60B643; font-family: 'titilliumlight'; font-size: 1.5em; } h4 { color:#309AC1; font-family: 'titilliumlight'; font-size: 1.2em; }
```
!!Afficher un bloc de couleur
Ajouter dans son tiddler le code suivant:
```
@@background-color:#ECF0F1 ;
@@color:#2C3E50;
@@margin:10px;
@@padding:10px;
@@border-radius: 5px;
''Information''
@@
```
qui affichera:
@@background-color:#ECF0F1 ;
@@color:#2C3E50;
@@margin:10px;
@@padding:10px;
@@border-radius: 5px;
''Information''
@@
On peut importer ce style de bloc dans sa CSS avec le code:
```
/*Bloc information*/
.info {background-color:#ECF0F1; color:#2C3E50; margin:10px; padding:10px; border-radius: 5px;}
```
Ce qui permet d'afficher le même style de bloc mais de manière bien plus légère dans le tiddler avec le code:
```
@@.info
''information''
@@
```
<br>
@@.ast
<i class="fa fa-lightbulb-o fa-3x pull-left"></i> ''On peut déporter dans la CSS des styles personnalisés pour tous les éléments: polices, blocs, [[tableaux|Personnaliser les tableaux]]...''
<i class="fa fa-thumb-tack" style="color:#E74C3C"></i> Source: [[http://tiddlywiki.com/#Filters]]
Les filtres constituent un langage particulier intégré à la syntaxe [[WikiText|Formatage de texte]] qui sert à exprimer des listes de tiddlers.
Les filtres sont utilisés par certaines macros et certains widgets et dans beaucoup d'autres zones de ~TiddlyWiki.
!!~ListMacro
Voici un exemple de [[macro de liste|http://tiddlywiki.com/#ListMacro]] simple et un [[opérateurs de filtre|http://tiddlywiki.com/languages/fr-FR/#FilterOperators]]
```
<<list-links "[tag[Plugin]]">>
```
Ce qui permet d'afficher la liste des tiddlers avec le tag `Plugin`:
<<list-links "[tag[Plugin]]">>
Pour masquer une entrée de la liste il faut ajouter `-[[tiddler]]`, ce qui donne dans notre exemple
```
<<list-links "[tag[Plugin]] -[[FontAwesome]]">>
```
!!~ListWidget
Le [[widget de liste|http://tiddlywiki.com/#ListWidget]] affiche une séquence de tiddlers qui correspondent à un filtre de tiddler.
Cet exemple affiche la liste des tiddlers avec le tag `source` et d'autres informations contenues dans les [[champs des tiddlers|Utiliser les champs]] (`url`, `description`, `summary` et `author`).
```
<dl>
<$list filter="[tag[source]] +[sort[title]]">
<dt><$link>{{!!title}}</$link></dt>
<dd>{{!!url}}</dd>
<dd><i class="fa fa-tags"></i> {{!!description}}</dd>
<dd>» //{{!!summary}}//</dd>
<dd><i class="fa fa-male"></i> {{!!author}}</dd>
</$list>
</dl>
```
C'est ce type de liste qui est utilisée dans [[Ressources internet]].
<i class="fa fa-thumb-tack" style="color:#E74C3C"></i> Source: https://tobibeer.github.io/tw/focus/
Cette astuce permet de masquer la barre latérale et les boutons dans ~TiddlyWiki. Ils apparaissent en passant la souris dessus.
Il suffit d'importer [[ce style|https://tobibeer.github.io/tw/focus/]] dans votre ~TiddlyWiki.
<<<
Le plugin FontAwesome permet l'intégration des [[icônes Font Awesome|https://fortawesome.github.io/Font-Awesome/icons/]] dans ~TiddlyWiki.
<<<
*Auteur : ''~TheDiveO''
*http://thediveo.github.io/TW5FontAwesome/ <i class="fa fa-external-link-square" style="color:#60B643"></i>
Installer le depuis https://thediveo.github.io/TW5FontAwesome/output/fontawesome.html <i class="fa fa-external-link-square" style="color:#60B643"></i> et importer le tiddler suivant:
```
$:/plugins/TheDiveO/FontAwesome/fonts/FontAwesome
```
!Le texte
~TiddlyWiki utilise la syntaxe [[WikiText|http://tiddlywiki.com/#WikiText]] qui est un langage de balisage léger et simple qui permet de se concentrer sur l'écriture avec de nombreuses fonctions interactives. La syntaxe [[HTML|http://tiddlywiki.com/#HTML%20in%20WikiText]] est aussi supportée, ainsi que [[Markdown|http://daringfireball.net/projects/markdown/]] grâce à ce [[plugin|http://tiddlywiki.com/plugins/tiddlywiki/markdown/]].
Exemple de syntaxe ~WikiText :
```
''gras'' //italique// __souligné__ ~~barré~~ `code`
```
sera affiché comme ceci:
> ''gras'' //italique// __souligné__ ~~barré~~ `code`
<br>
!!Références de formatage
<i class="fa fa-thumb-tack" style="color:#E74C3C"></i> Source: https://tobibeer.github.io/tb5/#Markup
<$scrollable class='tc-scrollable'>
{{Markup Reference}}
</$scrollable>
<br>
@@.info
<i class="fa fa-info-circle fa-3x pull-left"></i>__Sources complémentaires:__<br>
Cheat Sheet [[formatage|http://www.cheatography.com/simon-fermor/cheat-sheets/tiddlywiki/]] et l'aide mémoire complet sur [[TiddlyWikifr|http://www.tiddlywiki.fr/#%5B%5BAide%20M%C3%A9moire%5D%5D]].
@@
!!Les tableaux
La création et l'utilisation des tableaux est très bien décrite dans ce [[guide de prise en main|http://sylvain.naud.in/public/TiddlyWiki/tiddlywiki-guide-fr-CCbysa.html#Tableau]]. Un fois la syntaxe comprise, il est facile de [[Personnaliser les tableaux]].
!Les icônes
Le plugin FontAwesome permet l'intégration des [[icônes Font Awesome|https://fortawesome.github.io/Font-Awesome/icons/]] <i class="fa fa-flag"></i> dans ~TiddlyWiki.
!Les couleurs
Chaque couleur HTML possède un [[code|http://www.w3schools.com/tags/ref_colorpicker.asp]] et un [[nom|http://www.w3schools.com/tags/ref_colornames.asp]] associé qui permet de l'utiliser simplement.
<<<
Le plugin [[Github fork ribbon]] permet d'afficher un ruban sur le côté du wiki avec diverses informations.
<<<
*Auteur : ''Jeremy Ruston''
*http://tiddlywiki.com/ <i class="fa fa-external-link-square" style="color:#60B643"></i>
Installer le depuis [[http://tiddlywiki.com/#How to put the last modification date in a banner|http://tiddlywiki.com/#How%20to%20put%20the%20last%20modification%20date%20in%20a%20banner]] <i class="fa fa-external-link-square" style="color:#60B643"></i> et importer le tiddler suivant:
```
$:/plugins/tiddlywiki/github-fork-ribbon
```
Puis suivez les instructions données sur le site pour afficher la date et l'heure de la dernière modification.
<<<
Le plugin [[Highlight]] fournit la capacité d'appliquer la coloration de syntaxe au texte.
<<<
*Auteur : ''Jeremy Ruston''
*http://tiddlywiki.com/plugins/tiddlywiki/highlight/ <i class="fa fa-external-link-square" style="color:#60B643"></i>
Installer le depuis http://tiddlywiki.com/plugins/tiddlywiki/highlight/ <i class="fa fa-external-link-square" style="color:#60B643"></i> et importer le tiddler suivant:
```
$:/plugins/tiddlywiki/highlight
```
Vous pouvez ajouter des thèmes disponiblent sur https://github.com/isagalaev/highlight.js/tree/master/src/styles en copiant la CSS dans un nouveau tiddler avec le tag {{$:/tags/Stylesheet||$:/core/ui/TagTemplate}}
J'utilise dans ~TiddlyNotes le [[thème dark|https://github.com/isagalaev/highlight.js/blob/master/src/styles/dark.css]] pour afficher les commandes.
@@.info
<i class="fa fa-info-circle fa-2x pull-left"></i> Vous n'avez jamais entendu parler de Git... vous trouverez une introduction à Git sur mon wiki [[GitNote|http://librenote.aerobatic.io/gitnote]].
@@
Une solution intéressante pour héberger son ~TiddlyWiki est d'utiliser un service web d'hergement de dépôt Git comme [[GitHub|https://github.com/]] ou [[Bitbucket|https://bitbucket.org/]].
Un des avantages est qu'ils offrent gratuitement un service d’hébergement de Pages ([[GitHub Pages|https://pages.github.com/]] et [[Bitbucket Pages|http://pages.bitbucket.org/]]), qui vous permet d’héberger votre site web très facilement et directement depuis votre dépôt en ligne.
<div style="font-size:0.7em;text-align:left;margin-top:3em;margin-bottom:3em;">
<a href="https://bitbucket.org/librenotes/librenote/" class="tc-btn-big-green" style="text-decoration:none; background-color:#5E9FCA;" target="_blank">
<i class="fa fa-bitbucket"></i> Mon dépôt Bitbucket
</a>
</div>
J'utilise dans les exemples qui vont suivre le service Bitbucket mais la procédure est la même pour ~GitHub.
<<list-links "[tag[Héberger son TiddlyWiki]]">>
Vous pouvez importer des images directement dans votre ~TiddlyWiki par glissé-déposé ce qui va créer un tiddler de l'image que vous pourrez insérer facilement. Cependant, cela alourdi votre fichier source. Il vaut donc mieux privilégier les images externes.
La syntaxe de base est:
```
[img[image.jpg]] (image interne)
[img[chemin-de-l-image/image.png]] (image externe)
```
!!Image externe, redimensionnée
```
[img width="taille-en-pixels" [tooltip-de-l'image|chemin-de-l-image/image.png]]
```
[img width="128" [TiddlyWiki cat|https://cloud.openmailbox.org/public.php?service=files&t=47Is0T5JHbEE4RB&download]]
!!Image cliquable
```
<a href="chemin-de-l-image/image.png" target="_blank"><img src="chemin-de-l-image/image.png" width="taille-en-pixels" align='position'></a>
```
<a href="https://cloud.openmailbox.org/public.php?service=files&t=47Is0T5JHbEE4RB" target="_blank"><img src="https://cloud.openmailbox.org/public.php?service=files&t=47Is0T5JHbEE4RB&download" width="128" align='left'></a>
<br><br><br><br><br><br>
!!!Avec une syntaxe ~WikiText
```
<a href="chemin-de-l-image/image.png" target="_blank">[img width="taille-en-pixels" [tooltip-de-l-image|chemin-de-l-image/image.png]]</a>
```
<a href="https://cloud.openmailbox.org/public.php?service=files&t=47Is0T5JHbEE4RB" target="_blank">[img width=128 [TiddlyWiki cat|https://cloud.openmailbox.org/public.php?service=files&t=47Is0T5JHbEE4RB&download]]</a>
!!Image cliquable affichée dans une Lightbox
#Installation: http://ibox.tiddlyspot.com/#Installation
#Importer l'image par glisser-déposé dans votre TW (pas dans un tiddler mais directement).
#Spécifier le type d'image (ex: `image/png`), vous pouvez aussi ajouter une légende en ajoutant un champ `caption`.
#Pour afficher la miniature ajoutez le code:
```
<<ibox image.png>>
```
!!!ibox avec image externe
```
<<ibox "chemin-de-l-image/image.png" "nom-affiché-dans-la-lightbox">>
```
<<ibox "https://cloud.openmailbox.org/public.php?service=files&t=47Is0T5JHbEE4RB&download" "~TiddlyWiki cat">>
Le site [[PDFy|https://pdf.yt]] est un service d'hébergement et de partage de fichiers PDF.
Ajoutez à votre tiddler:
```
<iframe src="https://pdf.yt/d/t2mmFSyfwa0vLKxQ/embed?sparse=0" style="width: 100%; height: 700px; border: 0px;" allowfullscreen></iframe>
```
<iframe src="https://pdf.yt/d/t2mmFSyfwa0vLKxQ/embed?sparse=0" style="width: 100%; height: 700px; border: 0px;" allowfullscreen></iframe>
<i class="fa fa-thumb-tack" style="color:#E74C3C"></i> Source: http://tiddlywiki.com/#ScrollableWidget
Ajouter à votre feuille de style:
```
.tc-scrollable { border: 1px solid #cfd6e6; background-color: #ecf2ff; padding: 1em; height: 400px; }
```
Et ajoutez à votre tiddler:
```
<$scrollable class='tc-scrollable'>
{{Nom-du-tiddler-à-afficher}}
</$scrollable>
```
<i class="fa fa-sign-in"></i>
Pour un exemple voir //Références de formatage// dans [[Formatage de texte]].
Le site [[uMap|http://umap.openstreetmap.fr]] permet de créer des cartes personnalisées sur des fonds [[OpenStreetMap|http://openstreetmap.fr/]] et les afficher dans votre wiki.
Ajoutez à votre tiddler:
```
<iframe width="100%" height="500px" frameBorder="0" src="http://adresse-du-lien-généré"></iframe>
```
<iframe width="100%" height="500px" frameBorder="0" src="http://umap.openstreetmap.fr/fr/map/anonymous-edit/28126%3Ajhmix_BG2p4hZNZeey_WlCnHgDg"></iframe>
Ajoutez à votre tiddler:
```
<iframe src="http://adresse-du-site" style="width:100%;height:600px;border:0;"/>
```
<br>
<iframe src="http://www.blog-libre.org/" style="width:100%;height:550px;border:0;"/>
Avec le code `embed` vous pouvez utiliser des services en ligne directement dans votre wiki.
Ajoutez à votre tiddler:
```
<iframe width="560" height="315" src="http://adresse-de-la-vidéo" frameborder="0" allowfullscreen></iframe>
```
Il faut penser à remplacer `watch?v=` par `embed`
<iframe width="560" height="315" src="http://www.youtube.com/embed/RSTxUXquegA" frameborder="0" allowfullscreen></iframe>
<<<
Le plugin KeyboardSnippets permet d'utiliser les raccourcis claviers pour formater le texte avec la syntaxe ~WikiText
<<<
*Auteur : ''Danielo Rodriguez''
*http://braintest.tiddlyspot.com/ <i class="fa fa-external-link-square" style="color:#60B643"></i>
Installer le depuis http://braintest.tiddlyspot.com/#keyboard-snippets <i class="fa fa-external-link-square" style="color:#60B643"></i> et importer le tiddler suivant:
```
$:/plugins/danielo/keyboardSnippets
```
<i class="fa fa-exclamation-triangle"></i> Le plugin KeyboardSnippets n'est pas compatible avec le plugin ~CodeMirror.
!!Ajouter une aide contextuelle
On peut personnaliser le contenu du texte présent en mode édition, pour ainsi avoir sous les yeux la liste des raccourcis utiles. Éditer le tiddler suivant:
```
$:/language/EditTemplate/Body/Hint
```
On peut ainsi rajouter une liste des raccourcis claviers courants, combiné au plugin FontAwesome :
```
Ce wiki utilise le plugin KeyboardSnippets :
ctrl+b <i class="fa fa-bold"></i>
ctrl+i <i class="fa fa-italic"></i>
ctrl+u <i class="fa fa-underline"></i>
alt+s <i class="fa fa-strikethrough"></i>
ctrl+alt+l <i class="fa fa-link"></i>
ctrl+s <i class="fa fa-subscript"></i>
ctrl+l <i class="fa fa-list-ul"></i>
ctrl+o <i class="fa fa-list-ol"></i>
alt+t <i class="fa fa-table"></i>
ctrl+k (code)
ctrl+alt+t (transclusion).
```
Ce qui affiche en mode édition:
Ce wiki utilise le plugin KeyboardSnippets :
ctrl+b <i class="fa fa-bold"></i>
ctrl+i <i class="fa fa-italic"></i>
ctrl+u <i class="fa fa-underline"></i>
alt+s <i class="fa fa-strikethrough"></i>
ctrl+alt+l <i class="fa fa-link"></i>...
<$image source=<<image>> width="100%" height="100%"/><$reveal type=match text="" default=<<caption>>><$transclude tiddler=<<image>> field=caption/></$reveal><$reveal type=nomatch text="" default=caption><<caption>></$reveal>
Pour afficher des listes en colonnes, ajoutez à votre CSS:
```
.deuxcolonnes { display:block;
column-count:2;
-moz-column-count:2;
-webkit-column-count:2;}
.troiscolonnes { display:block;
column-count:3;
-moz-column-count:3;
-webkit-column-count:3;}
...
```
Et éditez votre tiddler avec:
```
@@.deuxcolonnes
*a
*b
*c
*d
@@
```
Ce qui donne avec deux colonnes:
@@.deuxcolonnes
*a
*b
*c
*d
@@
<dl class="tb5-markup">
<dt>
```
''bold''
```
</dt>
<dd>''bold''</dd>
<dt>
```
//italics//
```
</dt>
<dd>//italics//</dd>
<dt>
```
''//bold italics//''
```
</dt>
<dd>''//bold italics//''</dd>
<dt>
```
__underline__
```
</dt>
<dd>__underline__</dd>
<dt>
```
~~strikethrough~~
```
</dt>
<dd>~~strikethrough~~</dd>
<dt>
```
super^^script^^
```
</dt>
<dd>super^^script^^</dd>
<dt>
```
sub,,script,,
```
</dt>
<dd>sub,,script,,</dd>
<dt>
```
foo -- bar
foo --- bar
```
</dt>
<dd>foo -- bar (En dash)<br>foo --- bar (Em dash)<br></dd>
<dt>
```
!Heading 1
!!Heading 2
!!!Heading 3
```
</dt>
<dd>
!Heading 1
!!Heading 2
!!!Heading 3
</dd>
<dt>
```
---
horizontal rules
<hr>
```
</dt>
<dd>
---
horizontal rules
<hr>
</dd>
<dt><pre>`code`</pre></dt>
<dd>`code` ...via backticks</dd>
<dt><pre>``with `backticks` ``</pre></dt>
<dd>``with `backticks` ``</dd>
<dt>
<pre>```
monospaced
codeblock
```</pre>
</dt>
<dd>
```
monospaced
codeblock
```
</dd>
<dt>
```
"""
force
hard
linebreaks
like
this...
"""
```
</dt>
<dd>
"""
force
hard
linebreaks
like
this...
"""
</dd>
<dt>
```
...since
new paragraphs
need two linebreaks
in tw5
```
</dt>
<dd>
...since
new paragraphs
need two linebreaks
in tw5
</dd>
<dt>
```
> block
>> quotes
>>> are </dd>easy
```
</dt>
<dd>
> block
>> quotes
>>> are <br>easy
</dd>
<dt>
```
<<<
real
easy
<<<
```
</dt>
<dd>
<<<
real
easy
<<<
</dd>
<dt>
```
* unordered
** list
```
</dt>
<dd>
* unordered
** list
</dd>
<dt>
```
# ordered
## list
```
</dt>
<dd>
# ordered
## list
</dd>
<dt>
```
;definition
:term
```
</dt>
<dd>
;definition
:term
</dd>
<dt>
```
# mixed
#* lists
#;you
#:know
#>like so
```
</dt>
<dd>
# mixed
#* lists
#;you
#:know
#>like so
</dd>
<dt>
```
!.h1-class.red CSS
#.li-class.red classes
*.li-class.red can be
;.dt-class.red assigned
:.dd-class.red like
>.blockquote-class.red this
```
</dt>
<dd>
!.h1-class.red CSS
#.li-class.red classes
*.li-class.red can be
;.dt-class.red assigned
:.dd-class.red like
>.blockquote-class.red this
</dd>
<dt>
```
[[The Tiddler]]
[[pretty title|The Tiddler]]
```
</dt>
<dd>
[[The Tiddler]]<br>
[[pretty title|The Tiddler]]
</dd>
<dt>
```
CamelCase
~SuppressedCamelCase
```
</dt>
<dd>
CamelCase<br>
~SuppressedWikiLink
</dd>
<dt>
```
http://tiddlywiki.com
[[pretty|http://pretty.com]]
~http://not.alink.com
```
</dt>
<dd>
http://tiddlywiki.com<br>
[[google|http://google.com]]<br>
~http://not.alink.com
</dd>
<dt>
```
file://///windows/network<br>
file:///c:/Windows/foo<br>
file:///linux/local<br>
```
</dt>
<dd>
file://///windows/network<br>
file:///c:/Windows/foo<br>
file:///linux/local<br>
`file:///` only via local tw!
</dd>
<dt>
```
[ext[forced.link.com]]
[ext[tw|tiddlywiki.com]]
[ext[foo|file:///c:/foo]]
[ext[relative/path]]
```
</dt>
<dd>
[ext[forced.link.com]]<br>
[ext[tw|tiddlywiki.com]]<br>
[ext[foo|file:///c:/foo]]<br>
[ext[relative/path]]
</dd>
<dt>
```
[img[example.jpg]]
[img[tooltip|example.jpg]]
[img width=16 [example.jpg]]
[img class="tc-image" [example.jpg]]
```
</dt>
<dd>
[img[http://www.tiddlywiki.com/favicon.ico]]<br>
[img[tooltip|http://www.tiddlywiki.com/favicon.ico]]<br>
[img width=16 [http://www.tiddlywiki.com/favicon.ico]]<br>
[img class="tc-image" [http://www.tiddlywiki.com/favicon.ico]]
</dd>
<dt>
```
[img[http://www.tiddlywiki.com/favicon.ico]]
[img[path/image.jpg]]
```
</dt>
<dd>
[img[http://www.tiddlywiki.com/favicon.ico]]
</dd>
<dt>
```
[img width={{!!mywidth}} class=<<image-classes>> [example.jpg]]
{{example.jpg}}
```
</dt>
<dd>
params via
[[transclusion|http://tiddlywiki.com/#Transclusion%20in%20WikiText]] or
[[macro|http://tiddlywiki.com/#Macros%20in%20WikiText]]<br><br><br>
embed via transclusion
</dd>
<dt>
```
@@.myStyleClass.red
;term
:definition
@@
```
</dt>
<dd>
@@.myStyleClass.red
;term
:definition
@@
</dd>
<dt>
```
@@color:red;
;css styles
:apply directly like this
@@
@@color:red; or this @@
```
</dt>
<dd>
@@color:red;
;css styles
:apply directly like this
@@
@@color:red; or this @@
</dd>
<dt>
```
@@.tc-tiddler-frame
@@width:200px;height:50px;
or combine both
@@
```
</dt>
<dd>
@@.tc-tiddler-frame
@@width:200px;height:50px;
or combine both
@@
</dd>
<dt>
```
@@.purple Am I purple?@@
<style>
.purple{color:purple;}
</style>
```
</dt>
<dd>
@@.purple Am I purple?@@
<style>
.purple{color:purple;}
</style>
</dd>
<dt style="font-size:80%;">
```
| !Header | !Header | Mhhh ?!? |
|^NE |^ N |^ NW|
|W | ✦ | E|
|,SW |, S |, SE|
|merge|left|<|
|and|now| vertical |
|>| right|~|
```
</dt>
<dd style="font-size:80%;">
| !Header | !Header | Mhhh ?!? |
|^NW |^ @@padding:0 7px 14px 7px;display:block; N@@ |^ NE|
|W | ✦ | @@padding:7px 0;display:block; E@@|
|,SW |, @@padding:14px 7px 0 7px;display:block; S@@ |, SE|
|merge|left|<|
|and|now| vertical |
|>| right|~|
</dd>
<dt>
```
<article class="hello">
HTML tags work like that.
<!-- even comments -->
</article>
```
</dt>
<dd>
<article class="hello">
HTML tags work like that.
<!-- even comments -->
</article>
</dd>
<dt>
```
<a href={{TiddlerWithURL}}>link</a>
<b class=<<getClass>>>bold</b>
```
</dt>
<dd>
<a href={{TiddlerWithURL}}>link</a>
<b class=<<version>>>bold</b>
set attributes via transclusion or macro
</dd>
<dt>
```
<div address="""attribute,
"quoted",
with,
linebreaks.""">inspect me!</div>
```
</dt>
<dd>
<div address="""attribute,
"quoted",
with,
linebreaks.""">inspect me!</div>
</dd>
<dt>
```
*nest<div>
;via
:html
</div>
```
</dt>
<dd>
*nest <div>
;via
:html
</div>
</dd>
<dt>
```
{{Foo}}
{{Foo||Bar}}
{{||Foo}}
{{Foo!!bar}}
{{!!bar}}
{{Foo##index}}
{{##index}}
{{{ [tag[Foo]] }}}
{{{ [tag[Foo]] ||Bar}}}
```
</dt>
<dd>
» [[transcludes|http://tiddlywiki.com/#Transclusion%20in%20WikiText]] tiddler `Foo`<br>
» `Foo` with template `Bar`<br>
» template `Foo` for `CurrentTiddler`<br>
» field `bar` of `Foo`<br>
» field `bar` of `CurrentTiddler`<br>
» `index` of datatiddler `Foo`<br>
» `index` of `CurrentTiddler` (=data)<br>
» list of tiddlers tagged `Foo`<br>
» same using template `Bar`
</dd>
<dt>
```
\define run(foo:'bar') [[$foo$]]
<<run "foo bar">>
```
</dt>
<dd>
» defines macro `run`<br>
» with parameter `foo`<br>
» whose value defaults to `bar`<br>
» outputs a link to value of param:<br>
[[foo bar]]
</dd>
<dt>
```
\define test()
I am $(x)$.
\end
<$set name="x" value="y
of z">
<<test>>
</$set>
```
</dt>
<dd>
» defines macro test which<br>
» outputs value of variable x<br><br>
» sets variable x to: "y<br>
of z" //(multiline allowed)//<br>
» runs macro test which outputs:<br>
"I am y of z."
</dd>
<dt>
```
\define test(x, y, z:'0')
$x$ $y$ $z$
\end
<$macrocall
$name="test"
x=<<version>>
y={{!!title}}/>
```
</dt>
<dd>
» defines macro test<br>
» outputs 3 params<br><br>
» calls test via macrocall widget<br>
» using macro version as param x<br>
» and transclusion as param y<br><br>
» outputs:<br>
<<version>> Markup 0
</dd>
<dt>
```
$$$text/unknown
plain text, not //formatted//
$$$
```
</dt>
<dd>
$$$text/unknown
plain text, not //formatted//
$$$
<br>
These are [[Typed Blocks|http://tiddlywiki.com/#Typed%20Blocks%20in%20WikiText]]
</dd>
<dt>
```
$$$image/svg+xml
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="100">
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="green" />
</svg>
$$$
```
</dt>
<dd>
$$$image/svg+xml
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="100">
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="green" />
</svg>
$$$
</dd>
<dt>
```
$$$.svg
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="100">
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
</svg>
$$$
```
</dt>
<dd>
$$$.svg
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="100">
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
</svg>
$$$
</dd>
<dt>
```
$$$text/vnd.tiddlywiki>text/html
This is ''some'' wikitext
$$$
```
</dt>
<dd>
$$$text/vnd.tiddlywiki>text/html
This is ''some'' wikitext
$$$
</dd>
<dt>
```
$$$text/vnd.tiddlywiki>text/plain
This is ''some'' wikitext
$$$
```
</dt>
<dd>
$$$text/vnd.tiddlywiki>text/plain
This is ''some'' wikitext
$$$
</dd>
</dl>
<style>
dl.tb5-markup{
overflow:hidden;
}
dl.tb5-markup .red{
color:red;
}
.tb5-markup > dt{
display:block;
float:left;
clear:left;
margin:2% 1em 0 0;
padding;
font-weight:normal;
width:48%;
}
.tb5-markup > dt > pre{
margin:0;
}
.tb5-markup > dd{
display:block;
float:left;
width:48%;
margin:1em 0 0 0;
padding:0;
}
.tb5-markup > dd > p,
.tb5-markup > dd > h1,
.tb5-markup > dd > pre,
.tb5-markup > dd > ul,
.tb5-markup > dd > ol,
.tb5-markup > dd > dl,
.tb5-markup > dd > table,
.tb5-markup > dd > blockquote,
.tb5-markup > dd > blockquote >p{
margin:0;
}
.tb5-markup .tc-image{
width:16px;
}
</style>
<div class="tc-table-of-contents">
<<toc-selective-expandable 'Menu'>>
</div>
<i class="fa fa-refresh"></i> 21/09/2015
*Nouvelle URL du site
*Changement titre et logo
*Changement URL dans [[A propos]]
*Mise à jour liens dans [[Héberger son TiddlyWiki]]
<i class="fa fa-refresh"></i> 13/09/2015
*Changement hébergement des images
<i class="fa fa-refresh"></i> 12/07/2015
*Mise à jour TW version 5.1.9
<i class="fa fa-refresh"></i> 07/06/2015
*Correction dans [[TOC exemple onglet externe]]
*Ajout exemple dans [[TOC exemple onglet externe]]
*Ajout [[A faire]] dans dans [[Créer une ToDo liste]]
*Suppression source dans [[Personnaliser les tableaux]]
*Amélioration du poisson dans [[Débuter avec TiddlyWiki]]
*Changement affichage tags avec macro
<i class="fa fa-refresh"></i> 31/05/2015
*Ajout plugin library dans [[Plugins]]
*Ajout opérateur nsort dans [[Créer des onglets]]
*Mise en forme dans [[Ressources internet]]
*Ajout de wikis dans [[Ressources internet]]
*Ajout exemples dans [[Table des matières]]
<i class="fa fa-refresh"></i> 25/05/2015
*Correction syntaxe dans [[Styles personnalisés]]
*Mise à jour source dans [[Filtres]]
*Changement URL dépôt dans [[Héberger son TiddlyWiki]]
<i class="fa fa-refresh"></i> 14/05/2015
*Nouvelle URL du site
*Mise à jour lien GN dans [[Héberger son TiddlyWiki]]
*Changement URL dépôt dans [[A propos]]
<i class="fa fa-refresh"></i> 02/05/2015
*Correction lien GN dans [[Héberger son TiddlyWiki]]
*Correction adresse dans [[Ajouter son TiddlyWiki]]
*Ajout source dans $:/SiteTitle et favicon
*Changement sous-titre
<i class="fa fa-refresh"></i> 26/04/2015
*Amélioration rendu pour les codes
*Mise à jour dans [[Héberger son TiddlyWiki]]
*Ajout précision dans [[Ajouter un onglet dans la barre latérale]]
*Ajout masquer une entrée dans [[Filtres]]
*Mise en forme Licence
<i class="fa fa-refresh"></i> 19/04/2015
*Correction mise en forme dans [[Plugins]]
*Correction du style des codes
*Mise à jour TW version 5.1.8
<i class="fa fa-refresh"></i> 15/04/2015
*Correction logo
*Changement favicon
*Ajout logo dans $:/SiteTitle
<i class="fa fa-refresh"></i> 14/04/2015
*Correction ~TiddlyNotes dans [[Plugins]]
*Ajout style dans [[Débuter avec TiddlyWiki]]
*Mise en forme dans [[Formatage de texte]]
*Ajout plugin Highlight dans [[Plugins]]
*Ajout plugin Highlight pour les codes
<i class="fa fa-refresh"></i> 11/04/2015
*Correction syntaxe Bitbucket
*Mise en forme dans [[Héberger|Héberger son TiddlyWiki]]
<i class="fa fa-refresh"></i> 09/04/2015
*Mise en forme dans [[A propos]]
*Changement position bannière
<i class="fa fa-refresh"></i> 29/03/2015
*Correction exemple dans NomTiddler
<i class="fa fa-refresh"></i> 18/03/2015
*Ajout de [[TWoTWs]] dans [[Ressources internet]]
*Correction syntaxique générale
<i class="fa fa-refresh"></i> 10/03/2015
*Ajout [[Table des matières]]
*Ajout [[Afficher la liste des tags]] dans [[Trucs et astuces]]
<i class="fa fa-refresh"></i> 02/03/2015
*Ajout contact et lien dépôt Bitbucket dans [[A propos]]
*Ajout lien externe vers ~LinuxNotes/Les bases de Git dans [[Héberger son TiddlyWiki]]
<i class="fa fa-refresh"></i> 28/02/2015
*Mise en ligne de ~TiddlyNotes
<br>
Montrer les <$select field='num_recent'>
<$list filter="10 20 30 40">
<option><<currentTiddler>></option>
</$list>
</$select> tiddlers modifiés le plus récemment:
<$list filter='[!is[system]has[modified]!sort[modified]limit{!!num_recent}]-[[Mises à jour]]'>
<$link to=<<currentTiddler>>><$view field='title'/></$link> - Modified on: <$view field='modified'/><br>
</$list>
!!!1. Modifier votre fichier dans le répertoire de travail
Vous pouvez aussi travailler sur une copie de votre ~TiddlyWiki et remplacer l'ancien fichier par le nouveau contenant les modifications.
!!!2. Vérifier le nouveau status
```c
$ git status
On branch master
Changes not staged for commit:
(use "git add file"... to update what will be committed)
(use "git checkout -- file"... to discard changes in working directory)
```
!!!3. Ajouter votre nouveau fichier
```c
$ git add index.html
```
On vérifie:
```c
$ git status
On branch master
Changes to be committed:
(use "git reset HEAD file..." to unstage)
modified: index.html
```
!!!4. Réaliser votre deuxième commit
```c
$ git commit -m "Add Table of contents"
```
et on vérifie le status du répertoire
```c
$ git status
On branch master
nothing to commit, working directory clean
```
!!!5. Poussez votre fichier vers le dépôt distant
```c
$ git push -u origin master
```
et on vérifie notre historique
```c
$ git log
commit 43628f779cb333dd30d78186499f93638107f70b
Author: [Votre_pseudo] [Votre_Email]
Date: Wed Mar 9 10:27:54 2011 -0500
Add Table of contents
commit 911e8c91caeab8d30ad16d56746cbd6eef72dc4c
Author: [Votre_pseudo] [Votre_Email]
Date: Wed Mar 9 10:27:54 2011 -0500
First Commit
```
<i class="fa fa-sign-in"></i> Pour un exemple voir [[Outils externes]].
<i class="fa fa-sign-in"></i> Pour un exemple voir [[Plugins]].
Pour travailler avec ~TiddlyWiki de manière simple et efficace, il existe TiddlyFox, une extension indispensable pour Firefox et TiddlyDesktop une application dédiée.
<<tabs "[tag[Outils externe]]" "TiddlyFox" "$:/state/tab2" "tc-vertical">>
~TiddlyWiki est extrêmement personnalisable, on peut modifier les thèmes, les couleurs, les polices... et utiliser des feuilles de style CSS.
<<list-links "[tag[Personnalisation]]">>
Vous pouvez appliquer un style CSS aux tableaux pour les personnaliser. Il suffit de l'ajouter à votre feuille de style ou dans un nouveau tiddler comme [[$:/.s/Tableaux]] avec le tag <<tag $:/tags/Stylesheet>>
Pour appliquer un style personnalisé au tableau, ajoutez dans votre tiddler ``|nom-du-style-du-tableau|k`` au début du tableau. Ce qui donne par exemple:
```
|block|k
|!Titre 1|!Titre 2|!Titre 3|
|Cell 1|Cell 2|Cell 3|
```
!!Block
|block|k
|!Titre 1|!Titre 2|!Titre 3|
|Cell 1|Cell 2|Cell 3|
|Cell 4|Cell 5|Cell 6|
|Cell 7|Cell 8|Cell 9|
!!Lignes marrons alternées
|brownaltrows|k
|!Titre 1|!Titre 2|!Titre 3|
|Cell 1|Cell 2|Cell 3|
|Cell 4|Cell 5|Cell 6|
|Cell 7|Cell 8|Cell 9|
!!Lignes horizontales
|rowstable|k
|!Titre 1|!Titre 2|!Titre 3|
|Cell 1|Cell 2|Cell 3|
|Cell 4|Cell 5|Cell 6|
|Cell 7|Cell 8|Cell 9|
<i class="fa fa-thumb-tack" style="color:#E74C3C"></i> Source: http://tiddlywiki.com/#Plugins
!Qu'est-ce qu'un plugin?
Un plugin dans ~TiddlyWiki est un faisceau de tiddlers emballés ensemble comme un seul tiddler. Les plugins sont utilisés pour distribuer en options des composants personnalisés pour ~TiddlyWiki.
Les tiddlers dans un plugin apparaissent comme des ~ShadowTiddlers.
Les plugins peuvent contenir des modules ~JavaScript, des feuilles de style, et des modèles pour étendre les fonctionnalités de ~TiddlyWiki. Les plugins peuvent également être utilisés pour distribuer un texte ordinaire, images ou tout autre contenu. Les plugins peuvent être mis à jour à partir de la source comme une unité.
!!Installer un plugin depuis la bibliothèque de plugins
# Ouvrez votre ~TiddlyWiki dans un navigateur internet
# Ouvrez [[$:/ControlPanel]], sélectionnez l'onglet ''Plugins'' et cliquez sur ''Get more plugins''
# Cliquez sur ''open plugin library'' pour ouvrir la bibliothèque de plugins
# Cliquez sur ''install'' pour installer le plugin
# Sauvegardez votre ~TiddlyWiki
# Rafraîchissez la fenêtre
# Le plugin est maintenant disponible
!!Installer un plugin manuellement
# Ouvrez votre ~TiddlyWiki dans un navigateur internet
# Dans une autre fenêtre, ouvrez le site du plugin et trouvez le lien du plugin sous la forme $:/plugins/auteur/nom-du-plugin
# Déplacez le lien du plugin vers l'onglet qui contient votre ~TiddliWiki
# Sauvegardez votre ~TiddlyWiki
# Rafraîchissez la fenêtre
# Le plugin est maintenant disponible
!!Plugins utilisés dans ~TiddlyNotes
Liste des plugins utilisés dans [[TiddlyNotes|Débuter avec TiddlyWiki]].
<<tabs "FontAwesome KeyboardSnippets [[Github fork ribbon]] Highlight" "FontAwesome" "$:/state/tab1">>
<<<
Le style [[Pretty]] permet de mettre en avant un tiddler ou du texte.
<<<
*Auteur: ''Tobias Beer''
*[[http://style.tiddlyspot.com/#.tb styles|http://style.tiddlyspot.com/#%24%3A%2F.tb%2Fstyles]] <i class="fa fa-external-link-square" style="color:#60B643"></i>
Importer le tiddler suivant: [[$:/.s/styles/pretty]]
Utilisation
```
<div class="pretty">
{{Tiddler}} ou texte
</div>
```
Ce qui donne (avec une transclusion)
<div class="pretty">
{{A propos}}
</div>
Ou avec du texte
<div class="pretty">
:Avec du texte
</div>
<br>
Et vous pouvez très bien combiner ce style avec une [[scrollbox|Insérer un tiddler dans une scrollbox]].
Il existe beaucoup de sites créés par la [[communauté|http://tiddlywiki.com/#Community]] autour de ~TiddlyWiki avec des guides, des astuces... Visitez les et obtenez le meilleur de ~TiddlyWiki: plugins, macros et bien plus encore. En voici une petite sélection...
@@.sim
Le site [[TiddlyWiki Community Search|https://rawgit.com/erwanm/tw-aggregator/master/tw-community-search.html#]] propose un moteur de recherche de wikis créés par la communauté.
@@
!!Apprendre à utiliser ~TiddlyWiki
<dl>
<$list filter="[tag[Source]] +[sort[title]]">
<dt><$link>{{!!title}}</$link></dt>
<dd>{{!!url}}</dd>
<dd><i class="fa fa-tags"></i> {{!!description}}</dd>
<dd>» //{{!!summary}}//</dd>
<dd><i class="fa fa-male"></i> {{!!author}}</dd>
</$list>
</dl>
!!Actu et Forum
:<i class="fa fa-twitter"></i> [[TiddlyWiki sur Twitter|https://twitter.com/TiddlyWiki]]
::pour suivre les dernières news
:<i class="fa fa-users"></i> [[Forum de la communauté|https://groups.google.com/forum/#!forum/tiddlywiki]]
::pour toutes vos questions
!!Wikis de la Communauté
<dl>
<$list filter="[tag[Communauté]] +[sort[author]]">
<dt><$link>{{!!title}}</$link></dt>
<dd>{{!!url}}</dd>
<dd><i class="fa fa-tag"></i> {{!!description}}</dd>
<dd>» //{{!!summary}}//</dd>
<dd><i class="fa fa-male"></i> {{!!author}}</dd>
</$list>
</dl>
Vous pouvez définir des styles personnalisés qui sont en fait des tiddlers avec le tag <<tag $:/tags/Stylesheet>>
On retrouve souvent les styles personnalisés sous la forme $:/style/auteur/nom-du-style
ou simplement $:/style/nom-du-style
Pour masquer vos tiddlers de feuille de style de la recherche ou des listes, il est d'usage de les mettre comme des tiddlers système, en les nommant `$:/.mes-initiales/Style/nom-du-style`. Vous les trouverez désormais dans la barre latérale, onglet ''Plus'' > ''Système''.<br>
Si vous importez un style sans le modifier, vous pouvez simplement le renommer `$:/_style/nom-du-style`
<<tabs "[tag[Style]]" "Traffic lights buttons" "$:/state/tab1">>
<i class="fa fa-thumb-tack" style="color:#E74C3C"></i> Source: [[http://tiddlywiki.com/#Table-of-Contents Macros|http://tiddlywiki.com/#Table-of-Contents%20Macros]]
La [[macro Table des matières|http://tiddlywiki.com/#Table-of-Contents%20Macros]] produit un arbre hiérarchique de tiddlers basés sur leurs étiquettes.<br>
Les entrées de haut niveau de la table des matières sont définies par un tag source (ici <<tag Menu>>) et les sous-entrées sont étiquetées avec le titre du tiddler de niveau supérieur.<br> L’ordre des entrées peut être défini en [[utilisant un champ|Utiliser les champs]] `list` dans le tiddler de niveau supérieur.
Il existe plusieurs variantes de la macro `<<toc>>` qui permet de créer différentes sorte de table des matières.<br>Pour afficher une table des matières, on utilise une classe CSS et le tag à utiliser.
<<tabs "[tag[toc]nsort[order]]" "Simple" "$:/state/tab1" "tc-vertical">>
L'ordre d'affichage des entrées dans la table des matières peut être personnalisé en utilisant un opérateur `sort` suivi du nom du champ à utiliser comme par exemple `<<toc-expandable "Menu" "sort[title]">>`.
!!Ajouter un onglet dans la barre latérale pour afficher la [[Table des matières]]
<i class="fa fa-thumb-tack" style="color:#E74C3C"></i> Source: [[http://tiddlywiki.com/#How to add a new tab to the sidebar|http://tiddlywiki.com/#How%20to%20add%20a%20new%20tab%20to%20the%20sidebar]]
Pour créer un nouvel onglet dans la barre latérale de menu:
#Créer un tiddler avec le tag <<tag $:/tags/SideBar>>
#*Pour créer une table des matières vous pouvez utiliser une [[macro Table des matières|Table des matières]]. Par exemple, regardez le [[Menu]] utilisé ici.
#Par défaut, le titre du tiddler est utilisé comme nom de l'onglet mais vous pouvez le changer en [[utilisant un champ|Utiliser les champs]] `caption`.
#Pour définir l'ordre d'affichage, utilisez un champ `list-after` ou `list-before`.
Par exemple ajoutez le champ `list-before` avec `$:/core/ui/SideBar/Open` dans le tiddler Menu pour ajouter l'onglet au début.
Chaque onglet est défini par un tiddler shadow du type `$:/core/ui/SideBar/...`
https://tobibeer.github.io/tb5/#list-search
En ajouter une à [[Trucs et astuces]]
*Auteur: ''David Gifford''
*http://notestorm.giffmex.org/
Importer le tiddler suivant: [[$:/.s/styles/textboxes]]
Utilisation
```
<span class="textboxwhite">
{{Tiddler}} ou texte
</span>
```
Ce qui donne
<span class="textboxwhite">
Avec du texte
</span>
TiddlyDesktop est une application de bureau qui permet de travailler directement sur les fichiers HTML de ~TiddlyWiki (sans passer par un navigateur web). Il est multiplatforme basé sur le logiciel Open Source ''node-webkit''.
* http://tiddlywiki.com/#TiddlyDesktop <i class="fa fa-external-link-square" style="color:#60B643"></i>
* Télécharger: https://github.com/Jermolene/TiddlyDesktop/releases <i class="fa fa-download" style="color:#2C3E50"></i>
*Sources: https://github.com/Jermolene/TiddlyDesktop <i class="fa fa-github" style="color:#2C3E50"></i>
TiddlyFox est une extension pour le navigateur web ''Mozilla Firefox'' qui permet de sauvegarder automatiquement les modifications faites dans votre ~TiddlyWiki.
*http://tiddlywiki.com/#TiddlyFox <i class="fa fa-external-link-square" style="color:#60B643"></i>
*Télécharger: https://addons.mozilla.org/fr/firefox/addon/tiddlyfox/ <i class="fa fa-download" style="color:#2C3E50"></i>
*Sources: https://github.com/TiddlyWiki/TiddlyFox/ <i class="fa fa-github" style="color:#2C3E50"></i>
```
<div class="tc-table-of-contents">
<<toc-expandable "Nom-du-tag">>
</div>
```
>Produit un arbre hiérarchique de liens où les sous entrées peuvent être développées et réduites.
<br>__Exemple__
<div class="tc-table-of-contents">
<<toc-expandable "toc exemple">>
</div>
```
<$macrocall
$name="toc-tabbed-external-nav"
tag="Nom-du-tag"
selectedTiddler="$:/temp/toc/selectedTiddler"
unselectedText="<p>Sélectionnez une entrée dans le menu. Cliquez sur la flèche pour développer.</p>"
missingText="<p>Tiddler manquant.</p>"
/>
```
<<<
Produit un tableau de bord à deux panneaux où les entrées sont affichées dans le panneau gauche et le contenu des tiddlers est affiché dans le panneau droit.
Les liens vers des tiddlers sont ouverts dans un nouveau tiddler externe.
<<<
<br>__Exemple__
<$macrocall
$name="toc-tabbed-external-nav"
tag="toc exemple"
selectedTiddler="$:/temp/toc/selectedTiddler"
unselectedText="<p>Sélectionnez une entrée dans le menu. Cliquez sur la flèche pour développer.</p>"
missingText="<p>Tiddler manquant.</p>"
/>
```
<$macrocall
$name="toc-tabbed-internal-nav"
tag="Nom-du-tag"
selectedTiddler="$:/temp/toc/selectedTiddler"
unselectedText="<p>Sélectionnez une entrée dans le menu. Cliquez sur la flèche pour développer.</p>"
missingText="<p>Tiddler manquant.</p>"
/>
```
<<<
Produit un tableau de bord à deux panneaux où les entrées sont affichées dans le panneau gauche et le contenu des tiddlers est affiché dans le panneau droit.
Les liens vers des tiddlers sont ouverts dans le panneau droit.
<<<
<br>__Exemple__
<$macrocall
$name="toc-tabbed-internal-nav"
tag="toc exemple"
selectedTiddler="$:/temp/toc/selectedTiddler"
unselectedText="<p>Sélectionnez une entrée dans le menu. Cliquez sur la flèche pour développer.</p>"
missingText="<p>Tiddler manquant.</p>"
/>
```
<div class="tc-table-of-contents">
<<toc "Nom-du-tag">>
</div>
```
>Produit un simple arbre hiérarchique de liens.
<br>__Exemple__
<div class="tc-table-of-contents">
<<toc "toc exemple">>
</div>
```
<div class="tc-table-of-contents">
<<toc-selective-expandable "Nom-du-tag">>
</div>
```
>Produit un arbre hiérarchique de liens où les sous entrées peuvent être développées et réduites mais uniquement quand il existe des sous entrées.
<br>__Exemple__
<div class="tc-table-of-contents">
<<toc-selective-expandable "toc exemple">>
</div>
<i class="fa fa-thumb-tack" style="color:#E74C3C"></i> Source: [[https://tobibeer.github.io/tb5/#Autocollapsing ToC|https://tobibeer.github.io/tb5/#Autocollapsing%20ToC]]
Importer la macro $:/.tb/macros/toc-auto-collapse
```
<div class="tc-table-of-contents">
<<toc-selective-single-expandable "Nom-du-tag">>
</div>
```
<<<
Produit un arbre hiérarchique de liens où les sous entrées peuvent être développées et réduites mais uniquement quand il existe des sous entrées.
Les sous entrées se referme automatiquement quand une autre entrée est sélectionnée.
<<<
<br>__Exemple__
<div class="tc-table-of-contents">
<<toc-selective-single-expandable "toc exemple">>
</div>
<<<
Le style [[Traffic lights buttons]] permet d'ajouter les couleurs d'un feu tricolore aux bouttons affichés en mode édition.
<<<
*Auteur: ''David Gifford''
*http://www.giffmex.org/tw5mall.htm <i class="fa fa-external-link-square" style="color:#60B643"></i>
Installer le depuis [[http://tb5.tiddlyspot.com/#Edit Buttons As Traffic Lights|http://tb5.tiddlyspot.com/#Edit%20Buttons%20As%20Traffic%20Lights]] <i class="fa fa-external-link-square" style="color:#60B643"></i> et importer le tiddler suivant:
```
$:/styles/traffic-light-buttons
```
!Un peu en vrac...
<dl>
<$list filter="[tag[Trucs et astuces]] +[sort[title]]">
<dt><$link>{{!!title}}</$link></dt>
<dd>» {{!!description}}</dd>
</$list>
</dl>
<i class="fa fa-thumb-tack" style="color:#E74C3C"></i> Source: http://tiddlywiki.com/#Tagging
Le système de tag dans ~TiddlyWiki permet d'assigner une catégorie à un tiddler. Plusieurs tags différents peuvent être assignés sur un même tiddler.<br> Les tags sont utilisés principalement de gérer une [[Table des matières]] car ils permettent de hiérarchiser votre menu avec un système //parents/enfants//.
>Cliquer sur un tag permet d'afficher tous les tiddlers associés à ce tag: <<tag CSS>>
!!Gestion des tags
Vous pouvez visualiser l'ensemble des tags de votre wiki en passant par la barre latérale (//~SideBar//), onglet ''Plus'' > ''Tags'' qui affiche la liste des tags utilisés et le nombre de tiddler associés.
Le bouton ''gestionnaire de tags'' (qui correspond au tiddler système [[$:/TagManager]]) permet de gérer et de personnaliser les tags dans TiddlyWiki. Il est possible de changer leurs couleurs et d'ajouter des icônes.
!!Chercher et remplacer un tag
{{Chercher et remplacer un tag}}
<i class="fa fa-thumb-tack" style="color:#E74C3C"></i> Source: [[https://tobibeer.github.io/tb5/#Conditional Summary|https://tobibeer.github.io/tb5/#Conditional%20Summary]]
Dans un tiddler, les champs permettent de spécifier l'ordre d'une liste (champ `list`), ou de renseigner diverses informations (URL, auteur, description...). C'est champs seront alors utilisés dans les [[Filtres]].
Exemple de quelques champs:
|!Nom du champ |!Description |
|`list` |Créer une liste ordonnée |
|`caption` |Afficher un nom différent du titre du tiddler|
|`summary` |Afficher un résumé |
|`description` |Texte de description |
|`url` |Ajouter une url |
|`author` |Spécifier un auteur |
Par défaut les champs utilisés dans un tiddler ne sont pas affichés dans le tiddler. Vous pouvez activer la visualisation du champ de votre choix (//Modèle de vue conditionnel//), ainsi __tous les tiddlers avec ce champ l'afficheront__.
Par exemple, pour afficher le champ `summary`, importez le tiddler [[$:/.tb/ui/ViewTemplate/summary]] dans votre ~TiddlyWiki. Vous pouvez désormais ajouter un champ `summary` à votre tiddler qui s'affichera en haut comme ici.
!!Modèle de vue conditionnel
<i class="fa fa-thumb-tack" style="color:#E74C3C"></i> Source: [[https://tobibeer.github.io/tb5/#Conditional ViewTemplate Section|https://tobibeer.github.io/tb5/#Conditional%20ViewTemplate%20Section]]
Pour afficher le champ de votre choix, créez un tiddler nommé [[$:/.tb/ui/ViewTemplate/url]] en remplacent `.tb` par vos initiales et `url` par le nom du champ et ajoutez le contenu (en remplacent là aussi `url` par le nom du champ):
```
<$list filter="[all[current]has[url]]">
<$transclude field="url" mode="block"/>
</$list>
```
Puis taggez votre tiddler avec <<tag $:/tags/ViewTemplate>>
Dans ce wiki, j'ai créé et personnalisé le modèle de vue conditionnel [[$:/.s/ui/ViewTemplate/author]] pour afficher le champ `author` en ''gras'' comme [[ici|TiddlyWiki]].
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
  This plugin button displays time with seconds and several time spans when clicked. The tool tip displays todays date minus 68 days. Clicking the time reveals time, time + 15 minutes, time + 30 minutes, and time + 45 minutes.<br>
  Simply drag [[$:/plugin/ajh/tiddlytime]] to the top of your tiddlywiki display, save and reload. It includes the tiddlers below packed for easy use:<br>
[[$:/time]]<br>
[[$:/info/timestamp]]<br>
[[$:/language/Buttons/Time/Caption]]<br>
[[$:/language/Buttons/Time/Hint]]<br>
[[$:/plugin/ajh/tiddlytime/DateTime.js]]<br>
[[$:/plugin/ajh/tiddlytime/icon]]<br>
[[$:/plugin/ajh/tiddlytime/stylesheet]]<br>
[[$:/plugin/ajh/tiddlytime/Time.js]]<br>
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
  This plugin displays external pages fully formatted instead of as just plain text. By adding a ''tiddly'' field and path to an external page, it recognizes to display the page in an object frame. [[Example Tiddly]]<br>
  <mark>@@color:red; ''WARNING'' @@</mark>: Use of Tiddly Viewer to display untrusted web sites could be a security risk.<br>
  Simply drag [[$:/plugin/ajh/tiddlyviewer]] to the top of your tiddlywiki display, save and reload.<br>
  It includes the tiddlers below packed for easy use:<br>
[[$:/plugin/ajh/tiddlyviewer/icon]]<br>
[[$:/plugin/ajh/tiddlyviewer/stylesheet]]<br>
[[$:/plugin/ajh/tiddlyviewer/template]]
A thesis notebook based on TiddlyWiki.
{{!!url}}
<<<
This is an example of a thesis notebook powered by TiddlyWiki 5.0.8-beta.
TiddlyWiki is a great piece of software created by Jeremy Ruston. It allows you, among other things, to take notes, organize ideas, store information, and display all your stuff the way you want. It is an incredibly flexible tool you can adapt to fit almost all your needs.
This TiddlyWiki has been customized to serve as a philosophy notebook centered around authors, books and papers, concepts and theories, and personal notes. I use it along with Zotero, which is a dedicated bibliography software. Both are free, open source projects. TiddlyWiki can be downloaded at http://tiddlywiki.com.
<<<
buggyj has created several useful plugins, including a WYSIWYG HTML editor, a configurable calendar and tag lists with draggable ordering.
{{!!url}}
A collection of customisations and macros from Danielo Rodriguez.
{{!!url}}
<<<
This is my personal tiddlywiki file for testing.
Here I will post the tools and Macros that I develop for this awesome tool. That way, all the help the comunity gave me can came back to the comunity again.
<<<
An adaptor to enable TiddlyWiki to sync changes with a [[CouchDB|http://couchdb.apache.org]] database.
{{!!url}}
<<<
CouchDB sync adaptor for TiddlyWiki 5. Requires TiddlyWiki >= 5.1.2.
Works in limited testing. Not sure how well it handles conflicts.
<<<
A guide to creating a baby journal with TiddlyWiki.
{{!!url}}
<<<
Keeping a journal about your baby is fun. It allows you to keep track of those events in your baby's life and development that are most important to you, and to tell them in your own words. [...]
There are plenty of online services that can help to keep such a diary, but you need to have an internet connection to access them, and you have to trust them to keep your data safe.
<<<
A collection of hints and tips from Jim Lehmer, published as a static blog generated by TiddlyWiki.
{{!!url}}
<<<
There is a decent write-up on generating static pages using Tiddlywiki on the main TW site. However, there are a few nuances not mentioned on that page, so here are a few of my notes on how I generate the pages for this site.
<<<
A plugin that allows to encrypt your tiddlers individually Danielo Rodriguez.
{{!!url}}
<<<
Advantages:
* You can specify a different password for each tiddler if you want.
* You don't have to encrypt your whole wiky.
* If you forget your password, you only lose a tiddler.
* It's possible to edit the tiddler content , tags and fields except the encrypt field after encryption.
* [...]
<<<
An adaptation of the [[TiddlyWiki powered GTD® system formerly known as MonkeyGTD|http://mgsd.tiddlyspot.com/]] for TiddlyWiki version 5.
{{!!url}}
<<<
GSD5 is a Getting-Thing-Done tool for TiddlyWiki5 based off the mGSD classic TiddlyWiki.
<<<
A guide in Russian to creating an online shop with TiddlyWiki. No serverside code is needed, instead orders are handled by Disqus.
{{!!url}}
An extensive collection of hints and tips from Jed Carty.
{{!!url}}
<<<
I made this so that some of my friends with absolutely no coding experience could use some of the better features of TW5 without having to learn much. I am hopefully going to continue updating it as I learn new things. There isn't really anything here that isn't available in plenty of other places, but I figured that since I spent a while putting it together and people keep saying that TW needs more documentation I would post it here.
<<<
A step by step guide to running TiddlyWiki on a ~CentOS Virtual Private Server.
{{!!url}}
<<<
In this tutorial we will guide you through the steps of installing and running TiddlyWiki on a ~CentOS 6 VPS.
We will also install and configure Nginx as a reverse proxy, so you can run TiddlyWiki behind Nginx.
<<<
A Spanish guide to using TiddlyWiki on Android.
{{!!url}}
<<<
Tiddlywiki software is prodigious based on javascript which is capable of holding a notepad that can be edited with Internet Explorer or function as a full blog, contained in a single file.
<<<
//Translation by Google Translate//
A quick guide to using TiddlyWiki (written in German)
{{!!url}}
<<<
Those using multiple different computer platforms (if only PC and Android) knows for certain: You would like to sync notes across computers and thereby be independent of any apps or services. I am concerned at any rate so and so I am constantly looking for the perfect solution.
With TiddlyWiki I found it mostly. As the name suggests, it TiddlyWiki is a Wikisystem. In contrast to all other wikis, TiddlyWiki is a single HTML file that runs in the browser and thus can be used on all modern operating systems. And because there is only one file, it can be very easily via the well-known cloud services (Dropbox, Google Drive, ownCloud) or synchronized with FTP or used on a USB stick.
<<<
(Translation from German by Google Translate)
A fast Forth interpreter for the [[Commodore PET|http://en.wikipedia.org/wiki/Commodore_PET]], written in 6502 assembly language. The TiddlyWiki containing program documentation is automatically generated from the source code: see https://github.com/chitselb/pettil.
{{!!url}}
<<<
Objectives of the project are, in no particular order:
* make a Forth that runs on my Commodore PET 2001
* have fun
* improve my "6502 assembly golf" skills
* find other people who are interested in this project
<<<
Detailed description of setting up [[TiddlyWiki on Node.js]] on OS X.
{{!!url}}
<<<
For a new job, I decided to set up a personal wiki to keep notes. I wanted to keep it simple, meeting these requirements:
* All the data is in a Dropbox folder (so it can be automatically synced between machines)
* It must support Markdown syntax
After looking at the options, I settled on TiddlyWiki. I've used "classic TiddlyWiki" before, and liked its simplicity, but I was always a little annoyed with the weird steps you have to go through to save changes. The new version of TiddlyWiki includes support for running it as a real HTTP server, so you can use it just like an online wiki.
But it took me a couple of hours to figure out how to set that up. The TiddlyWiki documentation is not clear ("not clear" is a euphemistic way of saying "terrible"). So, I've written up these instructions in the hope it will spare somebody else all the frustration I had.
<<<
A gamers guide to using TiddlyWiki.
{{!!url}}
<<<
I’ve been using TiddlyWiki for this game mainly to record the monsters’ locations and the items that they drop. This is so that when I need a certain item to upgrade/create weapons, I can quickly look it up; which monsters drop it and which quests have those monsters.
As I play the game, as I encounter new information, I just input them into my Shining Ark TiddlyWiki. It’s like I’m building a wiki from scratch. The reason why I don’t just use online wikis is that 1) it’s too easy to get spoiled and 2) sometimes online wikis provide too much information (who cares about the non-gameplay related descriptions that can be found in the game, etc).
<<<
A collection of tips from Tobias Beer
{{!!url}}
<<<
A collection of references and sandbox for testing concepts around TiddlyWiki 5...
<<<
Reaction to TiddlyWiki5 from the translator of the German edition of TiddlyWikiClassic.
{{!!url}}
<<<
There is little software that can still inspire me so even after years, as on the first day. This includes TiddlyWiki, the "pocket-wiki". The latter is because the Wiki completely fits into an HTML file, and this HTML file brings everything - JavaScript program logic, CSS appearance and the entire Wiki content as stored records. So a TiddlyWiki file is then sometimes happy times some megabytes in size, but just has the unbeatable advantage that it works just as fast file created locally in a variety of browsers.
<<<
(Translation from German by Google Translate)
An early release of an edition of TiddlyWiki customised for rigorous, academic notetaking.
{{!!url}}
<<<
TiddlyWiki for Scholars is a personal customization of TiddlyWiki 5.0.13-beta I made for note-taking from readings, but it can be useful for other purposes. The idea behind this adaptation is to show and to allow creating relevant data related to the current tiddler without leaving the tiddler.
<<<
A collection of tips and guides in French, introduced by this blog post:
http://sylvain.naud.in/post/2014/10/29/Ressources-pour-TiddlyWiki-5-%28FR%29
<<<
Ce guide de prise en main de TiddlyWiki vous permettra de débuter sur ce logiciel : rédiger du texte avec la syntaxe wiki, insérer des images, créer des Tiddler, faire une recherche, ajouter des fonctionnalités, et bien d'autres choses.. Bonne lecture ! Sylvain
<<<
Notes and tips by a developer working on writing TiddlyWiki plugins -- including [[TWExe|https://github.com/welford/twexe]], a widget for running Windows scripts and executables.
{{!!url}}
A collection of articles covering integration with Fargo, Font Awesome and Google Calendar, and tips for managing task lists.
{{!!url}}
<<<
I have become a regular user of TiddlyWiki and have become so accustomed to using Font Awesome icons in Fargo that I wanted to incorporate the icons into my wikis as well.
<<<
A translation of the tiddlywiki.com documentation from Bram Chen, TiddlyWiki's Chinese translator.
{{!!url}}
Dutch blog post about TiddlyWiki
{{!!url}}
<<<
I'm allergic to websites that are highly dependent on JavaScript. I think that JavaScript has many useful applications to add functionality to a site, but content needs to be visible if JavaScript is switched off. I use the NoScript extension for Firefox and surf with pleasure over the Internet without spontaneous things happen that I do not give permission. I love JavaScript on a short leash. More crazier maybe I'm so excited about TiddlyWiki.
<<<
(Translation from Dutch by Google Translate)
An extensive collection of tips and resources for users of TiddlyWiki in Japanese.
{{!!url}}
<<<
TiddlyWikiをHTML5にしたTiddlyWiki5が正式にリリースされました。このTiddlyWiki5の使い方について、自分で試した機能を中心に解説します。
TiddlyWiki5は、非常に多機能なローカルWikiです。このブログに書いてあることは、TiddlyWiki5で出来ることのごく一部です。
<<<
Chris Hunt's detailed developer tutorials for getting started with writing widgets for TiddlyWiki.
{{!!url}}
<<<
These pages document aspects TiddlyWiki5 programming, sharing "lessons learned" to help developers to get started with TiddlyWiki5 customization and extension.
There are currently two articles in this wiki:
* A Simple Widget
* A More Complex Widget
<<<
Huge collection of customisations and tweaks from Ton Gerner.
{{!!url}}
<<<
I am a longtime user of TiddlyWiki Classic and still use it daily since you can't do everything in TiddlyWiki 5 (yet) ;)
I started experimenting with TW5 at the end of September 2013 (alpha10).
Since I missed a few things in the layout I got used to in TiddlyWiki Classic 1, I started with modifying the layout of TW5.
To share my knowledge, I made a few guides about these 'modifications'.
The guides started as a non-linear personal web notebook (yeah, the subtitle of TiddlyWiki!). I started experimenting with layout things and used TW5 to document my experiments.
<<<
A wealth of hints, tips and notes about using [[TiddlyWiki on Node.js]]:
{{!!url}}
<<<
TiddlyWiki is different from other wikis because of its principle of dynamically customizeable "storyline" based on tiddlers as basic units of information. That is, the user "composes" their own version of the webpage by clicking on tiddler links, which add tiddlers to the page in order to compose a storyline.
The Node.js implementation in TiddlyWiki5 adds all the advantages of flat-file markup language based type of site. This makes TiddlyWiki an excellent alternative to flat-file based CMS/webpage/blog authoring systems for the web.
Also very cool is the treatment of tags as menus everywhere.
<<<
Stephan Hradek's growing catalogue of tips, tutorials, and other resources. Stephan has also developed several plugins and macros that you can find at http://tiddlystuff.tiddlyspot.com/.
{{!!url}}
<<<
Some things in TiddlyWiki seem like Magic. As my preferred nick is Skeeve, I felt that TW5 Magick is a proper name for this collection of some of the "magic" tricks one can do with TiddlyWiki.
<<<
Dave Gifford's growing catalogue of tips and tutorials.
{{!!url}}
<<<
TiddlyWiki 5 is a great tool for note-taking, bookmarking, blogging, organizing to do lists, writing books, and more. But many of the things that can be done in TiddlyWiki 5 are often hidden to the new user, either because the user doesn't know about it or because the user doesn't know how to do it. TW5 mall is a modest catalog of hacks where you can discover new tricks in TiddlyWiki 5 and also find out in layman's terms how to implement them.
<<<
Tips and guides for using TiddlyWiki.
{{!!url}}
<<<
I never used Node.js until a couple weeks ago when I wanted to try a TW5 installation on Node and expand my knowledge a bit. I figured someone else may be in the same boat so I wrote it all down
<<<
An alternative LaTeX plugin for TiddlyWiki5. It supports a wider set of LaTeX commands than [[KaTeX|KaTeX Plugin]], though not as extensive as MathJax
{{!!url}}
<<<
This plugin provides LaTeX support in TiddlyWiki5, using the [[TeXZilla|https://github.com/fred-wang/TeXZilla]] latex parser to generate MathML.
Only Firefox and Safari support MathML at the moment, so the plugin is only useful if you're using one of these browsers. It might be possible to combine this plugin with MathJax to convert MathML to something that other browsers can understand, e.g. HTML+CSS, but I haven't tried this.
<<<
A collection of TiddlyWiki resources from Mario Pietsch, with a focus on cloud deployments. Mario also maintains the German translation of TiddlyWiki.
{{!!url}}
<<<
My name is Mario Pietsch from Austria. I'm living near Salzburg.
This page, will be the portal to my TiddlyWiki, TiddlyWeb related content.
<<<
A guide (in French) to using TiddlyWiki on the [[BiblioBox|http://bibliobox.net/]], a variation of the [[PirateBox|http://daviddarts.com/piratebox/]] mobile communication and file sharing system.
{{!!url}}
<<<
I've known TiddlyWiki since its beginning in 2004. For personal or professional needs, I used it regularly for notepad staff in 2007 and 2012. But I admit I ignored the tool during the past two years. And then I said yesterday: but why not put TiddlyWiki on a BiblioBox? Because it is a single HTML file with javascript. In addition I knew the existence of a server version for saving online amendments.
<<<
//Hand optimised from a translation by Google Translate//
Matabele's stylish and clean system for personal task management.
{{!!url}}
<<<
This is my work in progress version of TW5, incorporating various features and ideas as and when they intrigue me. To grab any feature you may wish to try, drag the listed tiddlers across to the dropzone of an empty TiddlyWiki 5.0.10-beta
<<<
An introduction to TiddlyWiki in Japanese.
{{!!url}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
TiddlyWiki is an incredibly flexible and versatile tool that is conceived and constructed differently than most software. This can make it hard to understand until the moment when it clicks, and becomes a seamless extension of your brain.
Starting with the basics, TiddlyWiki is a note-taking web application you can download for free, store wherever you like and customise however you wish. Use it to capture, organise and share your notes in ways that word processors and other note-taking tools cannot.
~TiddlyWiki is designed to be non-linear, structuring content with stories, tags, hyperlinks, and other features. You can organise and retrieve your notes in ways that conform to your personal thought patterns, rather than feel chained to one preset organisational structure.
You can use ~TiddlyWiki as a single file that you view and edit through any web browser, whether you are online or offline. Or you can use it as a powerful [[Node.js application|TiddlyWiki on Node.js]] that stores each of your notes as a separate file.
How can you make ~TiddlyWiki work for you? We recommend you start with our introductory documentation listed below, and then browse the TableOfContents, available in the Contents tab in the sidebar. Or just [[follow our simple instructions|GettingStarted]] and try it out for yourself!
<<list-links "[tag[HelloThere]]">>
Information about the making of TiddlyWiki:
<<list-links "[tag[About]]">>
A plugin to integrate the [[Ace editor|https://github.com/ajaxorg/ace]] into TiddlyWiki.
{{!!url}}
<<<
Being quite new to TW5 development I tried my best to draft a SyncAdaptor to store tiddlers in IndexedDb. This is quite useful if an application / plugin installation is not possible (we have quite some restrictions at work...).
<<<
TiddlyWiki wouldn't be possible without the ongoing support of the TiddlyWiki [[Community]]. Their attention and feedback has made it possible to gain an understanding of what is wanted from the product, and their passion for it has taught me that it is worth the investment.
{{$:/Acknowledgements}}
! Introduction
The ''action-deletefield'' widget is an [[action widget|ActionWidgets]] that deletes specified fields of a tiddler. ActionWidgets are used within triggering widgets such as the ButtonWidget.
! Content and Attributes
The ''action-deletefield'' widget is invisible. Any content within it is ignored.
|!Attribute |!Description |
|$tiddler |The title of the tiddler whose fields are to be modified (if not provided defaults to the [[current tiddler|Current Tiddler]] |
|$field |Optional name of a field to delete |
|//{any attributes not starting with $}// |Each attribute name specifies a field to be deleted. The attribute value is ignored and need not be specified |
! Examples
Here is an example of a button that deletes the caption and tags fields of the current tiddler:
<$macrocall $name='wikitext-example-without-html'
src='<$button>
<$action-deletefield caption tags/>
Delete "caption" and "tags"
</$button>'/>
Here is an example of a button that deletes the modified date and tags fields of the tiddler HelloThere:
<$macrocall $name='wikitext-example-without-html'
src='<$button>
<$action-deletefield $tiddler="HelloThere" modified tags/>
Delete "modified" and "tags" from ~HelloThere
</$button>'/>
Here is an example of a button that uses the optional $field attribute to delete the text field of the tiddler HelloThere:
<$macrocall $name='wikitext-example-without-html'
src='<$button>
<$action-deletefield $tiddler="HelloThere" $field="text"/>
Delete text from ~HelloThere
</$button>'/>
! Introduction
The ''action-deletetiddler'' widget is an [[action widget|ActionWidgets]] that deletes tiddlers. ActionWidgets are used within triggering widgets such as the ButtonWidget.
There are several differences compared to the [[WidgetMessage: tm-delete-tiddler]]:
* The user is not prompted to confirm the deletion
* No automatic updating of the story list
* No special handling of draft tiddlers
! Content and Attributes
The ''action-deletetiddler'' widget is invisible. Any content within it is ignored.
|!Attribute |!Description |
|$tiddler |Optional title of the tiddler to be deleted |
|$filter |Optional filter identifying tiddlers to be deleted |
! Examples
Here is an example of a button that deletes the tiddler HelloThere:
<$macrocall $name='wikitext-example-without-html'
src='<$button>
<$action-deletetiddler $tiddler="HelloThere"/>
Delete "~HelloThere"
</$button>'/>
Here is an example of a button that deletes all tiddlers tagged [[TableOfContents]]:
<$macrocall $name='wikitext-example-without-html'
src='<$button>
<$action-deletetiddler $filter="[tag[TableOfContents]]"/>
Delete tiddlers tagged "~TableOfContents"
</$button>'/>
! Introduction
The ''action-navigate'' widget is an [[action widget|ActionWidgets]] that sends a [[tm-navigate|WidgetMessage: tm-navigate]] message back up the widget tree. ActionWidgets are used within triggering widgets such as the ButtonWidget.
! Content and Attributes
The ''action-navigate'' widget is invisible. Any content within it is ignored.
|!Attribute |!Description |
|$to |The title of the target tiddler for the navigation (if not provided defaults to the [[current tiddler|Current Tiddler]] |
|$scroll |Optional parameter determining whether the navigation will also cause a scroll to the target tiddler (see below) |
!! Scroll handling
The optional `$scroll` attribute can be set to "yes" to force scrolling to occur to bring the target tiddler into view. If set to "no" then scrolling does not occur. If the `$scroll` attribute is omitted then scrolling occurs unless either:
* the control key is pressed
* the action was initiated with the middle mouse button (if available)
Note that if navigating to multiple tiddlers at once you should use the same `$scroll` setting for all of them.
! Examples
Here is an example of button that navigates to two different tiddlers at once:
<$macrocall $name='wikitext-example-without-html'
src='<$button>
<$action-navigate $to="ButtonWidget"/>
<$action-navigate $to="ActionWidgets"/>
Click me!
</$button>'/>
! Introduction
The ''action-sendmessage'' widget is an [[action widget|ActionWidgets]] that sends a [[message|WidgetMessages]] back up the widget tree. ActionWidgets are used within triggering widgets such as the ButtonWidget.
! Content and Attributes
The ''action-sendmessage'' widget is invisible. Any content within it is ignored.
|!Attribute |!Description |
|$message |The message to send (eg, [[WidgetMessage: tm-new-tiddler]]) |
|$param |Optional parameter string whose meaning is dependent on the message being sent |
|$name |Optional name of additional parameter |
|$value |Value for optional parameter whose name is specified in `$name` |
|//{any attributes not starting with $}// |Multiple additional, optional named parameters that are attached to the message |
! Examples
Here is an example of button that displays both a notification and a wizard, and creates a new tiddler with tags and text:
<$macrocall $name='wikitext-example-without-html'
src='<$button>
<$action-sendmessage $message="tm-modal" $param="SampleWizard"/>
<$action-sendmessage $message="tm-notify" $param="SampleNotification"/>
<$action-sendmessage $message="tm-new-tiddler" title="This is newly created tiddler" tags="OneTag [[Another Tag]]" text=<<now "Today is DDth, MMM YYYY">>/>
Click me!
</$button>'/>
! Introduction
The ''action-setfield'' widget is an [[action widget|ActionWidgets]] that assigns values to the fields of a tiddler. ActionWidgets are used within triggering widgets such as the ButtonWidget.
! Content and Attributes
The ''action-setfield'' widget is invisible. Any content within it is ignored.
|!Attribute |!Description |
|$tiddler |The title of the tiddler whose fields are to be modified (if not provided defaults to the [[current tiddler|Current Tiddler]] |
|$field |Optional name of a field to be assigned the $value attribute |
|$index |Optional index of a property in a [[data tiddler|DataTiddlers]] to be assigned the $value attribute|
|$value |The value to be assigned to the field or index identified by the $field or $index attribute. If neither is specified then the value is assigned to the text field |
|//{any attributes not starting with $}// |Each attribute name specifies a field to be modified with the attribute value providing the value to assign to the field |
! Examples
Here is an example of a pair of buttons that open the control panel directly to specified tabs. They work by using ''action-setfield'' to set the state tiddler for the control panel tabs.
<$macrocall $name='wikitext-example-without-html'
src='<$button>
<$action-setfield $tiddler="$:/state/tab-1749438307" text="$:/core/ui/ControlPanel/Appearance"/>
<$action-navigate $to="$:/ControlPanel"/>
Go to Control Panel "Appearance" tab
</$button>
<$button>
<$action-setfield $tiddler="$:/state/tab-1749438307" text="$:/core/ui/ControlPanel/Settings"/>
<$action-navigate $to="$:/ControlPanel"/>
Go to Control Panel "Settings" tab
</$button>'/>
Here is an example of a button that assigns tags and fields to the tiddler HelloThere, and then navigates to it and opens the tiddler info panel on the "Fields" tab:
<$macrocall $name='wikitext-example-without-html'
src='<$button>
<$action-setfield $tiddler="HelloThere" tags="NewTag [[Another New Tag]]" color="red"/>
<$action-setfield $tiddler="$:/state/popup/tiddler-info--1779055697" text="(568,1443,33,39)"/>
<$action-setfield $tiddler="$:/state/tab--1890574033" text="$:/core/ui/TiddlerInfo/Fields"/>
<$action-navigate $to="HelloThere"/>
Modify ~HelloThere
</$button>'/>
Here is an example of a button that assigns tags and fields to the tiddler HelloThere, and then initiates editing it:
<$macrocall $name='wikitext-example-without-html'
src='<$button>
<$action-setfield $tiddler="HelloThere" tags="MoreTag [[Further More Tags]]" color="green"/>
<$action-sendmessage $message="tm-edit-tiddler" $param="HelloThere"/>
Edit ~HelloThere
</$button>'/>
Here is an example of a button that opens the control panel directly to the "Appearance" tabs:
<$macrocall $name='wikitext-example-without-html'
src='<$button>
<$action-setfield $tiddler="$:/state/tab-1749438307" $field="text" $value="$:/core/ui/ControlPanel/Appearance"/>
<$action-navigate $to="$:/ControlPanel"/>
Go to Control Panel "Appearance" tab
</$button>'/>
Action widgets are a special type of widget that perform an action such as sending a message, navigating to a tiddler, or changing the value of a tiddler. They are used in association with other widgets that trigger those actions (for example, the ButtonWidget).
Action widgets are invisible. They need not be immediate children of their triggering widget, but they must be descendents of it. The actions are performed in sequence. For example, here is a button that triggers two actions of sending different messages:
```
<$button>
<$action-sendmessage $message="tm-home"/>
<$action-sendmessage $message="tm-full-screen"/>
Click me!
</$button>
```
The following action widgets are provided:
<<list-links "[tag[ActionWidgets]]">>
Here's a macro that provides a Twitter Follow button for a particular username:
```
\define twitterFollowButton(username)
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//platform.twitter.com/widgets/follow_button.html?screen_name=$username$" style="width:300px; height:20px;"></iframe>
\end
```
The only change from the version published at https://dev.twitter.com/docs/follow-button is that new lines have been removed.
Note that the src URL is given without a protocol (ie "http" or "https"). It's done this way so that it works on sites whether they are hosted on a HTTP or HTTPS domain. If you want the Twitter button to work while using a TiddlyWiki offline on a "file://" URL, then you'll need to manually add the protocol. For example:
```
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/follow_button.html?screen_name=jermolene" style="width:300px; height:20px;"></iframe>
```
<<.operator-examples "addprefix">>
<<.operator-example 1 "Cat Garden [[Favourite Armchair]] +[addprefix[My ]]">>
<<.operator-examples "addsuffix">>
<<.operator-example 1 "[[London]addsuffix[ Underground]]">>
As the structures within your TiddlyWiki documents get more complex it can be hard to keep the titles of tiddlers consistent. For example, should terms be defined in the plural or the singular? Camel case or separate words?
Recording a formal titling policy can help to reduce confusion. For example, the titling policies for this wiki are recorded in the [[Documentation Style Guide]].
! SystemTiddler Titles
A useful convention is to use the prefix `$:/_` for any system tiddlers that you create to ensure that they are near the top of the system tiddler listing in the sidebar
If <<.place T>> is not present in the input, or is the last title there, then the output is empty.
<<.operator-examples "after">>
<<.using-days-of-week>> The [[Thursday]] tiddler shows a further example.
<<.operator-example 1 "[list[Days of the Week]after[Monday]]">>
<<.operator-example 2 "[list[Days of the Week]after[Sunday]]">>
Alerts are displayed as yellow boxes overlaying the main TiddlyWiki window. Each one corresponds to a tiddler with the tag [[$:/tags/Alert]]. Clicking the delete icon on an alert deletes the corresponding tiddler.
Here's a demo <$fieldmangler tiddler="SampleAlert"><$set name="currentTiddler" value="SampleAlert"><$button message="tm-add-tag" param="$:/tags/Alert">alert</$button></$set></$fieldmangler>.
Alert tiddlers should have the following fields:
|!Field |!Description |
|title |By default, alert titles have the prefix `$:/temp/alerts/` |
|text |The text of the alert message |
|modified |Date of the alert (used for ordering the alerts on screen) |
|component |Component name associated with the alert |
|tags |Must include [[$:/tags/Alert]] |
The parameter specifies zero or more fundamental categories using the following syntax:
<$railroad text="""
[{: ("current" | "missing" |: "orphans" | "shadows" | "tiddlers" ) +"+" }]
"""/>
|!Category |!Members |!Sorted |
|^`current` |just the [[current tiddler|Current Tiddler]] |^-- |
|^`missing` |all non-existent tiddlers to which there is at least one [[hard link|Hard and Soft Links]] |^no |
|^`orphans` |all tiddlers to which there are <<.em no>> hard links |^by title |
|^`shadows` |all the [[shadow tiddlers|ShadowTiddlers]] that exist, including any that have been overridden with non-shadow tiddlers |^no |
|^`tiddlers` |all the non-shadow tiddlers that exist |no |
If the parameter specifies more than one category, they are processed from left to right. The overall output is initially empty, and each category's output is [[dominantly appended|Dominant Append]] to it in turn. Unrecognised categories contribute nothing to the output.
As a special case, if the parameter is empty, the output is simply a copy of the input. This can be useful when the parameter is [[soft|Filter Parameter]].
The <<.olink is>> operator is similar, but its scope is restricted to its input.
<<.operator-examples "all">>
<<.operator-example 1 "[all[shadows]]">>
<<.operator-example 2 "[all[shadows+tiddlers]]">>
<<.operator-example 3 "[all[tiddlers+shadows]]">>
<<.operator-example 4 "[all[orphans+missing+current]]">>
<<.operator-example 5 "[all[current]]">>
<<.operator-example 6 "[all[current]tag[Operator Examples]]">>
<<.operator-example 7 "[all[current]tag[Recipes]]">>
<<.operator-example 8 "Monday Thursday +[all[]]">>
Current tiddlers:
<$list filter="[!is[system]sort[title]]" />
Here are the details of the alpha releases of TiddlyWiki5. See [[TiddlyWiki5 Versioning]] for details of how releases are named.
<<tabs "[tag[AlphaReleaseNotes]!sort[created]]" "Release 5.0.1-alpha" "$:/state/tab2" "tc-vertical" "ReleaseTemplate">>
Here are some recent articles written about ~TiddlyWiki. Submit new articles via GitHub, Twitter or by posting in the [[TiddlyWiki Groups]].
<div class="tc-link-info">
<$list filter="[tag[Articles]!sort[modified]]">
<div class="tc-link-info-item">
! <$link><$view field="title"/></$link>
<div class="tc-subtitle">Posted <$view field="modified" format="relativedate"/></div>
<$transclude/>
</div>
</$list>
</div>
Audio files can be incorporated into TiddlyWiki in a very similar way to [[images|Images in WikiText]].
! Embedded Audio
Small audio files can be embedded directly within TiddlyWiki. Embedding isn't suitable for large files (over a few hundred kilobytes) because it increases the size of the TiddlyWiki file.
For example, the tiddler [[TiddlyWiki.mp3]] contains an MP3 recording of the word "TiddlyWiki". If you visit that tiddler, you should see an audio player that will play back the recording.
You can also transclude audio files. For example:
<<wikitext-example-without-html '{{TiddlyWiki.mp3}}'>>
! External Audio
External audio tiddlers use the ''_canonical_uri'' field to point to an external audio file/stream, and have their ''text'' field blocked. This reduces their size considerably, but still allows for playback.
For example, the tiddler [[Caruso - Ave Maria]] points to an online audio recording hosted on http://archive.org:
<<wikitext-example-without-html '{{Caruso - Ave Maria}}'>>
If there is a SaverModule available that supports it, TiddlyWiki will automatically trigger a save of the current document on clicking {{$:/core/images/done-button}} ''tick'' or {{$:/core/images/delete-button}} ''delete'' when editing a tiddler.
You should see a yellow notification at the top right of the window to confirm that an automatic save has taken place.
Automatic saving can be enabled or disabled through the ''Saving'' tab of the [[control panel|$:/ControlPanel]]. Behind the scenes, it is controlled through the configuration tiddler [[$:/config/AutoSave]], which must have the value ''yes'' to enable automatic saving.
Each input title is processed in turn. The corresponding tiddler's list of backlinks is generated, sorted alphabetically by title, and then [[dominantly appended|Dominant Append]] to the operator's overall output.
<<.operator-examples "backlinks">>
<<.operator-example 1 "[[HelloThere]backlinks[]]">>
<<.operator-example 2 "[tag[TableOfContents]backlinks[]]" "tiddlers that link to tiddlers tagged [[TableOfContents]]">>
<<.operator-example 3 "[all[current]backlinks[]]" "tiddlers that link to this one">>
<<.dlink-ex Base64 "http://en.wikipedia.org/wiki/Base64">> is a way of representing binary data, such an image, as a string of text.
If <<.place T>> is not present in the input, or is the first title there, then the output is empty.
<<.operator-examples "before">>
<<.using-days-of-week>> The [[Thursday]] tiddler shows a further example.
<<.operator-example 1 "[list[Days of the Week]before[Saturday]]">>
<<.operator-example 2 "[list[Days of the Week]before[Monday]]">>
Here are the details of the beta releases of TiddlyWiki5. See [[TiddlyWiki5 Versioning]] for details of how releases are named.
<<tabs "[tag[BetaReleaseNotes]!sort[created]]" "Release 5.0.18-beta" "$:/state/tab2" "tc-vertical" "ReleaseTemplate">>
There are two ways to produce HTML block quotes in TiddlyWiki5, one for content spread across multiple lines, and one for single line content.
! Multi-line Block Quotes
The syntax for multi-line block quotes is:
<<wikitext-example src:"<<<
This is a block quoted paragraph
written in English
<<<
">>
!! Citation
A citation can be added to the quote like this:
<<wikitext-example src:"<<<
Computers are like a bicycle for our minds
<<< Steve Jobs
">>
!! CSS Classes
CSS classes can be added to a block quote:
<<wikitext-example src:"<<<.myClass.another-class
Operating systems are like a brick wall for our minds
<<< Nobody
">>
! Single-line Block Quotes
The single-line syntax for block quotes is actually an extension of the syntax for [[Lists in WikiText]]. For example:
<<wikitext-example src:"> Quoted text
> Another line of quoted text
">>
You can also nest quotes like this:
```
> A top quote
>> A subquote
> Another top quote
```
Which renders as:
> A top quote
>> A subquote
> Another top quote
You can also mix block quotes with other list items. For example:
<<wikitext-example src:"* List One
** List Two
**> A quote
**> Another quote
* List Three
">>
!Introduction
At its heart, TiddlyWiki5 is a relatively small boot kernel that runs either under Node.js or in the browser with all other functionality added via dynamically loaded [[modules|Modules]].
The kernel boots just enough of the TiddlyWiki environment to allow it to load and execute module tiddlers. The module system is compatible with CommonJS and [[Node.js]].
There are many [[different types of module|ModuleType]]: parsers, deserializers, widgets etc. It goes much further than you might expect. For example, individual tiddler fields are modules, too: there's a module that knows how to handle the `tags` field, and another that knows how to handle the special behaviour of the `modified` and `created` fields. Some plugin modules have further sub-plugins: the wikitext parser, for instance, accepts parsing rules as individual plugin modules.
!Plugins
In TiddlyWiki5, [[Plugins]] are bundles of tiddlers that are distributed and managed as one; [[Modules]] are JavaScript tiddlers with a module type identifying when and how they should be executed.
The tiddler [[$:/boot/boot.js]] is a barebones TiddlyWiki kernel that is just sufficient to load the core plugin modules and trigger a startup module to load up the rest of the application.
The boot kernel includes:
* Several short shared utility functions
* A handful of methods implementing the module mechanism
* The `$tw.Tiddler` class (and field definition plugins)
* The `$tw.Wiki` class (and tiddler deserialization methods)
* Code for the browser to load tiddlers from the HTML DOM
* Code for the server to load tiddlers from the file system
Each module is an ordinary CommonJS module, using the `require()` function to access other modules and the `exports` global to return JavaScript values. The boot kernel smooths over the differences between `Node.js` and the browser, allowing the same plugin modules to execute in both environments.
In the browser, `core/boot.js` is packed into a template HTML file that contains the following elements in order:
* Ordinary and system tiddlers, packed as HTML `<DIV>` elements
* `core/bootprefix.js`, containing a few lines to set up the plugin environment
* Optional JavaScript modules, packed as HTML `<SCRIPT>` blocks
* `core/boot.js`, containing the boot kernel
On the server, `core/boot.js` is executed directly. It uses the `Node.js` local file API to load plugins directly from the file system in the `core/modules` directory. The code loading is performed synchronously for brevity (and because the system is in any case inherently blocked until plugins are loaded).
The boot process sets up the `$tw` global variable that is used to store all the state data of the system.
At the end of the boot process the StartupMechanism schedules the execution of startup modules to bring up the rest of TiddlyWiki.
TiddlyWiki is designed to work with HTML5-compatible browsers.
The following table summarises the browser versions that are known to work with TiddlyWiki
|!Browser |!Status |
|Internet Explorer |Version 10 and above |
|Chrome |All recent versions |
|Firefox |All recent versions |
|Firefox for Android |All recent versions |
|Safari |Version 6 and above |
! Introduction
The browse widget displays an HTML file browser button that allows the user to choose one or more files to import. It sends a [[WidgetMessage: tm-import-tiddlers]] carrying a JSON representation of the tiddlers imported from the files up through its parents. This message usually trapped by the NavigatorWidget which adds the tiddlers to the store and updates the story to display them.
! Content and Attributes
The content of the `<$browse>` widget is ignored.
|!Attribute |!Description |
|multiple |Set to "multiple" to select multiple file upload |
|tooltip |Optional tooltip text |
|message |Optional override of widget message to be generated. The parameter for the message will be the JavaScript object `event.target.files` |
On iPhone/iPad choosing the multiple option will remove the ability to take photographs/videos directly into TiddlyWiki.
''e.g.''
```
<$browse>
```
renders as:
<$browse>
BT (née British Telecom) is the UK's largest telecommunications company. In 2007, [[Osmosoft]] was acquired by BT. JeremyRuston subsequently left BT in 2011.
{{$:/language/Help/build}}
See TiddlyWikiFolders for details of defining build targets.
TiddlyWiki5 can be used to build older 2.x.x versions of TiddlyWikiClassic from their constituent components. Doing so involves these features:
* The `tiddlywiki/classictools` plugin, containing a deserializer module which allows tiddlers to be loaded from TiddlyWiki 2.x.x `.recipe` files
* The `stripcomments` format for the ViewWidget, which strips single line JavaScript comments starting `//#`
* The `stripTitlePrefix='yes'` attribute of the FieldsWidget, which removes prefixes wrapped in curly braces from the `title` attribute
** For example, `{tiddler}HelloThere` would be transformed to `HelloThere`
! Usage
TiddlyWikiClassic is built from the command line by running [[TiddlyWiki on Node.js]]. A typical usage would be:
```
node ../../tiddlywiki.js \
--verbose \
--load <path_to_recipe_file> \
--rendertiddler $:/core/templates/tiddlywiki2.template.html <path_to_write_index_file> text/plain \
|| exit 1
```
<<.operator-examples "butlast">>
<<.using-days-of-week>>
<<.operator-example 1 "[list[Days of the Week]butlast[]]">>
<<.operator-example 2 "[list[Days of the Week]butlast[2]]">>
<<.operator-example 3 "A B C D E F G H I J K L M +[butlast[7]]">>
! Introduction
The button widget displays an HTML `<button>` element that can perform a combination of optional actions when clicked:
* Executing any ActionWidgets that are immediate children of the button widget
* Execute any integrated actions:
** Navigate to a specified tiddler
** Dispatch a user defined [[widget message|Messages]]
** Trigger a user defined [[popup|PopupMechanism]]
** Assign new text to a specified tiddler
The integrated actions are provided as a shortcut for invoking common actions. The same functionality is available via ActionWidgets, with the exception of the support for highlighting selected popups.
! Content and Attributes
The content of the `<$button>` widget is displayed within the button.
|!Attribute |!Description |
|to |The title of the tiddler to navigate to |
|message |The name of the [[widget message|Messages]] to send when the button is clicked |
|param |The optional parameter to the message |
|set |A TextReference to which a new value will be assigned |
|setTo |The new value to assign to the TextReference identified in the `set` attribute |
|popup |Title of a state tiddler for a popup that is toggled when the button is clicked |
|aria-label |Optional [[Accessibility]] label |
|tooltip |Optional tooltip |
|class |An optional CSS class name to be assigned to the HTML element|
|style |An optional CSS style attribute to be assigned to the HTML element |
|selectedClass |An optional additional CSS class to be assigned if the popup is triggered or the tiddler specified in `set` already has the value specified in `setTo` |
|tag |An optional html tag to use instead of the default "button" |
|default |Default value if `set` tiddler is missing for testing against `setTo` to determine `selectedClass` |
''Tip:'' Set ''class'' to `tc-btn-invisible tc-tiddlylink` to have a button look like an internal link.
CamelCase is formed by taking a phrase, capitalising the initial letter of each word, and smashing the words together to form a portmanteau word. Most wikis use CamelCase to signal phrases that should automatically become links.
<<.dlink-ex CSS "http://en.wikipedia.org/wiki/Cascading_Style_Sheets">> is a standard plain-text format used for defining the presentational style of the various elements on a web page.
The <<.def changecount>> [[macro|Macros]] returns the number of times the [[current tiddler|Current Tiddler]] has been created, stored or deleted during the current ~TiddlyWiki session.
If a tiddler is deleted and subsequently recreated, its <<.var changecount>> will go up by two.
!! Parameters
(none)
<<.macro-examples "changecount">>
<$macrocall $name=".example" n="1" eg="""<<changecount>>"""/>
The value will increase if you edit this tiddler and store it again, even without making any changes to its content.
To access the <<.var changecount>> of a different tiddler, use a <<.wlink TiddlerWidget>> widget:
<$macrocall $name=".example" n="2"
eg="""<$tiddler tiddler="Draft of 'New Tiddler'">
<<changecount>>
</$tiddler>"""/>
The value shown will increase whenever you create, store or delete [[New Tiddler]].
! Introduction
This release resolves a number of inconsistencies with the way that filters are handled. The changes mean that existing filters may need to be updated - particularly those that must deal with missing or shadow tiddlers.
! Changes to ''is'' and addition of ''all''
Most filter operators act by choosing some or all of their source titles to pass through or re-order. Those that add new entries that are not drawn from the source list are referred to as selectors. Prior to 5.0.9-beta, a few filter operators were inconsistent in whether they filtered from the source list or selected new entries into it.
The specific changes are:
* The ''is'' operator now always strictly filters from the currently selected list of tiddlers
* The new ''all'' operator acts as a selector by replacing the current list with a combination of tiddlers from specific sources:
** ''current'' for the current tiddler
** ''missing'' for all missing tiddlers
** ''orphans'' for all orphan tiddlers
** ''shadows'' for all shadow tiddlers
** ''tiddlers'' for all non-shadow tiddlers (including both system and non-system tiddlers)
The sources for the ''all'' operator can be combined with the `+` character. For example, `[all[shadows+tiddlers]]` returns all shadow tiddlers and all ordinary tiddlers.
Previously, it was common to have `[is[shadow]]` at the start of a filter string to select all the shadow tiddlers. In 5.0.9 and above, this will not return all the shadow tiddlers, but instead just those ordinary tiddlers that are also shadow tiddlers (by virtue of having overridden one). The resolution is to use the new ''all'' operator. For example, consider this filter from 5.0.8:
```
[is[shadow]!has[draft.of]tag[$:/tags/AdvancedSearch]] [!is[shadow]!has[draft.of]tag[$:/tags/AdvancedSearch]] +[tag[$:/tags/AdvancedSearch]]
```
In 5.0.9, that filter has been changed to:
```
[all[shadows+tiddlers]tag[$:/tags/AdvancedSearch]!has[draft.of]]
```
Note how the ''all'' operator allows operations to be performed on tiddlers from combinations of sources.
!! Changes to `[is[current]]`
One result of the changes is that `[is[current]]` now strictly filters from the source tiddlers; so, if the current tiddler is a missing tiddler not in the source list, then `[is[current]]` will return an empty list.
The solution is generally to use `[all[current]]` instead. It doesn't read as well, but has the required behaviour of returning just the current tiddler, regardless of whether it is in the source tiddlers.
! Changes to ''title'' and ''field''
There are minor changes to the way that the ''title'' and ''field'' operators work.
The ''title'' operator is a selector: it returns the specified title regardless of whether it is in the current source. ''title'' is used as the default operator if none is specified
The ''field'' operator is a filter: it only returns a subset of the source tiddlers. ''field'' is used as the default operator if the supplied operator is not defined (the supplied operator is passed as the suffix to the field operator, so `[description[Missing]]` is equivalent to `[field:description[Missing]]`).
! Introduction
The checkbox widget displays an HTML `<input type="checkbox">` element that is dynamically bound to either:
* the presence or absence of a specified tag on a specified tiddler
* the value of a specified field of a specified tiddler
! Content and Attributes
The content of the `<$checkbox>` widget is displayed within an HTML `<label>` element immediately after the checkbox itself. This means that clicking on the content will toggle the checkbox.
|!Attribute |!Description |
|tiddler |Title of the tiddler to manipulate (defaults to the [[current tiddler|Current Tiddler]]) |
|tag |The name of the tag to which the checkbox should be bound |
|invertTag |When set to ''yes'', flips the tag binding logic so that the absence of the tag causes the checkbox to be checked |
|field |The name of the field to which the checkbox should be bound |
|checked |The value of the field corresponding to the checkbox being checked |
|unchecked |The value of the field corresponding to the checkbox being unchecked |
|default |The default value to use if the field is not defined |
|class |The class that will be assigned to the label element |
!! Tag Mode
Using the checkbox widget in tag mode requires the ''tag'' attribute to specify the name of the tag. The ''tiddler'' attribute specifies the tiddler to target, defaulting to the current tiddler if not present.
This example creates a checkbox that flips the ''done'' tag on the current tiddler:
```
<$checkbox tag="done">Is it done?</$checkbox>
```
!! Field Mode
Using the checkbox widget in field mode requires the ''field'' attribute to specify the name of the field. The ''checked'' and ''unchecked'' attributes specify the values to be assigned to the field to correspond to its checked and unchecked states respectively. The ''default'' attribute is used as a fallback value if the field is not defined.
This example creates a checkbox that is checked if the field ''status'' is equal to ''open'' and unchecked if the field is equal to ''closed''. If the field is undefined then it defaults to ''closed'', meaning that the checkbox will be unchecked if the ''status'' field is missing.
```
<$checkbox field="status" checked="open" unchecked="closed" default="closed">Is it open?</$checkbox>
```
TiddlyWiki 的简体中文翻译版本:
<!-- * ''文件'': http://tiddlywiki.com/languages/zh-Hans/index.html -->
* ''空白版本'': http://tiddlywiki.com/languages/zh-Hans/empty.html
另请参阅 [[中文 (正體) 版|Chinese (Traditional) Edition]]。
TiddlyWiki 的正體中文翻譯版本:
<!-- * ''文件'': http://tiddlywiki.com/languages/zh-Hant/index.html -->
* ''空白版本'': http://tiddlywiki.com/languages/zh-Hant/empty.html
另請參閱 [[中文 (简体) 版|Chinese (Simplified) Edition]]。
{{$:/language/Help/clearpassword}}
You can use triple backticks <code>```</code> to mark code blocks:
<pre>
```
This will be monospaced
```
</pre>
Renders as:
```
This will be monospaced
```
To be interpreted correctly, the three backticks need to be at the start of the line and immediately followed by a line-break.
Be aware that any preceding paragraph content should be properly terminated with a double line break, too. So, this example is wrong:
<pre>
This is an ordinary paragraph
```
This will be monospaced
```
</pre>
The correct version is:
<pre>
This is an ordinary paragraph
```
This will be monospaced
```
</pre>
Note that some keyboard layouts treat the backtick as a [[dead key|http://en.wikipedia.org/wiki/Dead_key]], making it hard to type. The trick is to type three backticks followed by a space. Alternatively, type all six backticks in one go, then a space, and then move the cursor back three characters to type or paste the content.
The CodeMirror plugin adds a sophisticated web-based editor to TiddlyWiki.
See http://tiddlywiki.com/plugins/tiddlywiki/codemirror/
The <<.def colour>> (or <<.def color>>) [[macro|Macros]] returns the [[CSS|Cascading Style Sheets]] value of one the colours in the current [[palette|ColourPalettes]].
If no such entry exists in the current palette, the [[vanilla palette|$:/palettes/Vanilla]] is used instead.
!! Parameters
;name
: The name of the palette entry, e.g. `page-background`
<<.macro-examples "colour">>
<$macrocall $name=".example" n="1" eg="""<<colour code-border>>"""/>
<$macrocall $name=".example" n="2" eg="""<<colour foreground>>"""/>
<$macrocall $name=".example" n="3" eg="""<<colour page-background>>"""/>
<$macrocall $name=".example" n="4" eg="""<<colour sidebar-tab-background>>"""/>
<$macrocall $name=".example" n="5" eg="""<<colour tag-foreground>>"""/>
A colour palette is a [[data tiddler|DataTiddlers]] that supplies a [[CSS]] colour value, such as ''yellow'' or ''#fe0'', for each of several colour names, like this:
```
page-background: #fe0
table-border: #ccc
...
```
Several palettes form part of the core. The system tiddler [[$:/palette]] always contains the title of the currently selected palette tiddler.
To retrieve the value of a named colour from the current palette, e.g. for use in a stylesheet tiddler, use the <<.mlink colour>> macro:
```
<<colour page-background>>
```
Palette tiddlers should have the following fields:
|!Name |!Value |
|title |Typically starting with `$:/` |
|type |`application/x-tiddler-dictionary` |
|tags |`$:/tags/Palette` |
|description |Displayed in the palette browser |
|text |`name: value` colour definitions |
<<.dlink-ex CSV "http://en.wikipedia.org/wiki/Comma-separated_values">> is a standard plain-text format for storing a table of data.
Each row of the table is called a <<.def record>> and occupies one line.
The columns are called <<.def fields>>. Each field of a row is separated from the next by a comma, and is often delimited by quotation marks.
The <<.mlink csvtiddlers>> macro returns tiddler content in this format.
A <<.def command>> is one of the following words, written with a `--` prefix and used as a command-line option to [[TiddlyWiki on Node.js]], indicating which action is desired.
<<list-links "[tag[Commands]]">>
<<.operator-examples "commands">>
<<.operator-example 1 "[commands[]]">>
Here we gather the latest and most useful material from the TiddlyWiki community.
<<tabs "Forums Latest Tutorials Resources Examples Articles Meetups" "Latest">>
//This is a sample task for the TaskManagementExample//
These are the concepts underlying TiddlyWiki. Understanding how these ideas fit together is the key to getting the most from TiddlyWiki.
<<list-links "[tag[Concepts]]">>
The configuration tiddler [[$:/config/TiddlerInfo/Default]] contains the title of the tiddler containing the default tiddler info tab.
The default value is `$:/core/ui/TiddlerInfo/Tools` corresponding to the ''Tools'' tab. Other possible values are:
<ul>
<$list filter="[all[shadows+tiddlers]tag[$:/tags/TiddlerInfo]!has[draft.of]]">
<li>
<$view field="title"/>
</li>
</$list>
</ul>
Used in Internet protocols to indicate the type that should be used to interpret the content of a web resource.
In TiddlyWiki, the `type` field gives the content type to apply to the main `text` field.
!! List of Common Content Types
|!Group |!Type |!Content of `type` field |
|^''Developer'' |Data dictionary |application/x-tiddler-dictionary|
|~|~JavaScript code |application/javascript|
|~|JSON data |application/json|
|~|Static stylesheet |text/css|
|^''Image''|GIF image |image/gif|
|~|ICO format icon file |image/x-icon|
|~|JPEG image |image/jpeg|
|~|PDF image |application/pdf|
|~|PNG image |image/png|
|~|Structured Vector Graphics image |image/svg+xml|
|^''Text''|HTML markup |text/html|
|~|[[CSS|Cascading Style Sheets]] stylesheet |text/css|
|~|[[Comma-separated values|Comma-Separated Values]] |text/csv|
|~|Plain text |text/plain|
|~|~TiddlyWiki 5 |text/vnd.tiddlywiki|
|~|~TiddlyWiki Classic |text/x-tiddlywiki|
The <<.def contrastcolour>> [[macro|Macros]] returns whichever of two given [[CSS|Cascading Style Sheets]] colours is deemed to contrast best with another.
An example can be seen in the [[template tiddler for tag pills|$:/core/ui/TagTemplate]].
!! Parameters
;target
: The colour to contrast against (typically a background colour)
;fallbackTarget
: An alternative colour to contrast against. This is used when <<.param target>> is undefined or not a valid colour
;colourA
: The first of the two colours to choose between
;colourB
: The second of the two colours to choose between
We welcome contributions to the code and documentation of TiddlyWiki in several ways:
* ReportingBugs
* Helping to [[improve our documentation|Improving TiddlyWiki Documentation]]
* Contributing to the code via [[GitHub|https://github.com/Jermolene/TiddlyWiki5]]
** See http://tiddlywiki.com/dev for more details
There are other ways to [[help TiddlyWiki|HelpingTiddlyWiki]] too.
! Contributor License Agreement
{{Contributor License Agreement}}
! How to sign the CLA
{{Signing the Contributor License Agreement}}
---
//The CLA documents used for this project were created using [[Harmony Project Templates|http://www.harmonyagreements.org]]. "HA-CLA-I-LIST Version 1.0" for "CLA-individual" and "HA-CLA-E-LIST Version 1.0" for "CLA-entity".//
Remarks
-------
**When not owning the copyright in the entire work of authorship**
In this case, please clearly state so, since otherwise we assume that you are the legal copyright holder of the contributed work! Please provide links and additional information that clarify under which license the rest of the code is distributed.
\define tv-wikilink-template() http://tiddlywiki.com/static/$uri_doubleencoded$.html
! Contributing to TiddlyWiki5
{{Contributing}}
//This file was automatically generated by TiddlyWiki5//
Like other OpenSource projects, TiddlyWiki5 needs a signed contributor license agreement from individual contributors. This is a legal agreement that allows contributors to assert that they own the copyright of their contribution, and that they agree to license it to the UnaMesa Association (the legal entity that owns TiddlyWiki on behalf of the community).
* For individuals use: [[licenses/CLA-individual|https://github.com/Jermolene/TiddlyWiki5/tree/master/licenses/cla-individual.md]]
* For entities use: [[licenses/CLA-entity|https://github.com/Jermolene/TiddlyWiki5/tree/master/licenses/cla-entity.md]]
The following individuals have generously given their time to [[contribute to the development of TiddlyWiki|https://github.com/Jermolene/TiddlyWiki5/graphs/contributors]]:
* Jeremy Ruston ([[@Jermolene|https://github.com/Jermolene]])
* Dave Gifford ([[@giffmex|https://github.com/giffmex]])
* Bram Chen ([[@BramChen|https://github.com/BramChen]])
* Mario Pietsch ([[@pmario|https://github.com/pmario]])
* Xavier Cazin ([[@xcazin|https://github.com/xcazin]])
* Eric Shulman ([[@ericshulman|https://github.com/ericshulman]])
* Stephan Hradek ([[@Skeeve|https://github.com/Skeeve]])
* ~BuggyJef ([[@buggyj|https://github.com/buggyj]])
* Nathan Cain ([[@natecain|https://github.com/natecain]])
* Ton Gerner ([[@gernert|https://github.com/gernert]])
* Devin Weaver ([[@sukima|https://github.com/sukima]])
* João Bolila ([[@jbolila|https://github.com/jbolila]])
* David Johnston ([[@Brennall|https://github.com/Brennall]])
* David Jade ([[@davidjade|https://github.com/davidjade]])
* Bob Robison ([[@grayeul|https://github.com/grayeul]])
* [[@nameanyone|https://github.com/nameanyone]]
* Maurizio Pollio ([[@mpollio|https://github.com/mpollio]])
* Ogoshi Masayuki ([[@ogoshima|https://github.com/ogoshima]])
* Chris Sugden ([[@csugden|https://github.com/csugden]])
* [[@asampal|https://github.com/asampal]]
* Bow Yi Jang ([[@Eucaly|https://github.com/Eucaly]])
* Mal Gamble ([[@malgam|https://github.com/malgam]])
* Michael Fogleman ([[@mwfogleman|https://github.com/mwfogleman]])
* Daniel Barrett ([[@shendaras|https://github.com/shendaras]])
* Simon Baird ([[@simonbaird|https://github.com/simonbaird]])
* James Anderson ([[@welford|https://github.com/welford]])
* Jon Lister ([[@jayfresh|https://github.com/jayfresh]])
* [[@TheDiveO|https://github.com/TheDiveO]]
* Danielo Rodríguez ([[@danielo515|https://github.com/danielo515]])
* [[@willover|https://github.com/willover]]
* [[@slotik|https://github.com/slotik]]
* Irene Knapp ([[@IreneKnapp|https://github.com/IreneKnapp]])
* Brian Shaver ([[@shakerlxxv|https://github.com/shakerlxxv]])
* Tobi Beer ([[@tobibeer|https://github.com/tobibeer]])
* Craig Cook ([[@BoyCook|https://github.com/BoyCook]])
You can copy an individual tiddler from one TiddlyWiki file to another by dragging a link to the tiddler from one browser window to another.
The following [[macros|Macros]] are built into ~TiddlyWiki's core:
<<list-links "[tag[Core Macros]]">>
The following [[variables|Variables]] are built into ~TiddlyWiki's core:
<<list-links "[tag[Core Variables]] -[tag[Configuration Variables]]">>
The core will also use various configuration variables and macros if you define them:
<<list-links "[tag[Configuration Variables]]">>
! Introduction
The count widget displays the number of matches to a specified [[filter expression|Filters]].
! Content and Attributes
The content of the `<$count>` widget is ignored.
|!Attribute |!Description |
|filter |The filter expression to count |
To create a custom export format that exports tiddlers as their raw body text:
# Create a tiddler with the following fields:
#* ''tags'': [[$:/tags/Exporter]]
#* ''description'': Description of this exporter
#* ''extension'': Default file extension for this export format (including the dot; for example `.tid`)
# Set the following content:
```
\define renderContent()
{{{ $(exportFilter)$ ||$:/core/templates/plain-text-tiddler}}}
\end
<<renderContent>>
```
The variable `exportFilter` contains a filter defining which tiddlers should be exported.
! Creating tiddlers
You create a tiddler either by clicking the {{$:/core/images/new-button}} button in the sidebar, or by clicking on a link to a missing tiddler. Links to missing tiddlers are shown in [[blue italics]].
See also:
* [[Creating journal tiddlers]]
! Editing tiddlers
To edit an existing tiddler, click the {{$:/core/images/edit-button}} button at the top right of the tiddler.
!! Draft mode
When you create a new tiddler or edit an existing one, the tiddler will go into draft mode. This presents a control panel for modifying the tiddler in various ways. It has several parts, from top to bottom:
*''The title field'' - Use this to change the title of the tiddler
*''The tag selector'' - Use this to add or remove tags. As you type a tag name in the box, a dropdown list will show you any existing tags that match. You can pick from this list or create a completely new tag. Then click the ''add'' button to add the tag to the tiddler. Each tag is shown as a coloured pill. Click the "×" on a pill to remove that tag
*''The text area'' - Use this to edit the main content of the tiddler. Click the ''show preview'' button to see what your changes will look like
*''The type selector'' - Use this when a tiddler needs to be displayed in a special way, such as an image. See ContentType for a list of the options. The default is `text/vnd.tiddlywiki`, which means the tiddler contains WikiText
*''The field selector'' - Use this to add or remove fields on the tiddler. For example, if you are editing a tiddler that's being used to tag other tiddlers, you can add a [[''list'' field|ListField]] to change the order in which those tiddlers will be listed
! Save, cancel or delete
When you have finished editing, click a button at the top right of the tiddler:
*The ''save'' button ({{$:/core/images/done-button}}) stores your changes to this one tiddler and leaves draft mode. If your wiki is configured to [[AutoSave]], your changes will be permanently saved. Otherwise they will only be stored temporarily in your web browser, and you will lose them if you close your ~TiddlyWiki page without first clicking the master ''save changes'' button {{$:/core/images/save-button}} in the sidebar.
*The ''cancel'' button ({{$:/core/images/cancel-button}}) discards your changes (after asking you to confirm) and leaves draft mode.
*The ''delete'' button ({{$:/core/images/delete-button}}) deletes the entire tiddler (after asking you to confirm).
! Introduction
Journal tiddlers are tiddlers that use a date and/or time as their title. They are typically used as a quick way to record time-stamped information.
You can use additional tags on a journal tiddler to link it to other tiddlers, helping to establish the relationships between items of information.
For example, you might use a journal tiddler called ''10th October 2014'' to record thoughts and information captured on that particular day. The tags ''Shopping'' and ''London'' might be used to indicate that the entry concerns shopping in London.
! Creating a journal tiddler
The easiest way to create a journal tiddler is to use the ''new journal'' button in the ''Tools'' tab of the sidebar. If you find yourself often using the button, click the checkbox next to it to make the button available just above the search box.
The ''new journal'' button creates a journal entry as a blank tiddler with the tag ''Journal'' and a title derived from today's date. If a journal tiddler with that title already exists, then this is opened for editing.
! Creating a tagged journal tiddler
A common sequence of actions is to create (or reopen) today's journal entry and tag it with the title of another tiddler. This can be done with the ''new journal here'' button in the other tiddler's toolbar. You can find this button in the ''Tools'' tab of the tiddler's InfoPanel.
For example, you might be reviewing a tiddler called ''Oxford Street'' and realise that it's relevant for planning your shopping trip. Click the ''new journal here'' button on the ''Oxford Street'' tiddler to bring up a journal entry tagged with ''Oxford Street''.
! Customising journal tiddlers
To configure how new journal entries are created, visit the ''Basics'' tab under ''Info'' in the [[control panel|$:/ControlPanel]]:
* "Title of new journal tiddlers" specifies how these tiddlers should be named, as a [[date format string|DateFormat]]. The default setting of `DDth MMM YYYY` causes new entries to have titles of the form "10th October 2014"
* "Tags for new journal tiddlers" [specifies|Title List] tags that will automatically appear on new journal entries. For example: `Journal [[Summer vacation]]`
Hint: if you want to create a separate journal tiddler whenever you click ''new journal'' (even if you do this several times in the same day), you can include the clock time in the title format. Specify something like `YYYY-0MM-0DD at 0hhh0mm'0ss''` as the date format.
Another useful trick is to include `$(currentTiddler)$` somewhere in the title format. This means that if you click ''new journal here'' on several different tiddlers, the title of each of those tiddlers will form part of the name of the resulting journal entries.
This example shows how to create a sub-story within a tiddler that is independent of the main story.
Here's the code:
```
<$navigator story="MySubStoryList" history="MySubHistoryList">
Click this link to get started: HelloThere
<$list filter="[list[MySubStoryList]]" history="MySubHistoryList">
<div>
! <$button message="tm-close-tiddler" class="tc-btn-invisible">{{$:/core/images/close-button}}</$button> <$view field="title"/>
<$transclude/>
</div>
</$list>
</$navigator>
```
Note how you can open the HelloThere tiddler in the substory by clicking on the link below. Links within the substory open within the substory, and not in the main story.
<$navigator story="MySubStoryList" history="MySubHistoryList">
Click this link to get started: HelloThere
<$list filter="[list[MySubStoryList]]" history="MySubHistoryList">
<div>
! <$button message="tm-close-tiddler" class="tc-btn-invisible">{{$:/core/images/close-button}}</$button> <$view field="title"/>
<$transclude/>
</div>
</$list>
</$navigator>
The <<.def csvtiddlers>> [[macro|Macros]] returns the fields of a [[selection of tiddlers|Title Selection]] in [[CSV|Comma-Separated Values]] form, with one record (row) per tiddler.
An example can be seen in the [[template tiddler for CSV exports|$:/core/templates/exporters/CsvFile]].
!! Parameters
;filter
: A [[filter|Filters]] selecting which tiddlers to include
;format
: Reserved for future extension. Should be set to `quoted-comma-sep`
The <<.def "current tiddler">> provides the context in which several aspects of WikiText are interpreted.
For example, `{{!!title}}` denotes the value of the <<.field title>> field of whatever the current tiddler happens to be. This technique can be used to create general-purpose [[template tiddlers|TemplateTiddlers]].
The title of the current tiddler can always be found in the <<.vlink currentTiddler>> variable.
The two most common ways in which the current tiddler is changed are:
* the <<.wlink TiddlerWidget>> widget
* the <<.wlink ListWidget>> widget (when its <<.attr variable>> attribute is not overridden)
The current tiddler is therefore often <<.em not>> the same as the [[tiddler that is being viewed or edited|storyTiddler Variable]].
The <<.def currentTiddler>> [[variable|Variables]] contains the title of the [[current tiddler|Current Tiddler]].
Several aspects of WikiText use this tiddler as their context. As a result, within a <<.wlink ListWidget>> widget or a [[template tiddler|TemplateTiddlers]], there is often no need to explicitly specify a tiddler title.
Compare <<.vlink storyTiddler>>.
<<.variable-examples "currentTiddler">>
The following two examples have the same meaning:
<$macrocall $name=".example" n="1" eg="""<$view field=title/>"""/>
<$macrocall $name=".example" n="2" eg="""<$view tiddler=<<currentTiddler>> field=title/>"""/>
This next example shows how the <<.wlink ListWidget>> widget changes the current tiddler:
<$macrocall $name=".example" n="3"
eg="""<ol>
<$list filter="[prefix[J]]">
<li><<currentTiddler>></li>
</$list>
</ol>"""/>
Information about customising TiddlyWiki
<<list-links "[tag[Customise TiddlyWiki]]">>
By default, the results for the sidebar search box are displayed as a simple list of tiddler titles. The search results can be customised by adding plugin visualisations that show the search results in different ways. (Tabs are shown automatically if an additional search result visualisation is detected).
Search result visualisations are stored in tiddlers tagged [[$:/tags/SearchResults]]. The default search result listing is implemented in the system tiddler [[$:/core/ui/DefaultSearchResultList]].
To create a new search result visualisation:
# Create a new tiddler tagged [[$:/tags/SearchResults]]
# Use the widget variable ''searchTiddler'' to access the title of the tiddler containing the current search term
If you'd like the new visualisation to be the default, create a tiddler called [[$:/config/SearchResults/Default]] containing the title of the tiddler containing the search visualisation that you want to display by default.
Here is an example of an alternative visualisation that displays results in reverse chronological order:
```
\define searchResults()
<$set name="resultCount" value="""<$count filter="[!is[system]search{$(searchTiddler)$}]"/>""">
{{$:/language/Search/Matches}}
</$set>
<<timeline subfilter:"!is[system]search{$(searchTiddler)$}">>
\end
<<searchResults>>
```
The D3 plugin integrates the D3 visualisation library with TiddlyWiki.
See http://tiddlywiki.com/plugins/tiddlywiki/d3/
You can create an n-dash with a double hyphen `--` and an m-dash with a triple hyphen `---`. For example -- this is an example --- and so is this
A <<.dlink-ex "data URI" "http://en.wikipedia.org/wiki/Data_URI_scheme">> is a way of storing data (such as an image) in a way that is compatible with the addresses used by web pages and [[stylesheets|Cascading Style Sheets]] to access external resources.
The <<.mlink datauri>> macro can be used to generate data URIs within ~TiddlyWiki.
A data tiddler is a miniature database contained within a tiddler.
There are two standard formats:
* DictionaryTiddlers
* [[JSONTiddlers]]
Other formats of tiddler can also be parsed to yield blocks of data that behave like data tiddlers.
Use a TextReference to look up a value by its name. For example, if a [[DictionaryTiddler|DictionaryTiddlers]] called `MonthDays` contains:
```
oct:31
nov:30
dec:31
```
... then `{{MonthDays##nov}}` will resolve to the value `30`.
The same is true if `MonthDays` is a [[JSONTiddler|JSONTiddlers]] with the following content:
```
{"oct":31,"nov":30,"dec":31}
```
Note: //It is currently only possible to retrieve data from the immediate properties of the root object of a JSONTiddler.//
The <<.def datauri>> [[macro|Macros]] returns a [[data URI|Data URI]] for the content of a tiddler.
It is often used in [[stylesheet|Cascading Style Sheets]] tiddlers to reference things like inline images and fonts:
> `background: url(<<datauri "Motovun Jack.jpg">>);`
The data URI is automatically [[base64|Base64]]-encoded in the case of a non-text tiddler.
!! Parameters
;title
: The title of a tiddler, such as an image
<<.macro-examples "datauri">>
<$macrocall $name=".example" n="2"
eg="""<style>
.jack {
background: url(<$macrocall $name="datauri" title="Motovun Jack.jpg" $output="text/plain"/>);
height: 300px;
}
</style>
<div class="jack"/>"""/>
The example has to invoke <<.var datauri>> through the <<.wid macrocall>> widget. It needs to prevent the macro's output from being parsed as WikiText, as that would transform the data URI into a <<.wlink LinkWidget>> widget and break the example. If the example was in a CSS tiddler, you could simply write:
> `background: url(<<datauri "Motovun Jack.jpg">>);`
Certain [[fields|TiddlerFields]] of a tiddler are used to store dates and times.
The two standard date fields are <<.field created>> and <<.field modified>>.
Values of date fields are 17-character strings:
* 4 digits for the year
* 2 digits for the month
* 2 digits for the day
* 2 digits for the hour
* 2 digits for the minute
* 2 digits for the second
* 3 digits for the millisecond
To avoid problems arising from differences of time zone, TiddlyWiki always uses [[UTC|http://en.wikipedia.org/wiki/Coordinated_Universal_Time]].
As an example, the <<.field created>> field of this tiddler has the value <<.value """<$view field="created"/>""">>.
Dates can be [[converted to other formats|DateFormat]] for display:
<$macrocall $name="wikitext-example-without-html"
src="""<$view field="created" format="date" template="DDD DDth MMM YYYY"/>""">
The ViewWidget accepts a `template` attribute that allows the format of date values to be specified. The format string is processed with the following substitutions:
|!Token |!Substituted Value |
|`DDD` |Day of week in full (eg, "Monday") |
|`ddd` |Short day of week (eg, "Mon") |
|`DD` |Day of month |
|`0DD` |Adds a leading zero |
|`DDth` |Adds a suffix |
|`WW` |ISO-8601 week number of year |
|`0WW` |Adds a leading zero |
|`MMM` |Month in full (eg, "July") |
|`mmm` |Short month (eg, "Jul") |
|`MM` |Month number |
|`0MM` |Adds leading zero |
|`YYYY` |Full year |
|`YY` |Two digit year |
|`wYYYY` |Full year with respect to week number |
|`wYY` |Two digit year with respect to week number |
|`hh` |Hours |
|`0hh` |Adds a leading zero |
|`hh12` |Hours in 12 hour clock |
|`0hh12` |Hours in 12 hour clock with leading zero |
|`mm` |Minutes |
|`0mm` |Minutes with leading zero |
|`ss` |Seconds |
|`0ss` |Seconds with leading zero |
|`am` or `pm` |Lower case AM/PM indicator |
|`AM` or `PM` |Upper case AM/PM indicator |
|`TZD` |Timezone offset |
|`\x` |Used to escape a character that would otherwise have special meaning |
Note that other text is passed through unchanged, allowing commas, colons or other separators to be used.
! Examples
|!Template |!Output |
|`DDth MMM YYYY` |16th February 2011 |
|`DDth MMM \M\M\M YYYY` |16th February MMM 2011 |
|`DDth mmm hh:mm:ss` |16th Feb 2011 11:38:42 |
<<.this-is-operator-example>>
It has a <<.field list>> field containing the following items:
<<list-links "[list[]]">>
These are definitions of technical words and phrases used in this documentation. (As distinct from the [[Concepts]] that make up TiddlyWiki itself).
<<list-links "[tag[Definitions]]">>
HTML definition lists are created with this syntax:
<<wikitext-example src:"; Term being defined
: Definition of that term
; Another term
: Another definition
">>
Die deutsche Übersetzung von TiddlyWiki ist verfügbar unter:
* ''Dokumentation'': http://tiddlywiki.com/languages/de-DE/index.html
* ''Leer'': http://tiddlywiki.com/languages/de-DE/empty.html
Siehe auch: [[Deutsch (Österreich) Edition]].
Die österreichische Übersetzung von TiddlyWiki ist verfügbar unter:
* ''Dokumentation'': http://tiddlywiki.com/languages/de-AT/index.html
* ''Leer'': http://tiddlywiki.com/languages/de-AT/empty.html
Siehe auch: [[Deutsch (Deutschland) Edition]].
There are several resources for developers to learn more about TiddlyWiki and to discuss and contribute to its development.
* [[tiddlywiki.com/dev|http://tiddlywiki.com/dev]] is the official developer documentation
* [[TiddlyWikiDev group|http://groups.google.com/group/TiddlyWikiDev]] for discussions about TiddlyWiki development
* https://github.com/Jermolene/TiddlyWiki5 for the source code and development activity
A dictionary tiddler is a [[data tiddler|DataTiddlers]] containing a simple list of name/value pairs.
Its [[ContentType]] is `application/x-tiddler-dictionary`.
The `text` field consists of one or more lines of the form <code>//name//: //value//</code>.
[[ColourPalettes]], such as the [[default Vanilla palette|$:/palettes/Vanilla]], are dictionary tiddlers.
You've never seen //anything// like ~TiddlyWiki. ~TiddlyWiki is:
:: a tool,
:: a toolbox,
:: a community,
:: and a philosophy.
! ~TiddlyWiki is a Tool
''~TiddlyWiki is first and foremost a tool:'' it is a free downloadable tool for capturing and organising content from the web, from your documents or from your brain. Its a tool for note-taking, bookmarking, pinning, writing, managing to-do lists and projects, collaborating, blogging, and publishing.
In ~TiddlyWiki you create or paste content into notes called tiddlers, then connect your tiddlers with hyperlinks and tags. You can then quickly retrieve your notes through features such as tag pills, sidebar tabs, and ~TiddlyWiki's lightning fast search window. You can even dynamically include one tiddler's content inside another - similar to using building blocks - to create articles, lists, presentations and more.
! ~TiddlyWiki is a Toolbox
In addition to being a versatile tool, ''~TiddlyWiki is also a toolbox.''
Where other note-taking products hook you with the basic program then charge you for the really helpful features, ~TiddlyWiki has an ever-expanding collection of completely free visual themes, colour palettes, plugins, widgets and macros, which you can then mix and match so that you can tweak and tailor your ~TiddlyWiki to get it just the way you want it.
! ~TiddlyWiki is also a Community
We are a [[community|Community]] of users and developers who help each other imagine new ways of thinking and organising and create new solutions, so that ~TiddlyWiki is continually adapting to better serve your needs. ~TiddlyWiki users and developers share questions and advice at a ~TiddlyWiki Google group. They also create tutorials, adaptations, and plugins to enhance your ~TiddlyWiki experience. See the section ''Community'' of the TableOfContents for more details.
! Finally, ~TiddlyWiki is a philosophy
The purpose of taking and organising a note (or recording any kind of content) is to be able to retrieve it later. If you can't find your notes in your note-taking system, your note-taking becomes a colossal waste of time.
The [[TiddlyWiki philosophy|Philosophy of Tiddlers]] is that the best way to take notes is to separate them into tiddlers, the smallest semantic units possible. A tiddler might be an image, a webpage link, a concept, the definition of a term, or a specific customisation such as a macro.
These tiddlers can then be woven together to create longer units: stories, articles, lists, image galleries, and much more. ~TiddlyWiki's features such as tagging, hyperlinking, and filters are specially designed to help you relate and connect tiddlers together in multiple ways, facilitating your future retrieval of your notes and even helping you see unexpected relationships among your tiddlers and the information they contain.
The <<.dlink-ex DOM "http://en.wikipedia.org/wiki/Document_Object_Model">> of a web page is a tree-shaped model of its content, maintained internally by the web browser as the user interacts with that content. Each point in the tree is called a <<.def node>>.
When ~TiddlyWiki is running in a web browser, its [[widgets|Widgets]] are rendered into DOM nodes for display.
When ~TiddlyWiki is running on [[Node.js|TiddlyWiki on Node.js]], it uses a fake DOM to simulate the behaviour of a browser.
The following macros are used throughout ~TiddlyWiki's documentation. Their names start with a dot to keep them out of the way of names that a user might try experimenting with.
!General
|!Macro |!Used for |!Example |
|.def |the defining instance of a term |<<.def widget>> |
|.em |minor emphasis within a sentence |<<.em not>> |
|.place |a placeholder for the user to fill in |<<.place tagname>> |
|.strong |major emphasis within a tiddler |<<.strong Important!>> |
|.word |a mention of an ordinary word or phrase |<<.word "hello world">> |
!Advice
|!Macro |!Used for |!Example |
|^.tip |^hints and tips |<<.tip "Turn your screen on, otherwise<br>you won't be able to see much.">> |
|^.warning |^warning advice |<<.warning "Make a backup of your file<br>before you upgrade.">> |
!Blocks
|!Macro |!Used for |
|.preamble |an introductory sentence that stands apart from the rest of the tiddler |
!Tiddlers and fields
|!Macro |!Used for |!Example |
|.tid |a tiddler title |<<.tid Example>> |
|.tag |a tag |<<.tag Example>> |
|.field |a field name |<<.field example>> |
|.value |a field value |<<.value "example value">> |
|.op |a filter operator |<<.op backlinks>> |
|.var |a variable or macro name |<<.var currentTiddler>> |
|.wid |a widget name |<<.wid list>> |
|.attr |an attribute name |<<.attr filter>> |
|.param |a macro parameter name |<<.param text>> |
!Links
|!Macro |!Used for |!Example |
|.link |a link containing WikiText |<<.link "^^an^^ ~~example~~" Example>> |
|.clink |a code link |<<.clink `<$list>` ListWidget>> |
|.dlink |a link on a defining instance of a term |<<.dlink widget Widgets>> |
|.dlink-ex |an external link on a defining instance of a term |<<.dlink-ex Example "http://example.com/">> |
|.flink |a link to a field |<<.flink ListField>> |
|.mlink |a link to a macro |<<.mlink qualify>> |
|.mlink2 |a link to a macro, with specified target |<<.mlink2 foo "Examples of Macros">> |
|.olink |a link to an operator |<<.olink prefix>> |
|.olink2 |a link to an operator, with specified target |<<.olink2 foo prefix>> |
|.vlink |a link to a variable |<<.vlink currentTiddler>> |
|.vlink2 |a link to a variable, with specified target |<<.vlink2 foo "Examples of Variables">> |
|.wlink |a link to a widget |<<.wlink ButtonWidget>> |
|.wlink2 |a link to a widget, with specified text |<<.wlink2 foo ButtonWidget>> |
!User interface
|!Macro |!Used for |!Example |
|.key |a key on the keyboard |<<.key Escape>> |
|.keycombo |a key combination |<<.keycombo Ctrl Enter>> |
!Tabs
|!Macro |!Used for |!Example |
|.sidebar-tab |the name of a sidebar tab |<<.sidebar-tab More>> |
|.more-tab |the name of a subtab of the More tab |<<.more-tab Shadows>> |
|.info-tab |the name of a tiddler info tab |<<.info-tab Fields>> |
|.controlpanel-tab |the name of a Control Panel tab |<<.controlpanel-tab Settings>> |
|.advancedsearch-tab |the name of an Advanced Search tab |<<.advancedsearch-tab Filter>> |
|.toc-tab |name of the tw5.com TOC tab |<<.toc-tab>> |
|.example-tab |an example tab name |<<.example-tab "Notes">> |
!!Parameters for .sidebar-tab
|Open |<<.sidebar-tab Open>> |
|Recent |<<.sidebar-tab Recent>> |
|Tools |<<.sidebar-tab Tools>> |
|More |<<.sidebar-tab More>> |
!!Parameters for .more-tab
|All |<<.more-tab All>> |
|Recent |<<.more-tab Recent>> |
|Tags |<<.more-tab Tags>> |
|Missing |<<.more-tab Missing>> |
|Drafts |<<.more-tab Drafts>> |
|Orphans |<<.more-tab Orphans>> |
|Types |<<.more-tab Types>> |
|System |<<.more-tab System>> |
|Shadows |<<.more-tab Shadows>> |
!!Parameters for .info-tab
|Tools |<<.info-tab Tools>> |
|References |<<.info-tab References>> |
|Tagging |<<.info-tab Tagging>> |
|List |<<.info-tab List>> |
|Listed |<<.info-tab Listed>> |
|Fields |<<.info-tab Fields>> |
|Advanced |<<.info-tab Advanced>> |
!!Parameters for .controlpanel-tab
|Info |<<.controlpanel-tab Info>> |
|Appearance |<<.controlpanel-tab Appearance>> |
|Settings |<<.controlpanel-tab Settings>> |
|Saving |<<.controlpanel-tab Saving>> |
|Plugins |<<.controlpanel-tab Plugins>> |
!!Parameters for .advancedsearch-tab
|Standard |<<.advancedsearch-tab Standard>> |
|System |<<.advancedsearch-tab System>> |
|Shadows |<<.advancedsearch-tab Shadows>> |
|Filter |<<.advancedsearch-tab Filter>> |
!Buttons
|!Macro |!Used for |!Example |
|.button |a standard button name and icon |<<.button "new-tiddler">> |
!!Parameters for .button
!!!Tiddler toolbar
|clone |<<.button "clone">> |
|close |<<.button "close">> |
|close-others |<<.button "close-others">> |
|edit |<<.button "edit">> |
|export-tiddler |<<.button "export-tiddler">> |
|info |<<.button "info">> |
|more-tiddler-actions |<<.button "more-tiddler-actions">> |
|new-here |<<.button "new-here">> |
|new-journal-here |<<.button "new-journal-here">> |
|permalink |<<.button "permalink">> |
!!!Edit-mode toolbar
|cancel |<<.button "cancel">> |
|delete |<<.button "delete">> |
|save |<<.button "save">> |
!!!Page toolbar
|advanced-search |<<.button "advanced-search">> |
|close-all |<<.button "close-all">> |
|control-panel |<<.button "control-panel">> |
|encryption |<<.button "encryption">> |
|export-page |<<.button "export-page">> |
|full-screen |<<.button "full-screen">> |
|home |<<.button "home">> |
|import |<<.button "import">> |
|language |<<.button "language">> |
|more-page-actions |<<.button "more-page-actions">> |
|new-journal |<<.button "new-journal">> |
|new-tiddler |<<.button "new-tiddler">> |
|permaview |<<.button "permaview">> |
|refresh |<<.button "refresh">> |
|save-wiki |<<.button "save-wiki">> |
|storyview |<<.button "storyview">> |
|tag-manager |<<.button "tag-manager">> |
|theme |<<.button "theme">> |
The documentation for ~TiddlyWiki tries to follow a consistent editorial style. It has two main areas, each with its own tone and audience:
* [[Instruction Tiddlers]]
* [[Reference Tiddlers]]
We keep the two areas distinct. This avoids overwhelming relative newcomers, while still providing quick access to the information that expert users need.
Additional topics:
* [[Tiddler Title Policy]]
* [[Tiddler Structure]]
* [[Spelling]]
* [[Typography]]
* [[Documentation Macros]]
* [[Technical Prose Style]]
[[Filters]] manipulate [[sets of titles|Title Selection]] in which no title may appear more than once. Furthermore, they often need to append one such set to another.
This is done in such a way that, if a title would be duplicated, the earlier copy of that title is discarded. The titles being appended are dominant.
For example, if a selection contains `Andrew Becky Clara Daniel` and `Andrew Barney Clara Daisy` is then appended to it, the result is `Becky Daniel Andrew Barney Clara Daisy`.
Tiddlers that have a `draft.of` field are treated as pending drafts of the tiddler specified in the field. Draft tiddlers should also have a `draft.title` field that specifies the title that will be given to the tiddler when it is saved.
Several features work in concert to give the desired behaviour for draft tiddlers:
* The ListWidget can optionally render draft tiddlers through a different template
* The NavigatorWidget incorporates handlers for the following events:
** `tm-new-tiddler` for creating a new tiddler in draft mode
** `tm-edit-tiddler` for moving a tiddler into edit mode
** `tm-cancel-tiddler` for cancelling a tiddler out of edit mode
** `tm-save-tiddler` for saving a draft tiddler
* Draft tiddlers are automatically excluded from search operations
! Introduction
The dropzone widget creates an area into which the user can drag files and other objects. It also supports pasting via the clipboard, although browser support is currently limited.
It sends a [[WidgetMessage: tm-import-tiddlers]] carrying a JSON representation of the tiddlers to be imported up through its parents. This message usually trapped by the NavigatorWidget which adds the tiddlers to the store and updates the story to display them.
! Content and Attributes
The dropzone widget has no attributes, and displays any contained content within the dropzone.
! Display
The dropzone widget creates an HTML `<div class="tc-dropzone">` to contain its content. During a drag operation the class `tc-dragover` is added. CSS is used to provide user feedback.
! Data types supported
The following data transfer types are supported:
* ''text/vnd.tiddler'' - a list of tiddlers in JSON format (this format is generated by the LinkWidget)
* ''text/plain'' - plain text
* ''text/uri-list'' - a list of URIs as a single tiddler
The <<.def dumpvariables>> [[macro|Macros]] returns a table showing the values of all [[variables|Variables]] and [[macros|Macros]] that exist at that position in the [[widget tree|Widgets]].
It is useful for debugging and exploring ~TiddlyWiki's internals.
Placeholders are replaced with values in the normal way, but using the default values for all macro parameters.
!! Parameters
(none)
<<.macro-examples "dumpvariables">>
<$macrocall $name=".example" n="1"
eg="""<$set name="EXAMPLE" value="123.$(EXAMPLE2)$.789">
<$set name="EXAMPLE2" value="456">
<<dumpvariables>>
</$set>
</$set>"""/>
Each input title is processed in turn. The value of field <<.place F>> in the corresponding tiddler is examined.
;each
:As long as the field's value has not been encountered before, the title is appended to the output.
;each:list
:The value is treated as a [[title list|Title List]]. Each title in the list considered in turn. If it has not been encountered before, it is appended to the output.
If a tiddler doesn't contain field <<.place F>>, it is treated as if the field's value was empty.
<<.operator-examples "each">>
<<.operator-example 1 "[each[color]]">>
<<.operator-example 2 "[sort[title]each[type]]" "the alphabetically first tiddler of each type">>
For an example of using the <<.op each>> operator to generate a two-tier list of groups and members, see [[GroupedLists]].
Each input title is processed in turn. The value of field <<.place F>> in the corresponding tiddler is examined, and as long as this indicates a date that has not been encountered before, the title is appended to the output.
If a tiddler doesn't contain field <<.place F>>, it contributes nothing to the output.
<<.operator-examples "eachday">>
<<.operator-example 1 "[eachday[created]]" "the first tiddler created on each day">>
For an example of using the <<.op eachday>> operator to generate a two-tier list of groups and members, see [[GroupedLists]].
! Introduction
The edit bitmap widget provides a user interface in the browser for editing bitmap tiddlers. It is currently a primitive proof-of-concept, supporting resizing and painting with a single color and line width.
! Content and Attributes
The content of the `<$edit-bitmap>` widget is ignored.
|!Attribute |!Description |
|tiddler |The tiddler to edit (defaults to the [[current tiddler|Current Tiddler]]) |
! Configuration
The edit bitmap widget can be configured with these system tiddlers:
* [[$:/config/BitmapEditor/LineWidth]] determines the line width: <$edit-text tiddler="$:/config/BitmapEditor/LineWidth" tag="input"/>
* [[$:/config/BitmapEditor/Colour]] determines the line color: <$edit-text tiddler="$:/config/BitmapEditor/Colour" tag="input" type="color"/>
Michael Fogleman has written an [[Emacs|http://www.gnu.org/software/emacs/]] major mode called [[tid-mode|https://github.com/mwfogleman/tid-mode]], which is for editing TiddlyWiki .tid files. It is derived from text-mode, uses the useful minor modes org-struct and subword, and updates the modified times when you save a .tid file.
He also wrote two helper functions for using TiddlyWiki in Emacs. The first opens a tiddlers directory in Dired; the second opens TiddlyWiki in the browser.
```
(defun open-wiki ()
"Opens a TiddlyWiki directory in Dired."
(interactive)
(dired "~/Dropbox/wiki/tiddlers/"))
```
```
(defun browse-wiki ()
"Opens TiddlyWiki in the browser."
(interactive)
(browse-url "127.0.0.1:8080/"))
```
This latter function may require specifying a browser:
```
(setq browse-url-browser-function 'browse-url-generic
browse-url-generic-program "chromium")
```
You can bind either of these functions with the global-set-key function:
```
(global-set-key (kbd "C-c w") 'open-wiki)
```
At the moment, these are not integrated into tid-mode.
Each input title is processed in turn, ignoring any that is not the name of a ~TiddlyWiki edition.
<<.node-only-operator>>
TiddlyWiki is distributed in several different editions that are tuned for specific purposes. Each one consists of the same TiddlyWiki core components along with the required plugins, documentation and sample content.
You can mix and match the components of these editions, to make a unique solution to your particular application.
<<list-links "[tag[Editions]]">>
{{$:/language/Help/editions}}
! Introduction
The edit text widget provides a user interface in the browser for editing text tiddler fields. The editing element is dynamically bound to the underlying tiddler value: changes to the tiddler are instantly reflected, and any edits are instantly propogated.
By default, the edit text widget generates a `<textarea>` as the HTML editing element when the `text` field is edited, and a `<input type="text">` element otherwise. This behaviour can be overridden with the `tag` and `type` attributes.
! Content and Attributes
The content of the `<$edit-text>` widget is ignored.
|!Attribute |!Description |
|tiddler |The tiddler to edit (defaults to the [[current tiddler|Current Tiddler]]) |
|field |The field to edit (defaults to `text`). Takes precedence over the `index` attribute |
|index |The index to edit |
|default |The default text to be provided when the target tiddler doesn't exist |
|class |A CSS class to be assigned to the generated HTML editing element |
|placeholder |Placeholder text to be displayed when the edit field is empty |
|focusPopup |Title of a state tiddler for a popup that is displayed when the editing element has focus |
|focus |Set to "true" to automatically focus the editor after creation |
|tag |Overrides the generated HTML editing element tag. Use `textarea` for a multi-line editor |
|type |Overrides the generated HTML editing element `type` attribute |
|size |The size of the input field (in characters) |
|autoHeight |Either "yes" or "no" to specify whether to automatically resize `textarea` editors to fit their content (defaults to "yes") |
|minHeight |Minimum height for automatically resized `textarea` editors, specified in CSS length units such as "px", "em" or "%" |
! Notes
One trap to be aware of is that the edit text widget //cannot be used// to edit a field of the tiddler that contains it. Each keypress results in the tiddler being re-rendered, which loses the cursor position within the text field.
Instead, place the edit text widget in a [[template|TemplateTiddlers]] that references the tiddler you want to modify.
For example, if you wanted the tiddler GettingStarted to edit the value of the "myconfig" field of the tiddler "AppSettings", you might do so by creating a separate tiddler "ChangeAppSettings" that contains the following:
```
<$edit-text tiddler="AppSettings" field="myconfig"/>
```
And reference the template in any other tiddler (e.g. GettingStarted) with `{{ChangeAppSettings}}`.
This works when your use of the tiddler //is not// the AppSettings itself which would cause a recursion problem. In this latter case you have to save the fields to a temporary (or alternative) tiddler (sort of the reverse of above) like so:
```
<$edit-text tiddler="StoreAppSettings" field="myconfig"/>
```
In short the EditTextWidget //can not// change properties of the tiddler it is embedded in or part of. It can only change fields of //other// tiddlers. One could use ShadowTiddlers to accomplish the field storage if needed.
! Introduction
The edit widget provides a general purpose interface for editing a tiddler. It dynamically chooses the appropriate widget depending on the type of the tiddler (currently either the EditTextWidget or the EditBitmapWidget).
! Content and Attributes
The content of the `<$edit>` widget is ignored.
|!Attribute |!Description |
|tiddler |The tiddler to edit (defaults to the [[current tiddler|Current Tiddler]]) |
|field |The field to edit (defaults to `text`). Takes precedence over the `index` attribute |
|index |The index to edit |
|class |A CSS class to be added the generated editing widget |
The "empty" edition of TiddlyWiki is a vanilla distribution, with no additional plugins or configuration beyond the core code.
The empty edition can be downloaded from:
http://tiddlywiki.com/empty.html
When used as a single HTML file, TiddlyWiki5 allows content to be encrypted using the [[Stanford JavaScript Crypto Library]].
# Switch to the ''Tools'' tab in the sidebar and look for the button with a padlock icon
# If the button is labelled "set password" then the current wiki is not encrypted. Clicking the button will prompt for a password that will be used to encrypt subsequent saves
# If the button is labelled "clear password" then the current wiki is already encrypted. Clicking the button will remove the password so that subsequent saves will be unencrypted
# Optionally, open the saved file in a text editor and verify that your data is encrypted
# Open the file in your browser. You will be prompted for a password before the content is displayed
Note that TiddlyWiki has two other unrelated features concerned with passwords/encryption:
* The ability to set a password when saving to TiddlySpot. This is done in the "Saving" tab of control panel
* The ability to use standard HTTP basic authentication with the [[Node.js|TiddlyWiki on Node.js]] server configuration. This is done on the command line with the ServerCommand. Combined with SSL, this gives the same level of transit encryption as you'd get with online services like Google or Dropbox, but there is no encryption of data on disk
TiddlyWiki5 allows the entire content of a TiddlyWiki HTML file to be encrypted with the Stanford JavaScript Crypto Library. Opening an encrypted TiddlyWiki in the browser prompts for a password before decrypting and displaying the content.
For instructions on how to use TiddlyWiki5's encryption features, see [[Encryption]].
The EncryptionMechanism is implemented with the following elements:
* A PasswordVault within the BootMechanism that holds the current encryption password
* The ability of the BootMechanism to read a block of encrypted tiddlers from the TiddlyWiki file, to prompt the user for a password, and to decrypt the tiddlers
* Handlers for the messages [[WidgetMessage: tm-set-password]] and [[WidgetMessage: tm-clear-password]] that handle the user interface for password changes
* The EncryptWidget within the main file template that encrypts a filtered list of tiddlers with the currently held password
* The [[$:/isEncrypted]] tiddler that contains "yes" or "no" according to whether there is a password in the password vault
** The availability of this tiddler allows the RevealWidget to be used to selectively display user interface elements according to whether encryption is in force
! Introduction
The encrypt widget renders a filtered list of tiddlers to an encrypted block with the password currently held in the PasswordVault. The encrypted block can subsequently be decrypted by the TiddlyWiki5 BootMechanism. See the EncryptionMechanism for more details.
! Content and Attributes
The content of the `<$encrypt>` widget is ignored.
|!Attribute |!Description |
|filter |Filter defining the tiddlers to be included in the encrypted block. If not specified then all non-system tiddlers are used |
[[TiddlyWiki on Node.js]] supports the following OS environment variables for specifying a colon-delimited list of paths to search for plugins and editions:
* `TIDDLYWIKI_PLUGIN_PATH` - Search path for ordinary plugins
* `TIDDLYWIKI_THEME_PATH` - Search path for themes
* `TIDDLYWIKI_LANGUAGE_PATH` - Search path for languages
* `TIDDLYWIKI_EDITION_PATH` - Search path for editions (used by the InitCommand)
The additional paths should each point to folders structured like the equivalent directories in the TiddlyWiki5 GitHub repository: the plugin, theme and language directories contain `publisher/pluginname/<files>` while the edition directories contain `editionname/<files>`
For example:
```
TIDDLYWIKI_PLUGIN_PATH=~/MyPluginStore
tiddlywiki mywiki --build index
```
I collect my tw5 creations on-line as http://eucaly-tw5.tiddlyspot.com/
Available Plugins :
*TitleMe - Return in-place tiddler title, to link / show / edit the source tiddler
*QuickJump - Quick jump to tiddlers in story list
*FlexWidth - Flexibly tweak sidebar width for TiddlyWiki 5 (Inspired by TW5 tristate Sidebar)
*MatchFilter - returns matching text instead of a list of the tiddlers from FieldFilter
*PopupTagger - TagBar / TagTable with popup list of tags (Inspired by MonkeyTaggerMacro for TiddlyWiki classic)
This tiddler exists to demonstrate the <<.mlink tag>> macro.
<$macrocall $name=".example" n="1"
eg="""<div class="tc-table-of-contents">
<<toc-expandable "Contents">>
</div>"""/>
<$macrocall $name=".example" n="1"
eg="""<div class="tc-table-of-contents">
<<toc-selective-expandable "Contents">>
</div>"""/>
<$macrocall $name=".example" n="1"
eg="""<div class="tc-table-of-contents">
<<toc "Contents">>
</div>"""/>
<$macrocall $name=".example" n="1"
eg="""<div class="tc-table-of-contents">
<<toc-expandable "Contents" "sort[title]">>
</div>"""/>
<$macrocall
$name="toc-tabbed-external-nav"
tag="TableOfContents"
selectedTiddler="$:/temp/toc/selectedTiddler"
unselectedText="<p>Select a topic in the table of contents. Click the arrow to expand a topic.</p>"
missingText="<p>Missing tiddler.</p>"
/>
```
<$macrocall
$name="toc-tabbed-external-nav"
tag="TableOfContents"
selectedTiddler="$:/temp/toc/selectedTiddler"
unselectedText="<p>Select a topic in the table of contents. Click the arrow to expand a topic.</p>"
missingText="<p>Missing tiddler.</p>"
/>
```
<$macrocall
$name="toc-tabbed-internal-nav"
tag="TableOfContents"
selectedTiddler="$:/temp/toc/selectedTiddler"
unselectedText="<p>Select a topic in the table of contents. Click the arrow to expand a topic.</p>"
missingText="<p>Missing tiddler.</p>"
/>
```
<$macrocall
$name="toc-tabbed-internal-nav"
tag="TableOfContents"
selectedTiddler="$:/temp/toc/selectedTiddler"
unselectedText="<p>Select a topic in the table of contents. Click the arrow to expand a topic.</p>"
missingText="<p>Missing tiddler.</p>"
/>
```
This collection showcases inspiring and interesting examples of TiddlyWiki being used in the wild.
Submit new entries to this collection via GitHub, Twitter or by posting in the [[TiddlyWiki Groups|Forums]].
<div class="tc-link-info">
<$list filter="[tag[Examples]!sort[modified]]">
<div class="tc-link-info-item">
! <$link><$view field="title"/></$link>
<div class="tc-subtitle">Posted <$view field="modified" format="relativedate"/></div>
<$transclude/>
</div>
</$list>
External images in TiddlyWiki are tiddlers that point to the URI of an image, rather than embedding the full image data. They can perform better than embedded images, particularly with large numbers or sizes of images. However, using them breaks the single file pattern of TiddlyWiki.
External images are used in the browser. They can be created by the Node.js configuration when it builds a TiddlyWiki, or they can be created manually within the browser.
! What is an External Image
An external image is an ordinary image tiddler that has a ''_canonical_uri'' field containing the URI of the image. The URI can be absolute or relative to the HTML document. If the canonical URI is provided then the ''text'' field of the tiddler is ignored and so should be omitted.
! Manually Creating External Images
To manually create an external image just create the tiddler with the appropriate image content type, and add a ''_canonical_uri'' field with a URI pointing to the actual image location.
''IMPORTANT:'' Double-check your spelling. ``_canonical_uri`` is spelled [[URI|https://en.wikipedia.org/wiki/URI#The_relationship_between_URIs.2C_URLs.2C_and_URNs]], not URL.
! Creating external images under Node.js
The following steps are used to create a static HTML file version of a wiki accompanied by an ''images'' folder containing the referenced external images:
# Create image tiddlers in your TiddlyWikiFolders in the usual way
# Save the images as separate files (by convention, in a subfolder named ''images'')
# Externalise the image tiddlers by giving them a ''_canonical_uri'' field
# Save the main HTML file
Note the image files must be saved before they are externalised. Externalising them destroys the ''text'' field within the in-memory copy of the wiki store, meaning that attempts to save them will fail.
For an example see the ''externalimages'' build target of the demo ''tw5.com'' wiki:
```
--savetiddlers [is[image]] images
--setfield [is[image]] _canonical_uri $:/core/templates/canonical-uri-external-image text/plain
--setfield [is[image]] text "" text/plain
--rendertiddler $:/core/save/all externalimages.html text/plain
```
!! Saving Separate Image Files
The following `--savetiddlers` command can be used to save the images of a wiki into an ''images'' subfolder:
```
--savetiddlers [is[image]] images
```
!! Externalising Image Tiddlers
Two `--setfield` commands are used: the first sets the ''_canonical_uri'' field to a URI derived from the title of the tiddler, and the second clears the text field.
```
--setfield [is[image]] _canonical_uri $:/core/templates/canonical-uri-external-image text/plain
--setfield [is[image]] text "" text/plain
```
The template tiddler [[$:/core/templates/canonical-uri-external-image]] contains:
<pre>
<$view tiddler="$:/core/templates/canonical-uri-external-image" field="text" format="text"/>
</pre>
Note that these operations modify the tiddlers in the wiki store and so may affect the operation of subsequent commands.
! Using External Images
You can't edit an external image directly in the browser except by changing the URI field to point to a different image.
\define alert-demo()
<$fieldmangler tiddler="SampleAlert"><$set name="currentTiddler" value="SampleAlert"><$button message="tm-add-tag" param="$:/tags/Alert">alerts</$button></$set></$fieldmangler>
\end
Further information about specific TiddlyWiki features:
<<list-links "[tag[Features]]">>
----
* Familiar user interface elements like <<alert-demo>>, <$button message="tm-modal" param="SampleWizard">wizards</$button> and <$button message="tm-notify" param="SampleNotification">notifications</$button>
* Try out the <$button message="tm-full-screen">full screen support</$button>
* Explore the [[D3.js visualisation plugin|http://tiddlywiki.com/plugins/tiddlywiki/d3/index.html]]
* [[CodeMirror support via a plugin|http://tiddlywiki.com/plugins/tiddlywiki/codemirror/index.html]]
* [[Markdown support via a plugin|http://tiddlywiki.com/plugins/tiddlywiki/markdown/index.html]]
* [[Classic TiddlyWiki markup support via a plugin|http://tiddlywiki.com/plugins/tiddlywiki/tw2parser/index.html]]
* Last but not least, TiddlyWiki is a rare example of a practical [[quine|Quine]]
Federatial Limited is a software consultancy founded by JeremyRuston specializing in understanding the impact of the web on the way that we work together.
See http://federatial.com/ and http://twitter.com/federatial for more information.
If <<.place S>> is empty, <<.op field>> will match both of the following:
* tiddlers that don't contain field <<.place F>>
* tiddlers in which field <<.place F>> exists but has an empty value
The syntax of a [[filter step|Filter Step]] treats any unrecognised [[filter operator|Filter Operators]] as if it was the suffix to the <<.op field>> operator. See the <<.operator-examples "field" "examples">>.
<<.operator-examples "field">>
<<.operator-example 1 "[field:author[JeremyRuston]]" "plugins authored by JeremyRuston">>
<<.operator-example 2 "[plugin-type[theme]author[JeremyRuston]]" "themes authored by JeremyRuston">>
<$macrocall $name=".example" n="1"
eg="""
<$fieldmangler>
Add tag ''example'' to this tiddler (current)<$button message="tm-add-tag" param="example">{{$:/core/images/new-button}}</$button>
<br>
Remove tag ''example'' to this tiddler (current)<$button message="tm-remove-tag" param="example">{{$:/core/images/delete-button}}</$button>
</$fieldmangler>
"""/>
! Introduction
The field mangler widget manipulates the fields and tags of a tiddler. It does so in response to the following [[Messages]]:
|!Message |!Description |
|''tm-remove-field'' |Remove the field specified in `event.param` |
|''tm-add-field'' |Add the field specified in `event.param` |
|''tm-remove-tag'' |Remove the tag specified in `event.param` |
|''tm-add-tag'' |Add the tag specified in `event.param` |
! Content and Attributes
The field mangler widget displays any contained content, and responds to [[Messages]] dispatched within it.
|!Attribute |!Description |
|tiddler |Title of the tiddler to manipulate (defaults to the [[current tiddler|Current Tiddler]]) |
<<.widget-examples "FieldMangler">>
Each input title is processed in turn. Its list of field names is retrieved (in no particular order) and then [[dominantly appended|Dominant Append]] to the operator's output.
<<.operator-examples "fields">>
<<.operator-example 1 "[[HelloThere]fields[]]" "fields of HelloThere">>
<<.operator-example 2 "[tag[Common Operators]fields[]]" "fields of all tiddlers tagged as [[Common Operators]]">>
! Introduction
The fields widget renders each field of a specified tiddler through a simple text template. A list of fields to exclude can be provided. It is used internally by TiddlyWiki5, notably by the FileSavingMechanism.
!! Template Handling
The provided template is rendered with the following special substitutions:
|!Symbol |!Substitution |
|$name$ |Field name |
|$value$ |Field value |
|$encoded_value$ |HTML encoded form of field value |
! Content and Attributes
The content of the `<$fields>` widget is ignored.
|!Attribute |!Description |
|tiddler |Title of the tiddler from which the fields are to be displayed (defaults to the [[current tiddler|Current Tiddler]]) |
|template |Text of the template (see above) |
|exclude |Lists of fields to be excluded (defaults to "text") |
|stripTitlePrefix |If set to "yes" then curly bracketed prefixes are removed from titles (for example `{prefix}HelloThere` converts to `HelloThere`) |
The `stripTitlePrefix` attribute is used when building TiddlyWiki Classic; see `editions/tw2` in the TiddlyWiki5 repo.
<$railroad text="""
[{:
[: [[whitespace|"Filter Whitespace"]] ]
("+"|:-|"-")
[[run|"Filter Run"]]
}]
"""/>
A <<.def "filter expression">> is the outermost level of the [[filter syntax|Filter Syntax]]. It consists of one or more [[runs|Filter Run]].
A run's input is normally a list of all the non-[[shadow|ShadowTiddlers]] tiddler titles in the wiki (in no particular order). But the `+` prefix can change this.
* If a run has no `+` or `-` prefix, its output titles are [[dominantly appended|Dominant Append]] to the filter's output.
* If a run has a `-` prefix, its output titles are <<.em removed>> from the filter's output (if they were present).
* If a run has a `+` prefix, it receives the filter's output so far as its input. The filter's output is then completely <<.em replaced>> by the run's output. Any subsequent run reverts to receiving all tiddler titles as its input, unless it too has a `+` prefix.
In concise technical terms:
|!Run |!Interpretation |!Output |
|`run` |union of sets |... OR run |
|`+run` |intersection of sets |... AND run |
|`-run` |difference of sets |... AND NOT run |
\define .operator-rows(filter)
<$list filter="$filter$"><tr>
<td><$link to={{!!title}}>{{!!caption}}</$link></td>
<td>{{!!op-purpose}} <$list filter="[all[current]tag[Common Operators]]">{{$:/core/images/done-button}}</$list></td>
<td align="center"><$list filter="[all[current]tag[Negatable Operators]]">`!`</$list></td>
</tr></$list>
\end
\define .group-heading(_)
<tr class="doc-table-subheading"><th colspan="3" align="center">$_$</th></tr>
\end
A <<.def "filter operator">> is a predefined keyword attached to an individual [[step|Filter Step]] of a [[filter|Filters]]. It defines the particular action of that step.
The following table lists all the core operators. The commonest ones are checkmarked. The third column indicates which operators allow <$link to="Filter Step">the <code>!</code> prefix</$link> to reverse their meaning.
<table>
<tr>
<th align="left">Operator</th>
<th align="left">Purpose</th>
<th align="left">Neg</th>
</tr>
<<.operator-rows "[tag[Filter Operators]!tag[Order Operators]!tag[String Operators]!tag[Tag Operators]!tag[Special Operators]sort[]]">>
<<.group-heading "Order Operators">>
<<.operator-rows "[tag[Filter Operators]tag[Order Operators]!tag[String Operators]!tag[Tag Operators]!tag[Special Operators]sort[]]">>
<<.group-heading "String Operators">>
<<.operator-rows "[tag[Filter Operators]!tag[Order Operators]tag[String Operators]!tag[Tag Operators]!tag[Special Operators]sort[]]">>
<<.group-heading "Tag Operators">>
<<.operator-rows "[tag[Filter Operators]!tag[Order Operators]!tag[String Operators]tag[Tag Operators]!tag[Special Operators]sort[]]">>
<<.group-heading "Special Operators">>
<<.operator-rows "[tag[Filter Operators]!tag[Order Operators]!tag[String Operators]!tag[Tag Operators]tag[Special Operators]sort[]]">>
</table>
A typical step is written as `[operator[parameter]]`, although not all of the operators need a [[parameter|Filter Parameter]].
Most steps process the [[selection of titles|Title Selection]] that are supplied as their input, but a few [[construct an entirely new selection|Selection Constructors]] instead. For the exact rules, see [[Filter Syntax]].
<$railroad text="""
( "[" [:{/"anything but ]"/}] "]"
|
"{" [:{/"anything but }"/}] "}"
|
"<" [:{/"anything but >"/}] ">"
)
"""/>
The parameter to a [[filter operator|Filter Operators]] can be:
;<<.def hard>>
: `[like this]`
: The parameter is the exact text that appears between the square brackets.
;<<.def soft>>
: <<.def indirect>>
:: `{like this}`
:: The parameter is the text indicated by the [[text reference|TextReference]] whose name appears between the curly brackets, i.e. a [[field|TiddlerFields]] of a specified tiddler, or the value of a property of a specified [[data tiddler|DataTiddlers]].
: <<.def variable>>
:: `<like this>`
:: The parameter is the current value of the [[variable|Variables]] whose name appears between the angle brackets. Macro parameters are <<.em not>> supported.
<$railroad text="""
( "[" { [[step|"Filter Step"]] } "]"
|
[:{/"anything but [ ] or whitespace"/}]
|
'"' [:{/'anything but "'/}] '"'
|
"'" [:{/"anything but '"/}] '"'
)
"""/>
A <<.def run>> consists of [[steps|Filter Step]], and it outputs a [[selection|Title Selection]] that contributes to a larger [[filter expression|Filter Expression]].
The steps are processed from left to right. The input to the first step is same as the input to the run. For each subsequent step, the input is the output of the previous step.
{{Selection Constructors}}
The lower three options in the diagram match syntax like `HelloThere`, `"HelloThere"`, `'HelloThere'` and `"Filter Operators"`. They are short for `[title[...]]`.
The quoted options exist to support titles that contain square brackets, as in `"An [[[[Unusual]]]] Tiddler"`.
<$railroad text="""
[:"!"]
[: [[operator|"Filter Operators"]] [:":" suffix] ]
[[parameter|"Filter Parameter"]]
"""/>
A <<.def step>> represents a single operation within a [[filter|Filter Syntax]].
In programming terms, it is akin to a function call to which [[the step's input|Filter Run]] is passed as an implicit parameter. A step's output is a [[selection|Title Selection]] that contributes to a [[run|Filter Run]] and hence to the entire [[filter expression|Filter Expression]] that contains it.
The step's <<.def operator>> is drawn from a list of [[predefined keywords|Filter Operators]], which can be extended by plugins. Any unrecognised operator is treated as if it was the suffix to the <<.olink field>> operator. If a step's operator is omitted altogether, it defaults to `title`.
The <<.def suffix>> is additional text, often the name of a [[field|TiddlerFields]], that extends the meaning of certain operators.
Many steps require an explicit <<.def parameter>> value, also known as an <<.def operand>>, that further defines what the step is to do.
<<.preamble """[[Filters]] follow a grammar that is presented here, using [[railroad diagrams|Railroad Diagrams]], for those who find formal syntax descriptions helpful. However, you can [[learn to write filters|Introduction to filter notation]] without needing to understand this group of tiddlers.""">>
A <<.def filter>> is a pipeline for transforming an <<.def input>> into an <<.def output>>. Both the input and the output are [[ordered sets of titles|Title Selection]] of things like tiddlers and fields.
Filters are [[expressions|Filter Expression]] constructed from smaller building blocks, called [[runs|Filter Run]] and [[steps|Filter Step]], each of which also transforms an input to an output.
A filter starts with an empty output. Its runs are processed from left to right, progressively modifying the output.
Here are details of the various building blocks involved:
<<list-links "[tag[Filter Syntax]]">>
<$railroad text="""
{( "space" | "tab" | "linefeed" | "return" | "vertical tab" | "formfeed" )}
"""/>
Whitespace characters can appear between each [[run|Filter Run]] of a [[filter expression|Filter Expression]].
You can think of TiddlyWiki as a database in which the records are tiddlers. A database typically provides a way of discovering which records match a given pattern, and in ~TiddlyWiki this is done with filters.
A <<.def filter>> is a concise notation for selecting a particular [[set of tiddlers|Title Selection]], known as its <<.def "output">>. Whenever ~TiddlyWiki encounters a filter, it calculates the output. Further work can then be done with just those tiddlers, such as [[counting|CountWidget]] or [[listing|ListWidget]] them.
The following example passes a filter to the <<.mlink list-links>> macro to display a list of all tiddlers whose titles start with the letter H:
> `<<list-links "[prefix[H]]">>`
A filter's output can change as tiddlers are added and deleted in the wiki. ~TiddlyWiki recalculates on the fly, automatically updating any filter-based counts or lists as well.
[[Advanced Search|$:/AdvancedSearch]] has a <<.advancedsearch-tab Filter>> tab that makes it easy to experiment with filters.
;Find out more:
* [[Introduction to filter notation]] -- a step-by-step walkthrough
* [[Filter Syntax]] -- the detailed technical rules
* [[Filter Operators]] -- the available methods of filtering
<<.operator-examples "first">>
<<.using-days-of-week>>
<<.operator-example 1 "[list[Days of the Week]first[]]">>
<<.operator-example 2 "[list[Days of the Week]first[5]]">>
<<.operator-example 3 "[tag[Filter Operators]!sort[title]first[]]">>
Available character formatting includes:
* <code>`backticks`</code> for `code`
** Alternatively, <code>``double backticks allows `embedded` backticks``</code>
* `''bold''` for ''bold text''
* `//italic//` for //italic text//
* `__underscore__` for __underscored text__
* `^^superscript^^` for ^^superscript^^ text
* `,,subscript,,` for ,,subscripted,, text
* `~~strikethrough~~` for ~~strikethrough~~ text
See also: [[Code Blocks in WikiText]]
Within the text of a tiddler you can use special formatting called WikiText to control how the text is displayed.
! Simple Formatting
At its simplest, WikiText lets you use familiar word-processing features like bold, italic, lists and tables. For example:
```
The ''quick'' brown ~~flea~~ fox //jumps// over the `lazy` dog
```
… displays as:
The ''quick'' brown ~~flea~~ fox //jumps// over the `lazy` dog
! Working with Tiddlers
In WikiText, you can link to tiddlers using double square brackets, or by taking advantage of the automatic linking of CamelCase words:
```
This is a link to HelloThere, and one to [[History of TiddlyWiki]]
```
… displays as:
This is a link to HelloThere, and one to [[History of TiddlyWiki]]
! Macros
Macros let you package repetitive fragments of WikiText so that you can easily reuse them.
For example, here is the definition of a macro that generates a ~YouTube video URL from its unique identifier:
```
\define youtube(video)
https://www.youtube.com/watch?v=$video$
\end
```
With that definition in place, `<<youtube 1g66s7UbyuU>>` generates the URL https://www.youtube.com/watch?v=1g66s7UbyuU
! Advanced WikiText
Advanced WikiText features allow you to produce automated lists and interactive features like dropdown menus. In fact, the entire user interface of TiddlyWiki itself is written in WikiText, so any feature that you see in TiddlyWiki can be adapted for use in your own wikis.
Some of the advanced features require complex coding. TiddlyWiki includes several built-in macros that simplify common user interface tasks, like tabs, tables of content, and lists of tiddlers.
! Find out more
See [[WikiText]] for a detailed introduction to writing WikiText.
! Users
The ~TiddlyWiki discussion groups are mailing lists for talking about ~TiddlyWiki: requests for help, announcements of new releases and plugins, debating new features, or just sharing experiences. You can participate via the associated website, or subscribe via email.
* The main ~TiddlyWiki group: http://groups.google.com/group/TiddlyWiki
*> Note that you do not need a Google Account to join the discussion groups. Subscribe by sending an email to mailto:tiddlywiki+subscribe@googlegroups.com or mailto:tiddlywikidev+subscribe@googlegroups.com.
* Watch recordings of our regular [[TiddlyWiki Hangouts]]
* Follow [[@TiddlyWiki on Twitter|http://twitter.com/TiddlyWiki]] for the latest news
! Developers
* The TiddlyWikiDev group for developers: http://groups.google.com/group/TiddlyWikiDev
*> Note that you do not need a Google Account to join the discussion groups. Subscribe by sending an email to mailto:tiddlywiki+subscribe@googlegroups.com or mailto:tiddlywikidev+subscribe@googlegroups.com.
* Follow [[@TiddlyWiki on Twitter|http://twitter.com/#!/TiddlyWiki]] for the latest news
* Get involved in the [[development on GitHub|https://github.com/Jermolene/TiddlyWiki5]]
New releases of TiddlyWiki, TiddlyDesktop and TiddlyFox are announced via the discussion groups and [[Twitter|https://twitter.com/TiddlyWiki]] (you can also subscribe to an Atom/RSS feed of [[TiddlyWiki releases from GitHub|https://github.com/jermolene/tiddlywiki5/releases.atom]])
<<.this-is-operator-example>>
The "full" edition of TiddlyWiki consists of all the available languages, themes and plugins for TiddlyWiki. It is intended for use in testing TiddlyWiki - in particular, for switching between all the available language plugins.
The full edition can be downloaded from:
http://tiddlywiki.com/editions/full/index.html
TiddlyWiki is designed with the long term needs of its users in mind. Because it is OpenSource and needs no infrastructure, we can be confident that all we'll need to access a ~TiddlyWiki file even in the far future is an ordinary HTML browser. If you're starting to use ~TiddlyWiki at the beginning of your career you can be confident that it will carry you through to retirement.
TiddlyWiki5 can be used to generate static HTML representations of a TiddlyWiki that doesn't need JavaScript.
There is much flexibility in how the static HTML is generated. The following scenarios are all illustrated on http://tiddlywiki.com.
! Wiki Snapshots and Tiddler Snapshots
You can explore a static representation of this TiddlyWiki at <a href="static.html">static.html</a>. That file is a static snapshot of the current DefaultTiddlers. Any tiddlers that it links to are referred to via URLs of the form `/static/HelloThere.html` that point to static snapshots of individual tiddlers. The tiddler HTML files reference a `static.css` stylesheet file.
The following commands are used to generate the sample static version of the TiddlyWiki5 site:
```
--rendertiddlers [!is[system]] $:/core/templates/static.tiddler.html static text/plain
--rendertiddler $:/core/templates/static.template.html static.html text/plain
--rendertiddler $:/core/templates/static.template.css static/static.css text/plain
```
The first RenderTiddlersCommand generates the HTML representations of individual tiddlers, the second RenderTiddlerCommand saves the static version of the DefaultTiddlers, and the final RenderTiddlerCommand saves the stylesheet. (All the files are placed in the `output` folder of the wiki folder).
! Wiki Snapshot with Internal Links
It is also possible to produce a single HTML file that contains static representations of tiddlers, and uses standard HTML anchor links to jump between them.
For example: <a href="alltiddlers.html">alltiddlers.html</a>
The example is built by the following commands:
```
--rendertiddler $:/core/templates/alltiddlers.template.html alltiddlers.html text/plain
```
Each input title is processed in turn. If the corresponding tiddler contains field <<.place F>>, and the value of this field is not empty, then its value is appended to the output.
Unlike most other [[Filter Operators]], the [[selection|Title Selection]] output by <<.op get>> can contain duplicates. To avoid duplicates, use `each[F]get[F]`.
<<.operator-examples "get">>
<<.operator-example 1 "[all[current]get[draft.of]]" "the title of the tiddler of which the current tiddler is a draft">>
<<.operator-example 2 "[get[tags]]">>
<<.operator-example 3 "[each[tags]get[tags]]">>
//This is a sample task for the TaskManagementExample//
<$macrocall $name=".operator-def"
input="a [[selection of titles|Title Selection]]"
parameter="the name of a [[property|DataTiddlers]]"
paramName="P"
output="the values of property <<.place P>> in each of the input titles"
/>
Each input title is processed in turn, and is ignored if it does not denote a [[data tiddler|DataTiddlers]]. If the tiddler contains property <<.place P>>, the value of that property is [[dominantly appended|Dominant Append]] to the output.
<<.operator-examples "getindex">>
<<.operator-example 1 "[[$:/palettes/Vanilla]getindex[background]]" "returns the value at index ''background'' of the [[DataTiddler|DataTiddlers]] [[$:/palettes/Vanilla]]">>
<<.operator-example 2 "[tag[$:/tags/Palette]getindex[background]]" "returns all background colors defined in any of the ColourPalettes">>
This brief tutorial takes you through the basics of saving changes with a standalone TiddlyWiki file.
//Note that the video is a bit out of date, and will be updated soon!//
<iframe width="560" height="315" src="http://www.youtube.com/embed/1g66s7UbyuU" frameborder="0" allowfullscreen></iframe>
\define default-platform()
GettingStarted - $(browser-name)$
\end
Brief instructions for getting started on the different platforms and configurations that TiddlyWiki supports. See the [[A Gentle Guide to TiddlyWiki]] for a more leisurely introduction.
<$set name="browser-name" value={{$:/info/browser/name}}>
<$macrocall $name="tabs" state="$:/state/tabs/platform" tabsList="[prefix[GettingStarted - ]]" default=<<default-platform>> class="tc-vertical"/>
</$set>
Troubleshooting:
* Don't attempt to use the browser ''File''/''Save'' menu option to save changes (it doesn't work)
See also:
* [[Encryption]] explains how to use TiddlyWiki's built-in encryption to protect your content with a password
* [[Saving on TiddlySpot]], a free service that lets you use TiddlyWiki online
* Saving on TiddlyDesktop, a custom desktop application for working with TiddlyWiki
* You can also download this full TiddlyWiki including all the documentation:
<<<
{{$:/snippets/download-wiki-button}}
If the button doesn't work save this link:
<a href="http://tiddlywiki.com/index.html" download="index.html">~http://tiddlywiki.com/index.html</a>
Your browser may ask you to accept the download before it begins
<<<
There are two options for using TiddlyWiki on Android:
! Using Firefox and TiddlyFox
{{Saving with TiddlyFox on Android}}
! Using the AndTidWiki App
{{Saving on Android}}
TiddlyWiki on Google Chrome can only save changes using the HTML5-compatible fallback saver module.
{{Saving with the HTML5 fallback saver}}
Firefox provides the best user experience for using TiddlyWiki with the TiddlyFox browser extension.
{{Saving with TiddlyFox}}
{{Saving with TiddlyIE}}
The [[Windows HTA Hack]] describes an alternative method of using TiddlyWiki with Internet Explorer.
{{Saving on iPad/iPhone}}
{{Installing TiddlyWiki on Node.js}}
TiddlyWiki on Safari can only save changes using the manual HTML5-compatible fallback saver module.
{{Saving on Safari}}
GitHub is a hosting service for distributed projects that use git as their version-control system. It allows free hosting and management of open-source projects and facilitates collaborative developement on the source code. Using GitHub for non-open-source endeavors requires additional fees.
The code and documentation of TiddlyWiki is hosted on GitHub at:
https://github.com/Jermolene/TiddlyWiki5
//This is a sample task for the TaskManagementExample//
The following sidebar tabs give examples of grouped lists created by nesting.
!! Types Tab
For the [[Types|$:/core/ui/MoreSideBar/Types]] tab, the outer list filter as shown below selects each discrete value found in the `type` field. The inner list filter selects all the (non-system) tiddlers with that type.
<<tw-code "$:/core/ui/MoreSideBar/Types">>
!! Recent Tab
The list in the [[Recent|$:/core/ui/SideBar/Recent]] tab is generated using the <<.mlink timeline>> macro. Here, the outer list filter selects each discrete day found in the `modified` field, while the inner list filter selects all the tiddlers dated the same day in the `modified` field.
<<tw-code-link "$:/core/macros/timeline">>
TiddlyWiki makes a great GuerillaWiki in situations where it is not practical to use a traditional wiki.
For instance, in a corporate setting, persuading an over-worked IT department to install a Wiki server for you is seldom going to be possible overnight. And if your PC is locked down you can't install a conventional Wiki yourself. Equally, you can't go and use one of the public hosted Wiki services because your Information Security department would not allow all that corporate data to flow into an outside server.
TiddlyWiki slices through those barriers by being usable on virtually all PCs.
A <<.def "hard link">> is one that can be detected by a superficial examination of WikiText.
A link is <<.def "soft">> if it is:
* contained in text [[trancluded|Transclusion]] from elsewhere
* supplied via a [[macro|Macros]] or [[variable|Variables]]
* generated by a link widget whose <<.attr to>> attribute is a transclusion, macro or variable
<$macrocall $name=".warning" _="""Soft links are not detected by link-related filter operators such as <<.olink backlinks>>, <<.olink links>>, <<.olink all>> and <<.olink is>>."""/>
The usual handling of [[paragraphs in wikitext|Paragraphs in WikiText]] causes single line breaks to be ignored, and double linebreaks to be interpreted as the end of a paragraph.
This behaviour isn't convenient when dealing with material that incorporates hard linebreaks - for instance, poetry. You can mark a block of content as containing hard line breaks like this:
<<wikitext-example src:'"""
This is a line
and this is a new line
while this is yet another line
and this is the final one
apart from this one
"""'>>
<<.operator-examples "has">>
<<.operator-example 1 "[has[color]]">>
<<.operator-example 2 "[tag[Concepts]!has[modified]]">>
A tiddler is deemed to have been modified if it has been written back to the wiki since the start of the current ~TiddlyWiki session. If you edit a tiddler and immediately store it again without making any changes, that is enough to mark it as modified.
<<.operator-examples "haschanged">>
Headings are specified with one or more leading `!` characters:
```
! This is a level 1 heading
!! This is a level 2 heading
!!! This is a level 3 heading
```
CSS classes can be assigned to individual headings like this:
```
!.myStyle This heading has the class `myStyle`
```
''Have you ever had the feeling that your head is not quite big enough to hold everything you need to remember?''
Welcome to TiddlyWiki, a unique [[non-linear|Philosophy of Tiddlers]] notebook for [[capturing|Creating and editing tiddlers]], [[organising|Structuring TiddlyWiki]] and [[sharing|Sharing your tiddlers with others]] complex information.
Use it to keep your [[to-do list|TaskManagementExample]], to plan an [[essay or novel|"TiddlyWiki for Scholars" by Alberto Molina]], or to organise your wedding. Record every thought that crosses your brain, or build a flexible and responsive website.
<div style="font-size:0.7em;text-align:center;margin-top:2em;margin-bottom:2em;">
<<list-thumbnails filter:"[tag[HelloThumbnail]]" width:"168" height:"95">>
</div>
Unlike conventional online services, TiddlyWiki lets you choose where to keep your data, guaranteeing that in the decades to come you will still be able to use the notes you take today.
<div style="font-size:0.7em;text-align:center;margin-top:3em;margin-bottom:3em;">
<a href="http://groups.google.com/group/TiddlyWiki" class="tc-btn-big-green" style="background-color:#FF8C19;" target="_blank">
{{$:/core/images/mail}} ~TiddlyWiki Mailing List
</a>
<a href="https://twitter.com/TiddlyWiki" class="tc-btn-big-green" style="background-color:#5E9FCA;" target="_blank">
{{$:/core/images/twitter}} @~TiddlyWiki on Twitter
</a>
<a href="https://github.com/Jermolene/TiddlyWiki5" class="tc-btn-big-green" style="background-color:#444;" target="_blank">
{{$:/core/images/github}} ~TiddlyWiki on ~GitHub
</a>
</div>
{{$:/language/Help/help}}
If you find TiddlyWiki useful, there are lots of ways you can help assure its future and make it better.
! Teach and Tell
OpenSource projects like ~TiddlyWiki thrive on the feedback and engagement of users. ~TiddlyWiki becomes more useful to everyone as more and more people use it. So, if you find ~TiddlyWiki useful, spread the word. The best possible way to assure its future is for it to become a hundred times more popular than before.
* Tweet about ~TiddlyWiki: [[I love TiddlyWiki because...|https://twitter.com/intent/tweet?text=I+love+TiddlyWiki+because...&source=tiddlywiki5]]
* [[Star the TiddlyWiki5 GitHub Repository|https://github.com/Jermolene/TiddlyWiki5]]
* [[Display the TiddlyWiki Poster|http://tiddlywiki.com/poster]]
[img width=232 [Tiddler Poster.png]]
! Help improve the documentation and code
There are many ways you can contribute to ~TiddlyWiki:
* Writing tutorials
* Contributing to the documentation on tiddlywiki.com
* Making video screencasts
* Curating relevant links, hints and tips on a wiki
The main ~TiddlyWiki documentation and code lives on GitHub, and welcomes [[contributions|Contributing]]:
* https://github.com/Jermolene/TiddlyWiki5
When TiddlyWiki first opens in the browser the search box is automatically given the focus by default. If this causes problems, you can change the default by changing this value from ''true'' to ''false'':
$:/config/Search/AutoFocus
TiddlyWiki defers processing changes to draft tiddlers until a timeout has elapsed. The default value of 400ms gives a good balance of responsiveness in most cases but isn't always optimal on lower powered mobile devices.
The timeout can now be changed by changing this value (in milliseconds):
$:/config/Drafts/TypingTimeout
The most useful configuration settings for TiddlyWiki are exposed in the [[control panel|$:/ControlPanel]] but some more advanced settings do not have a full user interface. Instead, the underlying configuration tiddlers are edited directly.
To change these settings on an empty TiddlyWiki, you can drag the links to the individual configuration tiddlers directly from this wiki into yours.
<<list-links "[tag[Hidden Settings]]">>
The Highlight plugin provides the ability to apply syntax colouring to text.
See http://tiddlywiki.com/plugins/tiddlywiki/highlight/
//These are personal reflections on the history and development of TiddlyWiki from JeremyRuston//
! Origins of TiddlyWiki
Back in 1997 a colleague introduced me to [[Ward Cunningham's original wiki|http://c2.com/cgi/wiki]]. I was impressed that something so powerful could fit into just 700 lines of Perl, and fascinated by the radical reimagining of security and permissions. Like many other developers, I took every opportunity I could to try out various wikis, and to explore their use at work.
The allure of the wiki for me was the feeling that it could eventually disrupt the prevailing paradigm of print-oriented documents and emails.
After watching people use wikis for a few years, I noticed that power users made extensive use of the ability to open multiple wiki pages at once in several browser tabs, making it easier for them to compare and review pages, to copy text between them and to act as a sort of queue of pages yet to be read.
I felt that this ability to manipulate multiple pages at once was central to the ability to refactor a wiki, and it is generally accepted that a wiki that is lovingly refactored tends to be more useful. And yet, standard wiki user interfaces have always been designed exclusively for the presentation and manipulation of single pages at once.
All of these thoughts came together when I saw GMail in April 2004, which used Ajax cleverly to blend individual emails into threaded conversations.
I started experimenting with HTML and JavaScript to explore the idea further. I'd had virtually no experience of either, just having put together some static pages and simple ASP sites in previous lives. Getting my head around these client-side technologies was painful; like everyone else, I was horrified to discover how appalling were the incompatibilities and inconsistencies of web programming.
! Launch of TiddlyWiki
So, in September 2004 I released a primitive [[first version of TiddlyWiki|http://classic.tiddlywiki.com/firstversion.html]]. It was the smallest possible thing that demonstrated the idea: it was a simple, self-contained static 48KB HTML file.
The downside of writing the first version of TiddlyWiki in this way was that it made it completely impractical to use for editing - when you click 'save changes' it just pops up a window showing the data that would be saved if it were possible for an HTML page to write to the file system.
Much of the early feedback was that TiddlyWiki was neat, but that it would be more useful when it was possible to properly save changes. I was a little frustrated, as I thought I knew that it was impossible for an HTML file running in the browser to save changes to the local file system.
Within a few months I saw an experimental Firefox extension that enabled TiddlyWiki to save changes in the browser. Examining the code, I realised that the APIs that it used to write to the file system were actually available in ordinary HTML files - as long as they were loaded via a `file://` URI.
I adapted the Firefox code into the core of TiddlyWiki, and soon added a similar ability for Internet Explorer (making use of an old ActiveX control that Microsoft distributed with Internet Explorer).
! Growth of TiddlyWiki
A major milestone in the growth of TiddlyWiki was the creation of "GTDTiddlyWiki" by Nathan Bowers. He took the vanilla TiddlyWiki product and adapted it for the specific application of keeping track of tasks using the popular Getting Things Done methodology. GTDTiddlyWiki was an immediate hit, being enthusiastically greeted on websites like LifeHacker.
Over the next couple of years TiddlyWiki continued to grow in popularity, and gained new features and capabilities. Within a year I was able to support myself by performing bespoke development work on TiddlyWiki, notably working with wiki pioneer SocialText on the ability to synchronise changes with an online server
! BT Acquisition
In May 2007, [[BT]] acquired [[Osmosoft]], my consultancy company. It was an unusual decision to acquire a company with a single employee and a tiny trickle of revenue - [[Osmosoft]] didn't even own the intellectual property in TiddlyWiki since I had handed it over to UnaMesa to assure its future for the community.
[[BT]]'s motivation was to help them understand community-based ecosystems. I joined the organisation as "Head of Open Source Innovation", taking responsibility for open source governance, and providing advice and expertise on how to participate in open soure communities.
! [[Osmosoft]] and TiddlySpace
I built a team in BT under the name [[Osmosoft]]. Our purpose was to evangelise the benefits of open source, and to help other teams realise those benefits in practice. We also found that it was necessary to evangelise the use of the web in general, and web standards in particular.
Our approach was to focus on showing rather than telling. We worked with the TiddlyWiki community to extend the ecosystem and we built numerous internal systems for BT (some based on TiddlyWiki and some not).
[[Osmosoft]]'s chief contribution to the TiddlyWiki community was the creation of TiddlyWeb and TiddlySpace. TiddlyWeb was a robust, internet scale server for tiddlers that could also compose TiddlyWiki views of those tiddlers. TiddlySpace was an attempt to package TiddlyWeb into a more directly usable form.
! Leaving BT
By the end of 2011 I was increasingly feeling that I would be better placed to realise the potential of TiddlyWiki outside of the corporate confines BT. Accordingly, I left and started work as an independent developer, primarily working on a brand new reboot of TiddlyWiki in the shape of TiddlyWiki5.
! Development of TiddlyWiki5
I worked on new release of TiddlyWiki from November 2011. As a programmer, working on "version 2.0" of something that I had already written is a very attractive proposition. It means that the requirements were fully understood, allowing me to focus on evolving the architecture needed to support the desired functionality.
! The Future
Now that TiddlyWiki5 has finally left "beta" status behind, my hope is that it will have a long life. Because it only uses standard features of HTML5 and Node.js, there is no reason why it cannot be fully operational for many years to come. My goal is for it to last for at least 25 years.
//Jeremy Ruston, 20th September 2014//
The system tiddler [[$:/HistoryList]] keeps track of a list of tiddlers comprising the navigation history. Each time you click on a link to a tiddler, the title of the target tiddler is added to the top of the stack.
The history list is stored in JSON to allow additional details about the coordinates of the DOM node that initiated the navigation.
The history list also maintains the field ''current-tiddler'' that contains the name of the tiddler at the top of the stack. This field can be used like so:
```
<$list filter="[list[$:/StoryList]]" history="$:/HistoryList" storyview="pop">
<$button message="tm-close-tiddler" class="tc-btn-invisible tc-btn-mini">×</$button> <$link to={{!!title}}><$view field="title"/> <$reveal type="match" state="$:/HistoryList!!current-tiddler" text=<<currentTiddler>>>✓</$reveal></$link>
</$list>
```
Which renders the same as the "Open" sidebar tab, with the addition of a tick against the tiddler that was last navigated to.
<$list filter="[list[$:/StoryList]]" history="$:/HistoryList" storyview="pop">
<$button message="tm-close-tiddler" class="tc-btn-invisible tc-btn-mini">×</$button> <$link to={{!!title}}><$view field="title"/> <$reveal type="match" state="$:/HistoryList!!current-tiddler" text=<<currentTiddler>>>✓</$reveal></$link>
</$list>
!! Empty Story
To display content when the story is empty, create $:/config/EmptyStoryMessage and enter the desired contents. The following would show the GettingStarted tiddler when all others are closed.
```
{{GettingStarted||$:/core/ui/ViewTemplate}}
```
You can include a horizontal rule with three or more dashes on their own on a line:
<<wikitext-example src:"
---
">>
When you edit a tiddler on http://tiddlywiki.com you will see a small ribbon inviting you to edit the source of the tiddler on GitHub.
If you are using Node.js, you can replicate this feature for your own TiddlyWiki-based site as follows:
# Make sure the following setting is included in the `tiddlywiki.info` file in your WikiFolder:
#> <pre><code> "config": {
"retain-original-tiddler-path": true
}</code></pre>
# Copy the tiddler [[$:/ContributionBanner]] to your wiki
# Make the following changes:
## Adjust the GitHub link URL from https://github.com/Jermolene/TiddlyWiki5/edit/master/editions/tw5.com/tiddlers/ to point to your own GitHub repo
## Make sure the wording of the text starting "Can you help us improve this documentation?" is appropriate for your visitors
## Adjust the link to [[Improving TiddlyWiki Documentation]] to point to your own tiddler with instructions for the contribution procedure
To create a new tab in the sidebar menu:
# Create a tiddler and tag it with the [[SystemTag|SystemTags]] tag [[$:/tags/SideBar]]
#* To create a table of contents you can populate the new tab tiddler using the [[table-of-contents macros|Table-of-Contents Macros]]. For example, see the [[TableOfContents]] used here
# By default, the tiddler title is used as the tab title but you can override it using the `caption` field
# To define the tab ordering, use the `list-after` or `list-before` fields as discussed in [[Tagging]]
#* For example: set `list-after` to [[$:/core/ui/SideBar/Open]] to place a sidebar tab immediately after the "Open" tab
Note that you can create new tabs under the "More" tab in the same way by using the tag `$:/tags/MoreSideBar`.
You can apply custom styles to tiddlers that have a particular tag by defining a CSS class with the name `tc-tagged-<Tag Name>`.
For example, to make tiddlers tagged "NightReader" appear in a special colour scheme suitable for night-time reading, [[create a stylesheet|Using Stylesheets]] defining the class `tc-tagged-NightReader` like this:
```
.tc-tagged-NightReader {
background-color:black;
color: orange;
padding: 35px 35px;
}
.tc-tagged-NightReader .tc-tiddler-body {
font-size: 1.5em;
}
```
The `tc-tagged-NightReader` class is applied to the entire tiddler and not just the tiddler text. If you want to target a smaller portion of the tiddler you can qualify the CSS selector, as is done here with `.tc-tagged-NightReader .tc-tiddler-body`.
Note that tags containing spaces or non-alphanumeric characters will be converted using URI encoding, making the generated CSS classname hard to predict. For example:
|!Tag |!Generated Class Name |
|`$:/mytag` |`tc-tagged-%24%3A%2Fmytag` |
|`Doctor Who` |`tc-tagged-Doctor%20Who` |
|`£35.23` |`tc-tagged-%C2%A335.23` |
Although ~TiddlyWiki will generate these tags, to actually use them in your css, you will need to escape the percent character in your stylesheet, like:
```
.tc-tagged-Doctor\%20Who {
background-image: url(./tardis_back.svg);
background-repeat: no-repeat;
background-position: right;
color:#FBFBFB;
}
```
First install TiddlyWiki as described in [[Installing TiddlyWiki on Node.js]].
# Create an empty [[TiddlyWikiFolder|TiddlyWikiFolders]]
## Create a new folder in a convenient place (for example `~/MyWiki`)
## Create a file called `tiddlywiki.info` containing the following text:
##* `{"themes": ["tiddlywiki/vanilla","tiddlywiki/snowwhite"]}`
## Create a subfolder called `tiddlers`
##* Alternatively, just copy the `editions/empty` folder from the TiddlyWiki5 repo
# Create individual TiddlerFiles in the `~/MyWiki/tiddlers` directory
# Execute the following command from the TiddlyWiki5 root directory to build a TiddlyWiki5 file from the tiddlers:
## `tiddlywiki ~/MyWiki --rendertiddler $:/core/save/all index.html text/plain`
Here's how to display the last modification date of a wiki in a banner in the corner of the window:
# Copy the plugin [[$:/plugins/tiddlywiki/github-fork-ribbon]] to your TiddlyWiki
# Save and reload your wiki
# Create a new tiddler called [[$:/_MyRibbon]] tagged [[$:/tags/PageControls]] and containing:<div>
```
<div class="github-fork-ribbon-wrapper right">
<div class="github-fork-ribbon" style="background-color:#DF4848;">
<$list filter="[!is[system]!has[draft.of]!sort[modified]limit[1]]">
<$link>
<$view field="modified" format="date" template="DD mmm YYYY at 0hh:0mm"/>
</$link>
</$list>
</div>
</div>
```
</div>
# If required, change the background-color value to your preference
# You can also try changing the positioning class from `right` to `right-bottom`
## To make the banner appear at the top left you'll need to tag the tiddler [[$:/tags/PageTemplate]] instead of [[$:/tags/PageControls]] and then change the position class to `left`
HTML tags and comments can be used directly in WikiText. For example:
```
<article class="hello">
This is my nice and simple block of text. HelloThere
<!-- This comment will not appear in the wikified output -->
</article>
```
! Content Parsing
The content of an HTML element will be parsed in inline mode unless the opening tag is followed by two linebreaks, in which case it is parsed in block mode. (Inline mode means that block mode formatting such as tables, lists and headings is not recognised).
! Attributes
Attributes in HTML tags can be specified as a literal, a transclusion or a macro invocation. For example, here the value of the `href` attribute will be set to the value of the tiddler MyLinkDestination:
```
<a href={{MyLinkDestination}}>link</a>
```
Here an attribute is specified as a macro invocation:
```
<a href=<<MyMacro "Brian">>>link</a>
```
Literal attribute values can include line breaks. For example:
```
<div data-address="Mouse House,
Mouse Lane,
Rodentville,
Ratland."/>
```
By using triple-double quotes you can specify attribute values that include single double quotes. For example:
```
<div data-address="""Mouse House,
"Mouse" Lane,
Rodentville,
Ratland."""/>
```
<<.dlink-ex HTML "http://en.wikipedia.org/wiki/HTML">> is a standard plain-text format used for defining the content of a web page.
It consists of a tree of elements expressed using a system of special <<.def tags>> enclosed in angle brackets.
Almost the whole of HTML can be used unchanged in the WikiText of a tiddler.
Here is an example of using the ListWidget and the TranscludeWidget to show a grid of all system images (ie, tiddlers tagged [[$:/tags/Image]]).
<style>
.my-gallery svg {
width: 6em;
height: 6em;
margin: 1em;
}
</style>
<div class="my-gallery">
<$list filter="[all[tiddlers+shadows]tag[$:/tags/Image]]">
<span title=<<currentTiddler>>>
<$transclude/>
</span>
</$list>
</div>
! Image Formatting
Images can be included in WikiText with the following syntax:
```
[img[Motovun Jack.jpg]]
[img[http://tiddlywiki.com/favicon.ico]]
```
If the image source is the title of an image tiddler then that tiddler is directly displayed. Otherwise it is interpreted as a URL and an HTML `<img>` tag is generated with the `src` attribute containing the URL.
A tooltip can also be specified:
```
[img[An explanatory tooltip|Motovun Jack.jpg]]
```
Attributes can be provided to specify CSS classes and the image width and height:
```
[img width=32 [Motovun Jack.jpg]]
[img width=32 class="tc-image" [Motovun Jack.jpg]]
```
Note that attributes can be specified as transclusions or variable references:
```
[img width={{!!mywidth}} class=<<image-classes>> [Motovun Jack.jpg]]
```
The image syntax is a shorthand for invoking the ImageWidget.
! Displaying Images via Transclusion
You can also display an image stored in a tiddler by transcluding that tiddler. The disadvantage of this approach is that there is no direct way to control the size of the image.
```
{{Motovun Jack.jpg}}
```
Renders as:
{{Motovun Jack.jpg}}
! Introduction
The image widget displays images that can be specified as a remote URL or the title of a local tiddler containing the image.
! Content and Attributes
Any content of the `<$image>` widget is ignored.
|!Attribute |!Description |
|source |The URL of the image, or the title of an image tiddler |
|width |The width of the image |
|height |The height of the image |
|tooltip |The tooltip to be displayed over the image |
|alt |The alternative text to be associated with the image |
|class |CSS classes to be assigned to the `<img>` element |
The width and the height can be specified as pixel values (eg "23" or "23px") or percentages (eg "23%"). They are both optional; if not provided the browser will use CSS rules to size the image.
! External Images and the ''_canonical_uri'' field
When used to display tiddler-based images, the image widget operates in two distinct modes:
* If the ''_canonical_uri'' field is present then it is used as the ''src'' attribute of the generated `<img>` element and the ''text'' field is ignored
* Without the ''_canonical_uri'' field, the image widget generates an `<img>` element that embeds the image data directly using a `data:` URI.
See ExternalImages for more details.
You can import content into a TiddlyWiki file in several ways:
* Use the ''import'' button (under the ''Tools'' tab in the sidebar) to select a local file
* Drag and drop files from Windows Explorer or Mac OS X Finder into the TiddlyWiki browser window
* Paste content directly from the clipboard using the menu or keyboard shortcut (control-V or command-V)
** GoogleChrome is currently the only browser to support pasting
! Introduction
The ImportVariablesWidget imports macro and variable definitions from a list of other tiddlers and makes them available to its children. For example:
```
<$importvariables filter="[tag[mySpecialMacros]]">
All the macros defined in tiddlers with the tag "mySpecialMacros" are available here
</$importvariables>
```
! Attributes and Content
The content of the importvariables widget is the scope within which the imported variable definitions are available.
|!Attribute |!Description |
|filter |[[Tiddler filter|Filters]] defining the tiddlers from which macro definitions will be imported |
! Global Macros
So-called global macros are implemented within the main page template ([[$:/core/ui/PageTemplate]]) by wrapping the page content in the following importvariables widget:
```
<$importvariables filter="[[$:/core/ui/PageMacros]] [all[shadows+tiddlers]tag[$:/tags/Macro]!has[draft.of]]">
...
</$importvariables>
```
Anyone can submit improvements to the TiddlyWiki documentation that appears on http://tiddlywiki.com.
# Read and observe the [[Documentation Style Guide]]
# Create an account on https://github.com if you don't already have one
# If you haven't done so already, sign the [[Contributor License Agreement]] as described in [[Signing the Contributor License Agreement]]
# On http://tiddlywiki.com, click "edit" on the tiddler you want to improve
# You should see a pink banner with the text: //Can you help us improve this documentation? Find out how to edit this tiddler on ~GitHub//
# Click on the external link ...''this tiddler on ~GitHub''
## You will be prompted that "you need to fork this repository to propose changes". A "fork" is your own copy of the repository that incorporates the changes you are proposing
# A new browser tab should open ready to edit the tiddler on github.com
# Below the edit box for the tiddler text you should see a box labelled ''Propose file change''
# Enter a brief title to explain the change (eg, "Clarify attribute syntax instability")
# If necessary, enter a longer description too
# Click the green button labelled ''Propose file change''
# On the following screen, click the green button labelled ''Create pull request''
[[Jermolene|https://github.com/Jermolene]] or one of the other core developers will then have the opportunity to merge your pull request so that it is incorporated into the next build of http://tiddlywiki.com.
Mario Pietsch has created these short video tutorials:
<iframe width="560" height="315" src="http://www.youtube.com/embed/L4zTkMYcri8" frameborder="0" allowfullscreen></iframe>
<iframe width="560" height="315" src="http://www.youtube.com/embed/6ElUruH92tc" frameborder="0" allowfullscreen></iframe>
<iframe width="560" height="315" src="http://www.youtube.com/embed/axFCk9KsMFc" frameborder="0" allowfullscreen></iframe>
A plugin that allows changes to be synchronised with the IndexedDB database that is built-in to most browsers.
{{!!url}}
<<<
Being quite new to TW5 development I tried my best to draft a SyncAdaptor to store tiddlers in IndexedDb. This is quite useful if an application / plugin installation is not possible (we have quite some restrictions at work...).
<<<
Each input title is processed in turn, and is ignored if it does not denote a [[data tiddler|DataTiddlers]]. The list of property names is retrieved from the data tiddler (in no particular order) and then [[dominantly appended|Dominant Append]] to the operator's output.
Where a tiddler's [[content is JSON|JSONTiddlers]] with an array as its root, the <<.op indexes>> operator retrieves a selection of integer indices instead.
<<.operator-examples "indexes">>
<<.operator-example 1 "[{$:/palette}indexes[]sort[title]]" "all the colours defined in the current [[colour palette|ColourPalettes]]">>
<<.operator-example 2 "[[$:/HistoryList]indexes[]]" "integer output because the [[history list|$:/HistoryList]] is an array">>
System tiddlers in the namespace `$:/info/` are used to expose information about the system (including the current browser) so that WikiText applications can adapt themselves to available features.
! Information Tiddlers
|!Title |!Description |
|[[$:/info/browser]] |Running in the browser? ("yes" or "no") |
|[[$:/info/node]] |Running under [[Node.js]]? ("yes" or "no") |
Each tiddler has a panel of additional information. To reveal it, click the {{$:/core/images/down-arrow}} button in the tiddler's toolbar and then choose {{$:/core/images/info-button}} ''info'' from the dropdown list.
The info panel has the following tabs:
* ''Tools'' - This offers buttons for various actions you can perform on the tiddler. The checkbox next to each button lets you promote an action to the tiddler's toolbar - this will affect all of the tiddlers in your wiki
* ''References'', ''Tagging'', ''List'' and ''Listed'' - These list various kinds of related tiddlers. See [[Using links to navigate between tiddlers]]
* ''Fields'' - This summarises all of the tiddler's [[fields|TiddlerFields]], except for ''text''
* ''Advanced'' - This indicates whether the tiddler is a [[shadow|ShadowTiddlers]]. If it is, this also reveals which plugin it comes from and whether it has been overridden by an ordinary tiddler
To close the info panel, click anywhere outside it.
{{$:/language/Help/init}}
See also:
* [[Environment Variables on Node.js]]
# Install [[Node.js]] from http://nodejs.org
# Open a command line terminal and type:
#> `npm install -g tiddlywiki`
#> If it fails with an error you may need to re-run the command as an administrator:
#> `sudo npm install -g tiddlywiki` (Mac/Linux)
# Check TiddlyWiki is installed by typing:
#> `tiddlywiki --version`
# In response, you should see TiddlyWiki report its current version (eg "<<version>>"; you may also see other debugging information reported)
# Try it out:
## `tiddlywiki mynewwiki --init server` to create a folder for a new wiki that includes server-related components
## `tiddlywiki mynewwiki --server` to start TiddlyWiki
## Visit http://127.0.0.1:8080/ in your browser
## Try editing and creating tiddlers
The `-g` flag causes TiddlyWiki to be installed globally. Without it, TiddlyWiki will only be available in the directory where you installed it.
If you are using Debian or Debian-based Linux and you are reciving a `node: command not found` error though node.js package is installed, you may need to create a symbolic link between `nodejs` and `node`. Consult your distro's manual and `whereis` to correctly create a link. See github [[issue 1434|http://github.com/Jermolene/TiddlyWiki5/issues/1434]]
Example Debian v8.0: `sudo ln -s /usr/bin/nodejs /usr/bin/node`
<<.def "Instruction tiddlers">> talk directly to the reader and guide them through a process. The reader is likely to be a beginner or an intermediate user.
Such tiddlers can be subcategorised as:
;Welcome
* What is ~TiddlyWiki and why should I care?
* Demonstrations of key features and benefits
* Frequently asked questions
* Examples of ~TiddlyWiki in the field
* Information about the project itself
;Tutorial
* An ordered presentation of material for beginners
* Each tiddler introduces one new point or concept
* Its main content contains very few links
* A revealable <<.word "Find out more">> section at the end can offer related links
;Exercise
* Accompanying a tutorial tiddler
* Solution revealed on demand
;How-to
* A list of numbered steps for performing a small specific task
* Concise, with links to reference tiddlers where appropriate
* Often has a preamble to clarify the nature of the task
;Example
* Accompanying a [[reference tiddler|Reference Tiddlers]]
* Can contain explanations and similar commentary
* Kept separate to keep the reference tiddler pure
Instruction tiddlers talk directly to the reader as <<.word you>>. They can be reasonably chatty.
But they avoid excessively colloquial language, cultural or topical references and attempts at humour, as these can baffle or even offend the international readership. They also avoid potentially frustrating the reader with descriptions of features as <<.word convenient>> or <<.word easy>>.
A git choose-your-own-adventure!ⓡ for walking yourself though fixing a //broken// Git repository.
{{!!url}}
<<<
This document is an attempt to be a fairly comprehensive guide to recovering from what you did not mean to do when using git. It isn't that git is so complicated that you need a large document to take care or your particular problem, it is more that the set of things that you might have done is so large that different techniques are needed depending on exactly what you have done and what you want to have happen.
<<<
This brief introduction shows how to install and use TiddlyDesktop:
<iframe width="560" height="315" src="http://www.youtube.com/embed/i3Bggkm7paA" frameborder="0" allowfullscreen></iframe>
<<.preamble """This explains the basics of writing a [[filter|Filters]] to select a set of tiddlers. For a more technical presentation, see [[Filter Syntax]].""">>
<$macrocall $name=".tip" _="""Filters do nothing if you just type them into a tiddler on their own. They need a context. An easy way to experiment with filters is to type them into the <<.advancedsearch-tab Filter>> tab of [[Advanced Search|$:/AdvancedSearch]]."""/>
The simplest case is where you already know exactly which tiddlers you want. Type each title in double square brackets, with a space between each one and the next:
> `[[Recipe book]] [[ScrambledEggs]] [[Mom's apple pie]]`
You can omit the square brackets when a title doesn't contain any spaces:
> `[[Recipe book]] ScrambledEggs [[Mom's apple pie]]`
The double square brackets are actually a shorthand for this:
> `[title[ScrambledEggs]]`
... which gives us the <<.def "general model">> for any filter:
> `[operator[parameter]]`
For instance, here's how to select all the tiddlers that have been tagged <<.tag Recipe>>:
> `[tag[Recipe]]`
We can reverse the meaning by adding an exclamation mark `!` just before the operator. For example, we can select any tiddlers that do <<.em not>> have the <<.tag Recipe>> tag:
> `[!tag[Recipe]]`
Tiddlers can be filtered by other fields than just title and tags:
> `[field:serving[4]]`
That example will select any tiddlers that have <<.value 4>> in their <<.field serving>> field.
As the word "serving" isn't a standard filter operator (and isn't likely to become one), you can safely omit the `field:` prefix:
> `[serving[4]]`
!Combinations
The filters we've looked at so far have involved just one step each. But you can <<.def run>> several steps together like this:
> `[tag[Vegetarian]!tag[soup]serving[4]]`
Notice how the entire run is contained in a single pair of square brackets.
A tiddler has to match <<.em all>> of the steps in a run. So the example above retrieves vegetarian recipes (other than soups) for 4 people.
A sequence of separate runs will select the tiddlers that match <<.em any>> of the runs. We can use this to find recipes that serve either 3, 4 or 5 people:
> `[serving[3]] [serving[4]] [serving[5]]`
If we want to ignore vegetarian recipes that serve 4, we can say this:
> `[serving[3]] [serving[4]!tag[Vegetarian]] [serving[5]]`
By default, each run considers every tiddler in the wiki. But we can use a `+` sign to force a run to consider only the tiddlers that were selected by the preceding runs:
> `[serving[3]] [serving[4]] [serving[5]] +[tag[Vegetarian]] +[sort[title]]`
This selects recipes for 3, 4 or 5 people, then filters <<.em those>> to keep only the vegetarian ones, and finally sorts any that are left into alphabetical order of title.
In a similar way, we can use a `-` sign to <<.em remove>> a run's tiddlers from the result so far. Here we select all vegetarian recipes apart from two:
> `[tag[Vegetarian]] -[title[ScrambledEggs]] -BeansOnToast`
!Special parameters
The parameter of each step we've seen so far has been in square brackets, meaning that ~TiddlyWiki treats it literally. But two other kinds of bracket are possible:
<<.def "Curly brackets">> `{}` mean that the parameter is a TextReference, and that its value is to be looked up in a specified tiddler. For example, if we have a tiddler called <<.tid Preference>> whose text happens to be the word <<.value Vegetarian>>, we can say
> `[tag{Preference}]`
as an alternative to `[tag[Vegetarian]]`. This allows the preference to change over time.
<<.def "Angle brackets">> `<>` mean that the parameter is the name of a [[variable|Variables]] whose value is to be used instead. Here we use the built-in <<.vlink currentTiddler>> variable in a filter that selects any tiddlers whose text contains the title of the current one:
> `[search<currentTiddler>]`
This brief presentation explains the basic principles of TiddlyWiki.
<iframe width="560" height="315" src="http://www.youtube.com/embed/KtCUr83XgyE" frameborder="0" allowfullscreen></iframe>
The TiddlyWiki used to produce the video can be found here:
http://tiddlywiki.com/editions/introduction/
The parameter <<.place C>> is one of the following fundamental categories:
|!Category |!Matches any tiddler that... |
|^`current` |is the [[current tiddler|Current Tiddler]] |
|^`image` |has an image ContentType |
|^`missing` |does not exist (other than possibly as a shadow tiddler), regardless of whether there are any links it |
|^`orphan` |has no [[hard links|Hard and Soft Links]] to it |
|^`shadow` |is a [[shadow tiddler|ShadowTiddlers]], regardless of whether it has been overridden with a non-shadow tiddler |
|^`system` |is a [[system tiddler|SystemTiddlers]], i.e. its title starts with `$:/` |
|^`tag` |is in use as a tag |
|^`tiddler` |exists as a non-shadow tiddler |
If <<.place C>> is anything else, the output is an error message.
`!is[tiddler]` is a synonym for `is[missing]`, and vice versa.
When <<.op is[missing]>> is the first operator in a [[run|Filter Run]], its output is always empty. And when <<.op is[shadow]>> comes first, it outputs only those shadow tiddlers that have been overridden. This is because the [[initial input to a run|Filter Expression]] contains only <<.em non>>-shadow tiddlers.
The <<.olink all>> operator is similar, but its scope is the whole wiki.
<<.operator-examples "is">>
<<.operator-example 1 "[is[tag]]">>
<<.operator-example 2 "[!is[tag]]">>
<<.operator-example 3 "[all[shadows]!is[system]]" "shadow tiddlers that don't start with `$:/`">>
<<.operator-example 4 "[is[system]tag[$:/tags/Stylesheet]]" "system stylesheets">>
<<.operator-example 5 "[all[shadows]is[system]tag[$:/tags/Stylesheet]]" "shadow system stylesheets">>
<<.operator-example 6 "[is[shadow]]" "overridden shadow tiddlers">>
<<.operator-example 7 "[is[missing]]" "empty because its input contains only tiddlers that exist">>
~JavaScript is a computer language that was originally introduced by browsers as a way of scripting web pages. At first it was considered a poorly designed toy, but over the years has become recognised as a powerful language in its own right, and has been adopted widely beyond the browser.
~JavaScript looks like this:
```
function circleArea(radius) {
return radius * 2 * 3.141592653;
}
```
<<.dlink-ex JSON "http://en.wikipedia.org/wiki/JSON">> is a standard plain-text format used for modelling hierarchical structures of objects that contain named fields.
DataTiddlers can have JSON content.
The <<.mlink jsontiddlers>> macro returns tiddler content in JSON format.
I'm the original inventor of TiddlyWiki. You can find me on these services:
* jeremy (at) jermolene (dot) com
* [[Jermolene on GitHub|https://github.com/Jermolene]]
* [[Jermolene on GitTip|https://www.gittip.com/Jermolene/]], a micropayment service
* [[@Jermolene on Twitter|http://twitter.com/#!/jermolene]]
* [[Jermy on LinkedIn|http://www.linkedin.com/in/jermy]]
* [[Jermy on Flickr|http://www.flickr.com/photos/jermy/]]
Further information:
* An [[interview with me in The Inquirer|http://www.theinquirer.net/inquirer/feature/2105529/bt-software-engineer-tells-telco-source]] by Wendy Grossman
* A [[hilarious interview with me|http://www.youtube.com/watch?v=auyIhw8MTmQ]] from British television in 1983
* Here's a video of a presentation I did in 2007 called [["How to Start an Open Source Project"|http://vimeo.com/856110]].
A JSON tiddler is a [[data tiddler|DataTiddlers]] containing a [[JSON|JavaScript Object Notation]] structure in its `text` field.
Its [[ContentType]] is `application/json`.
The [[history list|$:/HistoryList]] is a good example of a JSON tiddler.
The <<.def jsontiddlers>> [[macro|Macros]] returns the fields of a [[selection of tiddlers|Title Selection]] in [[JSON|JavaScript Object Notation]] form.
An example can be seen in the [[template tiddler for JSON exports|$:/core/templates/exporters/JsonFile]].
!! Parameters
;filter
: A [[filter|Filters]] selecting which tiddlers to include
This plugin adds the ability to display mathematical notation written in ~LaTeX.
See http://tiddlywiki.com/plugins/tiddlywiki/katex/
Keyboard shortcut support is currently very limited but will be improved in later releases.
! Editing Shortcuts
|Key |Shortcut description |
|<kbd>ctrl-enter</kbd> |Confirm changes to the draft tiddler containing the keyboard focus |
|<kbd>escape</kbd> |Abandon changes to the draft tiddler containing the keyboard focus |
! Introduction
The keyboard widget allows [[Messages]] to be generated in response to key presses.
! Content and Attributes
The content of the `<$keyboard>` widget is rendered normally. The keyboard shortcut only takes effect within the contained content.
|!Attribute |!Description |
|message |The title of the [[WidgetMessage|Messages]] to generate |
|param |The parameter to be passed with the [[WidgetMessage|Messages]] |
|key |Key string identifying the key to be trapped (see below) |
|class |A CSS class to be assigned to the generated HTML DIV element |
! Key Strings
Key strings are made up of zero or more of the modifiers <kbd>alt</kbd>, <kbd>shift</kbd> or <kbd>ctrl</kbd> followed by the name of a key, all joined with "+" plus symbols. Key names are either the letter or digit printed on the key (eg "a" or "1"), or one of the special keys <kbd>backspace</kbd>, <kbd>tab</kbd>, <kbd>enter</kbd> or <kbd>escape</kbd>.
For example:
```
A
shift+A
shift+escape
ctrl+enter
ctrl+shift+alt+A
```
//This is a sample task for the TaskManagementExample//
Language plugins provide translations of the core TiddlyWiki interface.
The following languages are currently available:
<<list-links "[tag[Languages]]">>
You can contribute by learning how to [[translate TiddlyWiki into your language|Translate TiddlyWiki into your language]].
<<.operator-examples "last">>
<<.using-days-of-week>>
<<.operator-example 1 "[list[Days of the Week]last[]]">>
<<.operator-example 2 "[list[Days of the Week]last[5]]">>
<<.operator-example 3 "[tag[Concepts]!sort[title]last[3]]">>
The latest news, articles, resources and examples.
<div class="tc-link-info">
<$list filter="[tag[Articles]] [tag[Examples]] [tag[Resources]] [tag[Tutorials]] +[!sort[modified]limit[8]]">
<div class="tc-link-info-item">
! <$link><$view field="title"/></$link>
<div class="tc-subtitle">Posted <$view field="modified" format="relativedate"/></div>
<$transclude/>
</div>
</$list>
</div>
Ordinarily with TiddlyWiki, the full content of all tiddlers is embedded into the main HTML file. Lazy loading refers to the technique of only embedding metadata about the tiddler (in other words all fields except the ''text'' field), and requesting the body from the server when required.
Lazy loading can be used in two configurations:
* When running [[TiddlyWiki on Node.js]], image tiddlers can be subject to lazy loading
* When running [[TiddlyWiki in the Sky for TiddlyWeb]], all tiddlers are subject to lazy loading
See the LazyLoadingMechanism for details of how lazy loading is implemented.
! Lazy loading under Node.js
To run TiddlyWiki with lazy loading for images, use this alternative ServerCommand to start the server:
```
tiddlywiki --server 8080 $:/core/save/lazy-images
```
! Lazy loading under TiddlyWeb
With the current configuration, lazy loading is enabled by default.
TiddlyWiki currently only implements LazyLoading when it is running in the browser talking to a TiddlyWeb-compatible server.
In the [[configuration for TiddlyWeb|TiddlyWiki in the Sky for TiddlyWeb]], the browser first requests a "skinny" version of each tiddler (consisting of all the fields apart from the text field). Subsequently, an attempt to read those skinny tiddlers with `wiki.getTiddler()` returns just the skinny fields, but an attempt to read one using `wiki.getTiddlerText()` will trigger an asynchronous load of the full tiddler text, which in turn triggers a refresh cycle, updating the display to reflect the newly loaded tiddler. Widgets that loop through all tiddlers are fine; it's only if they trigger `wiki.getTiddlerText()` for a tiddler that it will get loaded.
Lazy loading can also be used with TiddlyWiki's own server. The core provides a template that enables images to be lazily loaded while other tiddlers are packaged into the initial HTML file in the usual way.
The browser-based search built into TiddlyWiki5 will only search the text of tiddlers that have been fully loaded. The expectation is that when lazy loading is used in a client-server configuration, then it is the server that really needs to handle search operations, because it is only the server that can "see" the text of all tiddlers. So, the plan is to integrate the built in search with TiddlyWeb's search API. The simplest approach is that any local search triggers an asynchronous server side search. The results of the search would be asynchronously loaded such that they would dynamically appear in the local search results.
Learn more about using TiddlyWiki:
<<list-links "[tag[Learning]]">>
Also see the complete [[Reference]], including advanced WikiText, macros, widgets, filters etc.
`limit[N]` and `!limit[N]` are synonyms for `first[N]` and `last[N]` respectively.
<<.operator-examples "limit">>
<<.operator-example 1 "[sort[modified]!limit[20]]" "the 20 most recently modified tiddlers">>
<<.operator-example 2 "[has[created]sort[created]limit[10]]" "the oldest 10 tiddlers in the wiki">>
The <<.def lingo>> [[macro|Macros]] relates to the translation of ~TiddlyWiki's user interface into other languages. It returns a piece of text in the user's currently selected language.
Translatable text is supplied by language plugins containing tiddlers with specific titles that start with `$:/language/`.
!! Parameters
;title
: The title of the shadow tiddler that contains the text. The prefix `$:/language/` is added automatically
<<.macro-examples "lingo">>
This example shows the text used as the basis for the title of a newly created tiddler:
<$macrocall $name=".example" n="1" eg="""<<lingo DefaultNewTiddlerTitle>>"""/>
This example shows the name of the eighth month of the year, for use in [[formatting dates|DateFormat]]:
<$macrocall $name=".example" n="2" eg="""<<lingo Date/Long/Month/8>>"""/>
! Introduction
The link catcher widget traps [[WidgetMessage: tm-navigate]] dispatched within its child content by performing any or all of these actions:
* sending a different widget message
* setting a tiddler to the title of the navigated tiddler
* setting a tiddler to a specified value
! Content and Attributes
The content of the `<$linkcatcher>` widget is displayed normally.
|!Attribute |!Description |
|to |Optional title of the tiddler to be set to the title of the navigated tiddler |
|message |Optional identifier for a [[widget message|Messages]] to be sent when a navigation is caught |
|set |Optional title of the tiddler to be set to a specified value when navigation occurs |
|setTo |Value to be assigned by the `set` attribute |
A key capability of WikiText is the ability to make links to other tiddlers or to external websites.
! Manual Links
Link to a tiddler by title:
```
[[Tiddler Title]]
```
To link to a tiddler and specify the text of the link:
```
[[Displayed Link Title|Tiddler Title]]
```
! ~CamelCase Links
For tiddler titles that match the CamelCase rules, just typing the title without double square brackets will automatically create a link.
You can suppress a link from being recognised by preceding it with `~`. For example:
<<wikitext-example src:"* ~HelloThere is not a link
* ~http://google.com/ is not a link">>
! External Links
To link to an external [[resource|https://en.wikipedia.org/wiki/Web_resource]] such as a website or a file, type its //full// [[URL|https://en.wikipedia.org/wiki/URL]], including the [[URI scheme|https://en.wikipedia.org/wiki/URI_scheme]] such as a protocol (e.g. `http://`, `file://`) or `mailto`:
```
http://tiddlywiki.com/
[[TW5|http://tiddlywiki.com/]]
[[Mail me|mailto:me@where.net]]
```
For this syntax to work, the URL has to be recognisable as a URL. Otherwise, it is treated as a tiddler title. As a result, in case you want to link to a resource locatable using a relative path, use the extended syntax:
```
[ext[Open file|index.html]]
[ext[Open file|./index.html]]
[ext[Open file|../README.md]]
```
The extended syntax still works with full URLs, although in that case it is not necessary:
```
[ext[http://tiddlywiki.com]]
[ext[TW5|http://tiddlywiki.com]]
```
You can also use the extended syntax to force an external link:
```
[ext[Donate|bitcoin:1aabbdd....?amount=0.001]]
```
! Customising Tiddler Links
See the LinkWidget for details of the underlying widget used to implement tiddler links, including macros that can be used to customise its behaviour.
Each input title is processed in turn. The corresponding tiddler's list of links is generated, in the order in which they appear in the tiddler's text, and [[dominantly appended|Dominant Append]] to the operator's overall output.
<<.operator-examples "links">>
<<.operator-example 1 "[[HelloThere]links[]]">>
<<.operator-example 2 "[all[current]links[]]" "tiddlers [[hard-linked|Hard and Soft Links]] from the current one">>
Here are some hard links:
* HelloThere
* [[Filter Operators]]
* [[links Operator]]
The `link` widget generates links to tiddlers. (Use the HTML `<a>` element to generate external links).
! Content and Attributes
|!Attribute |!Description |
|to |The title of the target tiddler for the link (defaults to the [[current tiddler|Current Tiddler]]) |
|aria-label |Optional [[Accessibility]] label |
|tooltip |Optional tooltip WikiText |
|tabindex |Optional numeric [[tabindex|https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/tabIndex]] |
|draggable |"yes" to enable the link to be draggable (defaults to "yes") |
|tag |Optional tag to override the default "a" element |
The content of the link widget is rendered within the `<a>` tag.
The default value of the tooltip attribute is supplied by the <<.vlink tv-wikilink-tooltip>> variable.
This means that you can control the text of a link tooltip in several ways:
```
<$link to="HelloThere" tooltip="Custom tooltip">Link 1</$link>
<$set name="tv-wikilink-tooltip" value="I'm a link to {{!!title}}">
<$link to="HelloThere">Link 2</$link>
</$set>
```
Renders as:
<$link to="HelloThere" tooltip="Custom tooltip">Link 1</$link>
<$set name="tv-wikilink-tooltip" value="I'm a link to {{!!title}}">
<$link to="HelloThere">Link 2</$link>
</$set>
Note that the tooltip is rendered with the current tiddler set to the target of the link.
A useful convention is to set the tooltip like this:
```
\define tv-wikilink-tooltip()
<$transclude field="tooltip"><$transclude field="title"/></$transclude>
\end
```
This causes the tooltip to be the ''tooltip'' field of the target tiddler. If the field isn't present, then the title is used instead.
! CSS Classes
* `tc-tiddlylink` - applied to all links
* `tc-tiddlylink-external` - applied to external, non-tiddler links
* `tc-tiddlylink-internal` - applied to tiddler links
* `tc-tiddlylink-missing` - applied to tiddler links where the target tiddler doesn't exist
* `tc-tiddlylink-resolves` - applied to tiddler links when the target tiddler does exist
! Configuration variables
* <<.vlink tv-wikilinks>>
* <<.vlink tv-wikilink-template>>
* <<.vlink tv-wikilink-tooltip>>
* <<.vlink tv-get-export-link>>
<<.place R>> can reference either a field or a property. See [[TextReference]] for the syntax.
* If neither is specified, the <<.field list>> field is used by default. So `[list[T]]` outputs the titles listed in the <<.field list>> of tiddler T.
* If <<.place R>> consists of <<.em only>> a field or a property, the tiddler part of the reference defaults to the [[current tiddler|Current Tiddler]]. So `[list[!!tags]]` outputs the titles listed in the <<.field tags>> field of the current tiddler.
<<.operator-examples "list">>
<<.using-days-of-week>>
<<.operator-example 1 "[list[HelloThere]]">>
<<.operator-example 2 "[list[Days of the Week!!short]]">>
The <<.def list-links>> [[macro|Macros]] returns a formatted list of links to a [[selection of tiddlers|Title Selection]].
If a tiddler has a <<.field caption>> field, this is shown instead of the tiddler's title.
!! Parameters
;filter
: A [[filter|Filters]] selecting which tiddlers to include
;type
: An HTML element to use for the overall list element, defaulting to `ul`
;subtype
: An HTML element to use for each item in the list, defaulting to `li`
;class
: A [[CSS|Cascading Style Sheets]] class for the overall list element
<<.macro-examples "list-links">>
This example lists all the tiddlers whose titles start with J:
<$macrocall $name=".example" n="1" eg="""<<list-links filter:"[prefix[J]]">>"""/>
This example lists the documentation tiddlers for the core macros, each of which has a <<.field caption>> field:
<$macrocall $name=".example" n="2" eg="""<<list-links filter:"[tag[Core Macros]]">>"""/>
<<.field F>> is assumed to be a [[title list|Title List]].
Each input title is processed in turn. A list of tiddlers whose <<.place F>> field mentions it is generated (in no particular order) and [[dominantly appended|Dominant Append]] to the operator's overall output.
<<.operator-examples "listed">>
<<.operator-example 1 "[[HelloThere]listed[]]">>
<<.operator-example 2 "[all[current]listed[my-special-list]]">>
The `list` [[field of a tiddler|TiddlerFields]] is an optional feature that can be used to help structure your content. Its value is a [[title list|Title List]], and it can be used in several ways:
* The `list` field of a tiddler that is being used as a tag determines the ordering of the tiddlers that carry that tag - see [[Tagging]] for details
* The `list` [[filter|Filters]] selects the entries from a list
* The `listed` [[filter|Filters]] selects the tiddlers that list the selected tiddler(s)
* The NavigatorWidget manipulates a StoryList tiddler containing a `list` field of the tiddlers that are displayed in the main story column
! Unordered Lists
You can create unordered lists with `*` characters:
<<wikitext-example src:"* First list item
* Second list item
** A subitem
* Third list item
">>
! Ordered Lists
Ordered lists use `#` instead of `*`:
# First item
# Second item
# Third item
You can also mix ordered and unordered list items:
<<wikitext-example src:"* To do today
*# Eat
* To get someone else to do
*# This
*# That
*## And the other
">>
Here's an example the other way around, with numbers as the first level:
<<wikitext-example src:"# To do today
#* Eat
# To get someone else to do
#* This
#* That
#** And the other
">>
! CSS Classes
You can also assign a CSS class to an individual member of a list with this notation:
<<wikitext-example src:"* List One
*.MyClass List Two
* List Three
">>
! Mixing Lists and Block Quotes
Note that [[Block Quotes in WikiText]] can be mixed with lists. For example:
<<wikitext-example src:"* List One
** List Two
**> A quote
**> Another quote
* List Three
">>
! Paragraphs in Lists
Entries in the list are delimited with a linebreak, making it impossible to include linebreaks within a list entry. There are a couple of workarounds.
First, you can transclude paragraph content from another tiddler. For example:
```
* First entry
* <$transclude tiddler="MyTiddler" mode="block"/>
* Third entry
```
Secondly, you can use an HTML "div" element to contain the multiline content. For example:
```
# Step 1
# Step 2
# Step 3<div>
Here is the first of several paragraphs. Note that the double linebreak preceding this paragraph is significant.
And here is the second of several paragraphs.
</div>
# Step 4
# Step 5
# Step 6
```
! Introduction
The list widget displays a sequence of tiddlers that match a [[tiddler filter|Filters]]. It can be used for many purposes:
* Displaying custom lists of links, like in TiddlyWiki5's sidebar
* Custom lists, such as "all tiddlers tagged 'task' that are not tagged 'done'"
* Listing each of the tags applied to a tiddler
* Handling the main story river
The tiddlers are displayed by transcluding each in turn through a template. There are several ways to specify the template and for controlling the behaviour of the list.
! Examples
''plain list''
```
<$list filter="[tag[ListWidget]sort[title]]"/>
```
Displays as:
<<<
<$list filter="[tag[ListWidget]sort[title]]"/>
<<<
''custom item output''
```
<$list filter="[tag[ListWidget]sort[title]]">
<<currentTiddler>>
{{||$:/core/ui/ViewTemplate/tags}}
</$list>
```
Displays as:
<<<
<$list filter="[tag[ListWidget]sort[title]]">
<<currentTiddler>>
{{||$:/core/ui/ViewTemplate/tags}}
</$list>
<<<
''custom item template''
```
<$list filter="[tag[ListWidget]sort[title]]" template="$:/core/ui/ViewTemplate/subtitle"/>
```
Displays as:
<<<
<$list filter="[tag[ListWidget]sort[title]]" template="$:/core/ui/ViewTemplate/subtitle"/>
<<<
!! Grouped Lists
See NestedLists for how to generate nested and grouped lists using the ListWidget.
! Content and Attributes
The content of the `<$list>` widget is an optional template to use for rendering each tiddler in the list. Alternatively, the template can be specified as a tiddler title in the ``template`` attribute. As a fallback, the default template just displays the tiddler title.
|!Attribute |!Description |
|filter |The [[tiddler filter|Filters]] to display |
|template |The title of a template tiddler for transcluding each tiddler in the list. When no template is specified, the body of the ListWidget serves as the item template. With no body, a simple link to the tiddler is returned. |
|editTemplate |An alternative template to use for [[DraftTiddlers|DraftMechanism]] in edit mode |
|variable |The name for a [[variable|Variables]] in which the title of each listed tiddler is stored. Defaults to ''currentTiddler'' |
|emptyMessage |Message to be displayed when the list is empty |
|storyview |Optional name of module responsible for animating/processing the list |
|history |The title of the tiddler containing the navigation history |
!! Edit mode
The `<$list>` widget can optionally render draft tiddlers through a different template to handle editing, see DraftMechanism.
!! `storyview` attribute
The `storyview` attribute specifies the name of an optional module that can animate changes to the list (including navigation). The core ships with the following storyview modules:
* `classic`: renders the list as an ordered sequence of tiddlers
* `zoomin`: just renders the current tiddler from the list, with a zoom animation for navigating between tiddlers
* `pop`: shrinks items in and out of place
In order for the storyviews to animate correctly each entry in the list should be a single block mode DOM element.
!! History and navigation
The optional `history` attribute specifies the name of a tiddler that is used to track the current tiddler for navigation purposes. When the history tiddler changes the list view responds by telling the listview to handle navigating to the new tiddler. See HistoryMechanism for details.
{{$:/language/Help/load}}
<<.preamble """What follows is a formal presentation of the syntax of the WikiText syntax for macro calls, using [[railroad diagrams|Railroad Diagrams]]. A [[simpler overview|Macro Calls in WikiText]] is also available.""">>
<$railroad text="""
"<<" name [: space [:{param-value}] ]">>"
"""/>
<<.place space>> denotes a sequence of [[whitespace characters|Filter Whitespace]].
The [[macro|Macros]]'s <<.place name>> is a sequence of non-whitespace characters other than `(` or `>`.
Each individual <<.place param-value>> has the following syntax:
<$railroad text="""
[: param-name [:space] ":" [:space] ] value [: space]
"""/>
The <<.place param-name>> is a sequence of letters (`A`--`Z`, `a`--`z`), digits (`0`--`9`), hyphens (`-`) and underscores (`_`).
The <<.place value>> is specified as follows:
<$railroad text={{$:/editions/tw5.com/railroad/macro-parameter-value}}/>
To call a [[macro|Macros]], place `<<`double angle brackets`>>` around the name and any parameter values.
By default, parameters are listed in the same order as in the macro's definition. A parameter can be labelled with its name, either for clarity or to modify the order.
If no value is specified for a parameter, the default value given for that parameter in the macro's definition is used instead. (If no default value was defined, the parameter is simply blank.)
Each parameter value can be enclosed in `'`single quotes`'`, `"`double quotes`"`, `"""`triple double quotes`"""` or `[[`double square brackets`]]`. Triple double quotes allow a value to contain almost anything. If a value contains no spaces or single or double quotes, it requires no delimiters.
A more formal [[presentation|Macro Call Syntax]] of this syntax is also available.
The syntax is actually a shorthand for a <<.wlink MacroCallWidget>> widget. The widget itself offers greater flexibility, including the ability to [[transclude|Transclusion]] parameter values or generate them via additional macros.
As macros are simply parameterised [[variables|Variables]], a variable's value can be inserted using the same techniques.
[[Examples|Macro Calls in WikiText (Examples)]]
\define sayhi-example-1() <<sayhi>>
\define sayhi-example-2() <<sayhi Bugs>>
\define sayhi-example-3() <<sayhi "Donald Duck" Disneyland>>
\define sayhi-example-4() <<sayhi "Mickey Mouse" "Mouse House">>
\define sayhi-example-5() <<sayhi name:'Minnie Mouse' address:[[Mouse House]]>>
\define sayhi-example-6() <<sayhi address:"Quacky Towers" name:"Donald Duck">>
\define sayhi-example-7()
<<sayhi "Mickey Mouse" """"Mouse House",
Rodent's Lane,
Squeaksville,
Ratland""">>
\end
<$importvariables filter="$:/editions/tw5.com/macro-examples/say-hi">
<$codeblock code={{$:/editions/tw5.com/macro-examples/say-hi}}/>
<$macrocall $name=".example" n="1" eg=<<sayhi-example-1>>/>
<$macrocall $name=".example" n="2" eg=<<sayhi-example-2>>/>
<$macrocall $name=".example" n="3" eg=<<sayhi-example-3>>/>
<$macrocall $name=".example" n="4" eg=<<sayhi-example-4>>/>
<$macrocall $name=".example" n="5" eg=<<sayhi-example-5>>/>
<$macrocall $name=".example" n="6" eg=<<sayhi-example-6>>/>
<$macrocall $name=".example" n="7" egvar="sayhi-example-7"/>
</$importvariables>
<<.preamble """What follows is a formal presentation of the syntax of the `\define` pragma, using [[railroad diagrams|Railroad Diagrams]]. A [[simpler overview|Macro Definitions in WikiText]] is also available.""">>
<$railroad text="""
"\define" space name params [:space] rest
"""/>
<<.place space>> denotes a sequence of [[whitespace characters|Filter Whitespace]].
The [[macro|Macros]]'s <<.place name>> is a sequence of non-whitespace characters other than `(` or `>`.
The parameter declaration list (<<.place params>>) has the following syntax:
<$railroad text="""
"(" [:sep] [:{ param sep }] ")"
"""/>
The parameter separator (<<.place sep>>) is any sequence of characters that does not match a <<.place param-name>>. Among other things, this includes commas, spaces and linefeeds.
A <<.place param-name>> is a sequence of letters (`A`--`Z`, `a`--`z`), digits (`0`--`9`), hyphens (`-`) and underscores (`_`).
Each individual <<.place param>> has the following syntax:
<$railroad text="""
param-name [: [:space] ":" [:space] default ]
")"
"""/>
The optional <<.place default>> value of a parameter is specified as follows:
<$railroad text={{$:/editions/tw5.com/railroad/macro-parameter-value}}/>
The <<.place rest>> of the definition has the following syntax:
<$railroad text="""
( snippet | lf snippet lf "\end" [:space] ) lf
"""/>
<<.place lf>> denotes a linefeed.
The <<.place snippet>> is any sequence of characters that doesn't terminate the macro definition. That is to say, a single-line snippet cannot contain a linefeed, and a multi-line snippet cannot contain `\end` on a line of its own.
The snippet can contain placeholders with the following syntax:
<$railroad text="""
( "$" name "$" | "$" "(" name ")" "$" )
"""/>
A [[macro|Macros]] is defined using a `\define` [[pragma|Pragma]]. Like any pragma, this can only appear at the start of a tiddler.
The first line of the definition specifies the macro name and any parameters. Each parameter has a name, and optionally a default value that is used if no value is supplied on a particular call to the macro. The lines that follow contain the macro's text (i.e. the snippet represented by the macro name), until `\end` appears on a line by itself:
<$codeblock code={{$:/editions/tw5.com/macro-examples/say-hi}}/>
Alternatively, the entire definition can be presented on a single line, without an `\end` marker:
```
\define sayhi(name:"Bugs Bunny") Hi, I'm $name$.
```
A more formal [[presentation|Macro Definition Syntax]] of this syntax is also available.
!! Placeholders
The snippet can contain placeholders for parameters. These consist of a parameter name between dollar signs, like `$this$`.
It can also contain placeholders for [[variables|Variables]]. These consist of a variable name (or macro name) between dollar signs and round brackets, like `$(this)$`.
The actual value of the parameter or variable is substituted for the placeholder whenever the macro is called:
<$importvariables filter="$:/editions/tw5.com/macro-examples/say-hi-using-variables">
<$codeblock code={{$:/editions/tw5.com/macro-examples/say-hi-using-variables}}/>
<$macrocall $name=".example" n="1"
eg="""<$set name="address" value="Rabbit Hole Hill">
<<say-hi-using-variables>>
</$set>"""/>
</$importvariables>
!! Scope
Macros are available to the tiddler that defines them, plus any tiddlers that it transcludes.
To make a macro available to all tiddlers, define it in a tiddler that has the tag <<.tag $:/tags/Macro>>.
It is also possible to write a macro as a [[JavaScript module|http://tiddlywiki.com/dev/index.html#JavaScript%20Macros]]. ~JavaScript macros are available to all tiddlers, and offer the maximum flexibility.
A tiddler can manually import macro definitions from a [[selection|Title Selection]] of other tiddlers by using the <<.wlink ImportVariablesWidget>> widget.
<<list-links filter:"[tag[Macro Syntax]]">>
! Introduction
The macro call widget provides an alternative syntax for invoking macros. The advantage of the widget form is that it allows macro parameters to be specified as widget attributes, thus allowing indirection and macro values to be set.
For example, a macro called `italicise` that takes a single parameter called `text` can be invoked in any of these ways:
```
<<italicise "Text to be made into italics">>
<<italicise text:"Text to be made into italics">>
<$macrocall $name="italicise" text="Text to be made into italics"/>
<$macrocall $name="italicise" text={{Title of tiddler containing text to be italicised}}/>
<$macrocall $name="italicise" text=<<textMaker "Another macro to generate the text to be italicised">>/>
```
You can see several examples of the macro call widget within the core:
* Listing module information: [[$:/snippets/modules]]
* Listing field information: [[$:/snippets/allfields]]
* Generating `data:` URIs: [[$:/themes/tiddlywiki/starlight/styles.tid]]
! Content and Attributes
The content of the `<$macrocall>` widget is ignored.
|!Attribute |!Description |
|$name |Name of the macro to invoke |
|$type |ContentType with which the macro text should be parsed (defaults to `text/vnd.tiddlywiki`) |
|$output |ContentType for the output rendering (defaults to `text/html`, can also be `text/plain`) |
|//parameters// |Macro parameters specified as attributes |
A <<.def macro>> is a named snippet of text. WikiText can use the name as a shorthand way of [[transcluding|Transclusion]] the snippet. Such transclusions are known as <<.def "macro calls">>, and each call can supply a different set of parameters that get substituted for special placeholders within the snippet.
For the syntax, see [[Macros in WikiText]].
Most macros are in fact just parameterised [[variables|Variables]].
They are created using the `\define` [[pragma|Pragma]]. (Behind the scenes, this is transformed into a <<.wlink SetWidget>>, i.e. macros and variables are two sides of the same coin.)
The snippet and its incoming parameter values are treated as simple strings of characters with no WikiText meaning, at least until the placeholders have been filled in and the macro call has returned. This means that a macro can assemble and return the complete syntax of a ~WikiText component, such as a [[link|Linking in WikiText]]. (See [[Transclusion and Substitution]] for further discussion of this.)
The string returned by a macro call is parsed separately from any surrounding ~WikiText components. So a safe way to insert a special character sequence (such as `[[` or `<`) without triggering its normal ~WikiText meaning is to wrap it in a macro.
Within a snippet itself, the only markup detected is `$name$` (a placeholder for a macro parameter) and `$(name)$` (a placeholder for a [[variable|Variables]]).
The <<.mlink dumpvariables>> macro lists all variables (including macros) that are available at that position in the widget tree.
An <<.wlink ImportVariablesWidget>> widget can be used to copy macro definitions to another branch of the [[widget tree|Widgets]]. ~TiddlyWiki uses this technique internally to implement global macros -- namely any macros defined in tiddlers with the <<.tag $:/tags/Macro>> tag.
For maximum flexibility, macros can also be <<.js-macro-link "written as JavaScript modules">>.
A similar effect to a parameterised macro call can be produced by setting [[variables|Variables]] around a [[transclusion|Transclusion]].
~TiddlyWiki's core has [[several macros|Core Macros]] built in.
The use of [[macros|Macros]] in WikiText has two distinct aspects:
* [[Defining macros|Macro Definitions in WikiText]]
* [[Calling macros|Macro Calls in WikiText]]
//This is a sample task for the TaskManagementExample//
The <<.def makedatauri>> [[macro|Macros]] takes a piece of text and an associated ContentType, and returns a corresponding [[data URI|Data URI]].
<<.var makedatauri>> is used to implement the <<.mlink datauri>> macro.
!! Parameters
;text
: The text to be converted to a data URI
;type
: The ContentType of the text
<<.macro-examples "makedatauri">>
<$macrocall $name=".example" n="1" eg="""<<makedatauri "some example text" "text/plain">>"""/>
{{$:/language/Help/makelibrary}}
See the UpgradeMechanism for more details.
\define textOnPath(text)
$$$.svg
<svg width="100%" height="100%" viewBox="0 0 1000 300" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="background:white;">
<defs>
<path id="MyPath" d="M 100 200 C 200 100 300 0 400 100 C 500 200 600 300 700 200 C 800 100 900 100 900 100"/>
</defs>
<use xlink:href="#MyPath" fill="none" stroke="#ddd"/>
<text font-family="'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif" font-size="42.5">
<textPath xlink:href="#MyPath">
$text$
</textPath>
</text>
</svg>
$$$
\end
This demo shows how to use SVG to render transcluded text along a path. Enter some text in the textbox below to try it out; [[view the source|Making curved text with SVG]] to see how it is done.
<$edit-text tiddler="$:/CurvedText" tag="input" placeholder="Type text here" default=""/>
<$macrocall $name="textOnPath" text={{$:/CurvedText}}/>
The Markdown plugin enables you to use tiddlers that are written in standard Markdown markup.
See http://tiddlywiki.com/plugins/tiddlywiki/markdown/
An experimental MathJax plugin for TiddlyWiki version 5. As Martin says, the implementation is a bit of a hack but may be useful until we have a better alternative.
{{!!url}}
<<<
Welcome. I have created plugin for TiddlyWiki 5 which allows you to use MathJax (math in TeX and MathML) inside TiddlyWiki 5. It's unofficial plugin and it doesn't follow general policy of TiddlyWiki as stand-alone solution but it works. So you can use it if you want.
<<<
MathML is a markup language for mathematical notation that can be used with HTML.
If your browser supports it, MathML elements can be used in TiddlyWiki5 WikiText just like HTML.
Here is an example MathML equation from [[the W3C|http://www.w3.org/Math/XSL/csmall2.xml]]:
```
<math><mrow><mo>[</mo><mtable><mtr><mtd><mn>0</mn></mtd><mtd><mn>1</mn></mtd><mtd><mn>0</mn></mtd></mtr><mtr><mtd><mn>0</mn></mtd><mtd><mn>0</mn></mtd><mtd><mn>1</mn></mtd></mtr><mtr><mtd><mn>1</mn></mtd><mtd><mn>0</mn></mtd><mtd><mn>0</mn></mtd></mtr></mtable><mo>]</mo></mrow></math>
```
Renders as:
<math><mrow><mo>[</mo><mtable><mtr><mtd><mn>0</mn></mtd><mtd><mn>1</mn></mtd><mtd><mn>0</mn></mtd></mtr><mtr><mtd><mn>0</mn></mtd><mtd><mn>0</mn></mtd><mtd><mn>1</mn></mtd></mtr><mtr><mtd><mn>1</mn></mtd><mtd><mn>0</mn></mtd><mtd><mn>0</mn></mtd></mtr></mtable><mo>]</mo></mrow></math>
These are the internal mechanisms that fit together to make up TiddlyWiki.
<<list-links "[tag[Mechanisms]]">>
Local meetings around the world for ~TiddlyWiki people:
* [[OXTWIG]], the ''Oxford ~TiddlyWiki Interest Group'' meets monthly in Oxford, UK to share experiences of using TiddlyWiki
* ''[[TiddlyWiki Camp Paris]]'' is an all day celebration and exploration of TiddlyWiki for experienced users and beginners alike
//If you are a ~TiddlyWiki enthusiast please consider starting a local TWIG in your area, it's a great way to spread the word about using TiddlyWiki//
Widget messages are generated by widgets in response to user actions. They flow up the widget tree until they are handled by an ancestor widget.
The following widget messages are implemented by the core:
<<list-links "[tag[Messages]]">>
A //module// in TiddlyWiki5 is a tiddler containing executable JavaScript, of the type `application/javascript` and with the field `module-type` set to the ModuleType of the module.
See the ''Internals'' tab of the [[control panel|$:/ControlPanel]] for lists of the currently loaded modules.
<<.operator-examples "modules">>
<<.operator-example 1 "[[filteroperator]modules[]]">>
\define describe() {{$:/language/Docs/ModuleTypes/$(type)$}}
The `module-type` field of a [[JavaScript module|Modules]] is a string that identifies the type of the module. Here is a list of the module types used in this wiki:
<dl>
<$list filter="[moduletypes[]]">
<dt>{{!!title}}</dt>
<$set name=type value=<<currentTiddler>>>
<dd><<describe>></dd>
</$set>
</$list>
</dl>
<<.operator-examples "moduletypes">>
<<.operator-example 1 "[moduletypes[]]">>
<<.this-is-operator-example>>
\rules only html
<pre style="font-size:10px; font-family: monospace; line-height:13px">
';. .;c'
:XNo ,kjack' .:dd
,K0X: '0l Tiddly:',..,Wiki.
jacK' .dk. '';jack .xk;
Jack; ..',','... '0c .0c
:0:c0l. .:dTidllyc::cjoWikioc:,,,,;;:cJACKc:;;d0. 'K:
l0:'jack,... ...',:lkxc. ..';:ccc:;;,'...',:loc .Kc
,xk:..,jackjackjack;'. :K,
.lxxl;.. . .Ox.
.':lTiddlyWikI. .xk.
`` ;0; . ;Od.
.dO' .0Ojackx,
cOo' .kk'.'..
.k0' .cOo.
lO; ... .jack.
.xk' .jackTiddlyWikijackO, .lkd;.
;Oo. .dO. .ok. ,Oo.
l0; .c, ,0: .kd l0.
.xk. .xNx lO. lO. ;0,
.Od. ,XW0, :0; dk. .kx.
.kx. jACKx' cOl. .Ol ;0:
.oO: .JACKx. .jack;'. .0: c0;
'dkc ,lXKd' .'jack. .Ol cOc.
.;ljack,.;xkc,...,oK, 'xxjack. .oko.
`` 'cljack' .okdlcJack.
'JacK,'
</pre>
MultiTiddlerFiles allow multiple tiddlers to be concisely represented in a single text file.
The goals of this format are:
* To be easy to type and easy to read
* Optimised for single line strings
* To allow common fields or tags to be shared within groups of tiddlers
* To be simple to process with external tools
MultiTiddlerFiles have the extension `multids`. The file is structured as a block of shared fields followed by a blank line. The rest of the file is a sequence of comments and tiddlers. Tiddlers are specified by their title, followed by a colon, at least one space character, and then the rest of the line is the text field for the tiddler.
For example:
```
title: $:/language/ControlPanel/
tags: strings
modifier: JoeBloggs
Basics/Caption: Basics
# This is a comment
Basics/Version: ~TiddlyWiki Version
```
This example defines two tiddlers, [[$:/language/ControlPanel/Basics/Caption]] and [[$:/language/ControlPanel/Basics/Version]].
If a `title` field is specified in the header then it is treated as a prefix for the individual tiddlers defined in the title.
!! Syntax Specification
{{MultiTiddlerFileSyntax}}
!!! MultiTiddlerFiles
<$railroad text="""
{<"Header Line">} "Blank Line" {(<"Tiddler Descriptor Line"> | <"Comment Line">)}
"""/>
!!! Header Line
<$railroad text="""
<"Identifier"> ":" {"Whitespace"} <"Value"> "New Line"
"""/>
!!! Tiddler Descriptor Line
<$railroad text="""
<"File Path"> ":" {"Whitespace"} <"Tiddler Title"> "New Line"
"""/>
!!! Comment Line
<$railroad text="""
"#" {("Text" | "Whitespace")} "New Line"
"""/>
The <<.def namespace>> [[variable|Variables]] is used internally by [[HTML|HyperText Markup Language]] widgets to keep track of the correct namespace for the [[DOM|Document Object Model]] elements they generate.
An `svg` or `math` element supplies a distinct namespace for itself and any child elements it contains.
The system tiddlers provided as part of the core are named according to the following rules:
|!Namespace |!Format |!Description |
|`$:/*` |~CamelCase |Root user interface tiddlers (eg control panel, advanced search) |
|`$:/config/*` |~CamelCase |User-oriented configuration setting |
|`$:/core/images/*` |hyphen-case |Core images |
|`$:/core/modules/*` |lowercase |JavaScript module tiddlers |
|`$:/core/save/*` |lowercase |Saving templates for creating TiddlyWiki documents |
|`$:/core/templates/*` |//inconsistent// |Templates needed for TiddlyWiki to operate. Currently uses a mix of dashes and periods to separate words |
|`$:/core/ui/*` |//inconsistent// |Tiddlers comprising the default user interface of TiddlyWiki. Currently uses a mix of ~CamelCase and lowercase naming conventions |
|`$:/core/wiki/*` |lowercase |Metadata about the entire wiki |
|`$:/docs/*` |lowercase |Documentation tiddlers |
|`$:/messages/*` |~CamelCase |System messages |
|`$:/plugins/*` |lowercase |Plugin tiddlers, and plugin content |
|`$:/snippets/*` |//inconsistent// |Reusable snippets (will be replaced by macros) |
|`$:/state/*` |lowercase |User interface state tiddlers |
|`$:/tags/*` |~CamelCase |User interface configuration tags |
|`$:/temp/*` |lowercase |Temporary tiddlers that shouldn't be saved |
|`$:/themes/*` |lowercase |Theme plugins |
In the format column:
* ''hyphen-case'' refers to joining multiple lowercase words with hyphens
* ''~CamelCase'' refers to joining mulitple initial capitaled words with hyphens
* ''lowercase'' refers to directly joining multiple lowercase words
* ''inconsistent'' marks namespaces that are currently titled inconsistently
In the default "classic" storyview mode, open tiddlers are displayed in a vertical column called the "story river". There are a number of ways you can navigate the story river - that is, how you can jump back and forth between the open tiddlers.
* The best approach is to ''use the Open tab'' in the sidebar to click on the open tiddler to which you wish to navigate.
** The ''Open'' tab contains a list of all the open tiddlers. You can click on any tiddler in the list to jump to it, or click the "×" next to a tiddler link to close it. There is also a handy ''close all'' button at the bottom of the list of open tiddlers.
* Another way is to simply ''scroll the page up and down'' using the story river scrollbar to the right.
** Note that when both the story river and the sidebar extend below the visible screen, there will be //two// scrollbars. The outer or far-right scrollbar controls the story river. The inner scrollbar controls the sidebar.
* A clunky approach that many new users try is to ''close tiddlers one by one'' until they get to the tiddler they are looking for.
** Closing any tiddler at the top or in the middle of the story river will cause all the tiddlers below it to slide up the river. The tiddler immediately below the tiddler you closed will slide up to take its place.
** Closing the bottom tiddler will close it and the bottom of the tiddler above it will come into view.
! Introduction
The navigator widget manipulates the current store, the story list and history lists in response to various [[Messages]].
! Content and Attributes
The navigator widget displays any contained content, and responds to Messages dispatched within it.
|!Attribute |!Description |
|story |Name of the tiddler containing the story list to be manipulated |
|history |Name of the tiddler containing the history list to be manipulated |
|openLinkFromInsideRiver |Determines the location for opening new tiddlers from links within the story river: at the ''top'' or ''bottom'' of the story river, or ''above'' or ''below'' the current tiddler |
|openLinkFromOutsideRiver|Determines the location for opening new tiddlers from linkes outside the story river: at the ''top'' or ''bottom'' of the story river|
! Widget Messages
The following [[Messages]] are handled by the navigator widget:
<ul>
<$list filter="[tag[navigator-message]]">
<li>
<$link to={{!!title}}>
<$view field="title"/>
</$link>
</li>
</$list>
</ul>
Each input title is processed in turn, and its successor is located in the <<.field list>> field and appended to the output. If a title is not listed in the field, or is the last title there, then it contributes nothing to the output.
<<.operator-examples "next">>
<<.using-days-of-week>>
<<.operator-example 1 "[[Monday]next[Days of the Week]]">>
<<.operator-example 2 "[[Sunday]next[Days of the Week]]">>
<<.operator-example 3 "Tuesday Wednesday Thursday +[next[Days of the Week]]">>
"node-webkit" was the original name for the project now known as [[NW.js]].
''Node.js'' is a downloadable application for your PC, Mac or Linux computer that lets it run JavaScript applications. Unlike ~JavaScript applications running in a web browser, Node.js code has full access to the file system and other resources of the computer, enabling it to perform the roles that have traditionally been the preserve of languages like Java, PHP and Python. See http://nodejs.org for more details.
For ~TiddlyWiki, Node.js means that we can have a single code base that can run in the browser or on the server, giving great flexibility in how it is used.
For end users, Node.js is no more complicated to install than a web browser, but unlocks powerful capabilities such as the ability to run ~TiddlyWiki as a web server that you can connect to from other devices.
See [[TiddlyWiki on Node.js]] for more details.
Version 5.0.11-beta includes some changes that can break content from earlier releases of ~TiddlyWiki 5.
! Command line changes
Previously, commands that generate output files would interpret the specified path to the file as being relative to the current working directory. So, for example, the following command would write `index.html` to the current directory:
```
tiddlywiki mywiki --rendertiddler $:/core/save/all index.html text/plain
```
In 5.0.11-beta this behaviour has changed, and now the specified filename is resolved relative to an `output` folder within the TiddlyWikiFolder. So the command above will now write the file `index.html` to `mywiki/output/index.html`.
You can override this behaviour with the OutputCommand. For example, to generate the `index.html` file within the current directory:
```
tiddlywiki mywiki --output . --rendertiddler $:/core/save/all index.html text/plain
```
A further change is that the `--rendertiddlers` command now clears the output folder before it writes any files. This means that any previous `--rendertiddler` commands to the same folder will have their output deleted.
Version 5.0.8-beta includes some changes that can break content from earlier releases of ~TiddlyWiki 5.
! Change to [[$:/SiteTitle]] and [[$:/SiteSubtitle]]
You should rename any existing SiteTitle and SiteSubtitle tiddlers to [[$:/SiteTitle]] and [[$:/SiteSubtitle]] respectively.
! Changed parsing rules for content of HTML elements
Version 5.0.8-beta marks a change in the way that TiddlyWiki determines whether to parse the content of an HTML element or widget in //block mode// or //inline mode//.
* In block mode, TiddlyWiki parses text into paragraphs, creating `<p>` tags to wrap them. It also recognises block syntax like headings, lists and tables.
* In inline mode, TiddlyWiki ignores paragraph formatting, and just recognises character formatting, like bold and italic.
It's important to be able to control which type of parsing is performed for different situations.
Prior to 5.0.8-beta, TiddlyWiki parsed the content of an element in inline mode unless the opening tag of the element were immediately followed by a line break. This meant that much of the time element tags would be shunted together into a long line, hindering readability.
The new behaviour for 5.0.8-beta is to parse the content of an element in inline mode unless the opening tag is immediately followed by two line breaks.
To adjust existing content for 5.0.8-beta you will need to manually add the additional line break after the opening tag of elements and widgets whose content should be parsed in block mode.
The positive aspect of the change is that it removes the need to pack multiple HTML tags onto a single line, improving readability.
!! Examples
Consider the difference between these two examples. First, here's an HTML tag that starts with two line breaks:
<<wikitext-example src:"
<blockquote>
! This is a heading
And a paragraph of text.
</blockquote>
">>
Secondly, here's an HTML tag with just a single line break. Notice how the heading is no longer recognised as a heading
<<wikitext-example src:"
<blockquote>
! This is a heading
And a paragraph of text.
</blockquote>
">>
! Changed commands for [[TiddlyWiki on Node.js]]
The handling of wiki folders has changed. Previously, if the `tiddlywiki` command was run against a wiki folder that didn't have the necessary `tiddlywiki.info` file then it would be automatically created. Now, the wiki folder must be initialised with the InitCommand.
This is how to create and start a new server-based wiki:
```
tiddlywiki mywikifolder --init server
tiddlywiki mywikifolder --server
```
Note that the name of the ''clientserver'' edition has changed to ''server''.
The <<.def now>> [[macro|Macros]] returns the current date and time in a specified [[format|DateFormat]].
The value doesn't update automatically, like a ticking clock. It updates whenever the macro call is rendered, such as when the containing tiddler's display needs to be refreshed for some other reason.
!! Parameters
;format
: A string specifying the desired [[format|DateFormat]], defaulting to `0hh:0mm, DDth MMM YYYY`
<<.macro-examples "now">>
<$macrocall $name=".example" n="1" eg="""<<now>>"""/>
<$macrocall $name=".example" n="2" eg="""<<now YYYY-0MM-0DD>>"""/>
<$macrocall $name=".example" n="3" eg="""<<now "hh:0mm:0sspm">>"""/>
Non-numeric values are treated as having a higher value than any number, and the difference between capital and lowercase letters is ignored. Compare <<.olink nsortcs>>.
<<.operator-examples "nsort">>
<<.operator-example 1 "10 010 1000 100 +[nsort[]]">>
<<.operator-example 2 "10 010 ALPHA beta alpha 1000 100 +[nsort[]]">>
Non-numeric values are treated as having a higher value than any number, and capital and lowercase letters are treated as different. Compare <<.olink nsort>>.
<<.operator-examples "nsortcs">>
<<.operator-example 1 "10 010 1000 100 +[nsortcs[]]">>
<<.operator-example 2 "10 010 ALPHA beta alpha 1000 100 +[nsortcs[]]">>
<<.place N>> is one-based. In other words, `nth[1]` has the same effect as the <<.olink first>> operator.
<<.operator-examples "nth">>
<<.using-days-of-week>>
<<.operator-example 1 "[list[Days of the Week]nth[]]">>
<<.operator-example 2 "[list[Days of the Week]nth[5]]">>
NW.js is an OpenSource application that fuses the functionality of a web browser with that of [[Node.js]]. It makes it possible to use web applications as though they were native apps, with full access to the file system and other native facilities. Learn more from the [[official site|https://github.com/nwjs/nw.js]] or [[this introductory blog post|http://net.tutsplus.com/tutorials/javascript-ajax/introduction-to-html5-desktop-apps-with-node-webkit/]].
See [[TiddlyWiki on NW.js]] for details of how to use TiddlyWiki with NW.js.
An introduction to the biblical book of Obadiah by Dave Gifford using the table of contents macro and various custom tweaks to ~TiddlyWiki: custom new here buttons, [[this custom viewtemplate addition|http://giffmex.org/experiments/obadiah.html#%24%3A%2F_aa%2FViewTemplate%2FNoteList]] to add notes or images within any tiddler, and a tiddler transcluding all the content, in order to facilitate printing ([[this tiddler|http://giffmex.org/experiments/obadiah.html#An%20introduction%20to%20Obadiah]]).
{{!!url}}
OpenSource is [[defined by Wikipedia|http://en.wikipedia.org/wiki/Open_source]] as //a philosophy, or pragmatic methodology that promotes free redistribution and access to an end product's design and implementation details//.
When ~TiddlyWiki generates a list of the tiddlers that have a particular tag (e.g. the dropdown list of a tag pill), it orders the tiddlers using the following rules:
# Start with any that are [[declared|Title List]] in the <<.field list>> field of the tag tiddler, in the order given there.
# In each remaining tiddler <<.place T>>, look for a <<.field list-before>> field. If this has a tiddler title as its value, place <<.place T>> just <<.em before>> that one.
#* As a special case, if the field exists but its value is empty, place <<.place T>> at the very start of the list.
# In each remaining tiddler <<.place T>>, look for a <<.field list-after>> field. If this has a tiddler title as its value, place tiddler <<.place T>> just <<.em after>> that one.
# If any tiddlers still remain, place them at the end of the list in ascending alphabetical order of title. The difference between capital and lowercase letters is ignored.
Founded in 2004 by JeremyRuston, Osmosoft was originally a consultancy for software services around TiddlyWiki. Notable engagements included working with Socialtext on [[Socialtext Unplugged|https://www.socialtext.net/open/socialtext_unplugged]].
In 2007, Osmosoft was acquired by [[BT]] and became the champions for open source within the enterprise. As part of BT, Osmosoft has worked on a diverse range of projects within BT and for BT's customers.
See http://osmosoft.com/
{{$:/language/Help/output}}
The ''Oxford ~TiddlyWiki Interest Group'' meets monthly for discussions and demonstrations about TiddlyWiki.
See https://oxtwig.eventbrite.co.uk/ for details of our next meeting.
We have an email discussion list, too: https://groups.google.com/forum/#!members/oxtwig
! OXTWIG #2
The second OXTWIG meeting was held on Thursday 16th January 2014:
<iframe width="560" height="315" src="http://www.youtube.com/embed/WOK_nVBf_6U" frameborder="0" allowfullscreen></iframe>
! OXTWIG #1
The first OXTWIG meeting was held on Thursday 21st November 2013:
<iframe width="560" height="315" src="http://www.youtube.com/embed/tpNf_Dms_TE" frameborder="0" allowfullscreen></iframe>
One major feature of TiddlyWiki that many new users are unaware of is the degree to which TiddlyWiki can be customised, just by adding or removing SystemTags in key shadow tiddlers or in your own custom tiddlers.
* You can add and remove default features in tiddlers in either viewing or editing mode (let's say you find the tiddler subtitle distracting, or you want to add yourself a reminder that you will see when you edit tiddlers)
* You can also add and remove default features from the general page layout (maybe you want to add a clock to the sidebar, or replace one of the page control buttons with your own)
* You can also rearrange the order in which these features are displayed (perhaps you would like tags above tiddler titles, or the subtitle of your TiddlyWiki below the page control buttons)
Once you know what you are doing, all of these things are actually pretty easy to do.
! Adding custom-made tiddlers to the user interface
You can also create any tiddler you want and tag it with the appropriate SystemTag, and it will appear in that place. For example, if you create a tiddler 'Reminder to self', add the text 'This is a reminder' and tag it `$:/tags/EditTemplate`, the words 'This is a reminder' will appear inside every tiddler when you edit it.
When you add new tiddlers to be displayed within tiddlers or within the page layout, you will also probably need to reposition it so that it appears precisely where you want it to appear. To do this, edit the appropriate shadow tiddler with the prefix `$:/tags/`, and insert the title of your tiddler in the proper place in the list field. For example, if you want the words 'This is a reminder' from the example above to appear above the tags editor in editing mode, edit the tiddler $:/tags/EditTemplate, go to the 'list' field, and insert `[[Reminder to self]]` right before `$:/core/ui/EditTemplate/tags`.
! Creating new buttons for the ViewToolbar and page controls
Let's say you have a skeleton tiddler called 'Recipe template', and you want to have a button available in the tiddler ViewToolbar to create new recipe tiddlers on demand. This will require the following steps:
# You will want an image for your button. If none of the core images (shadow tiddlers with the prefix $:/core/images/) work for you, then you will need to create or acquire an SVG image (for example, one of the images at http://flaticon.com), drag it into your file so that it becomes a tiddler, edit the tiddler and adjust the height and width to 22px
# You will want to create the tiddler that contains your tiddler. Create it, title it, and add the button code (see the code at the bottom of this tiddler for an example, with hints where you will need to adapt it). Tag it [[$:/tags/ViewToolbar]]
# You will need to create a tiddler that tells TiddlyWiki whether your button should be visible in the toolbar or hidden. Let's title it [[$:/config/ViewToolbarButtons/Visibility/Recipe]]. Type `reveal` into the text area, and save.
# You will want to position the button properly. Open the tiddler $:/tags/ViewToolbar and insert your button tiddler's title in the appropriate place in the list field.
```
\define newHereButtonTags()
[[$(currentTiddler)$]]
\end
\define newHereButton()
<$button class=<<tv-config-toolbar-class>>>
<$action-sendmessage
$message="tm-new-tiddler"
$param="TITLE OF YOUR SKELETON BUTTON"
title="New tiddler"
tags=<<newHereButtonTags>> />
<$list filter="[<tv-config-toolbar-icons>prefix[yes]]">
{{TITLE OF YOUR SVG IMAGE TIDDLER}}
</$list>
<$list filter="[<tv-config-toolbar-text>prefix[yes]]">
<span class="tc-btn-text"><$text text="CAPTION FOR YOUR BUTTON"/></span>
</$list>
</$button>
\end
<<newHereButton>>
```
! Removing shadow tiddlers from the user interface
In the More > Shadows tab you will find a list of all the shadow tiddlers. In this list you will find many tiddlers with the prefix `$:/core/ui/`. These are the core tiddlers that define the user interface. These tiddlers are tagged with SystemTags, and removing or adding these tags will adjust the tiddler and page layouts.
For example, $:/core/ui/SideBar/More is the tiddler for the More tab in the Sidebar, and it is tagged with the SystemTag `$:/tags/SideBar` so that it appears in the Sidebar. Removing the tag from that tiddler will remove the More tab from the Sidebar, and reinserting the Sidebar tag to that tiddler will make it reappear in the Sidebar.
You can use the same process for any of the core user interface tiddlers with the $:/core/ui/ prefix. For example, removing the SystemTag `$:/tags/ViewTemplate` from the tiddler `$:/core/ui/ViewTemplate/subtitle` will remove the subtitles from all tiddlers.
If you modify a shadow tiddler in this way you will overwrite the pre-installed value. If you want to revert, just delete the modified tiddler to restore the underlying shadow tiddler.
To mark the end of a paragraph in TiddlyWiki you need to type `enter` twice to create a double line break:
```
This is the first paragraph.
And this is the second paragraph.
```
Single line breaks are ignored within paragraphs. For example:
<<wikitext-example src:"This is a
paragraph made
up of
short lines">>
For situations where this behaviour isn't convenient, you can also use [[Hard Linebreaks in WikiText]].
! Introduction
The parsing mechanism analyses the text of a tiddler against a set of parsing rules, producing a tree representing the structure of the text. The RenderingMechanism is used to transform parse trees into render trees of widget nodes.
TiddlyWiki5 includes ParserModules for several types of tiddler:
* WikiText
* Raw HTML
* Plain text
* Images (bitmap, SVG and PDF)
The WikiText parser is the most complex, comprising separate individual WikiRuleModules encapsulating each parsing rule.
! Parse Trees
The output of parsing a tiddler is an object containing a tree of parse nodes corresponding to the original text. For example:
```
> JSON.stringify($tw.wiki.parseText("text/vnd.tiddlywiki","Some //italics// and a {{Transclusion}}.").tree)
[
{type: "element", tag: "p", children: [
{type: "text", text: "Some "},
{type: "element", tag: "em", children: [
{type: "text", text: "italics"}
]},
{type: "text", text: " and a "},
{type: "tiddler", attributes:{
tiddler: {type: "string", value: "Transclusion"}
}, children:[
{type: "transclude", attributes:{
tiddler: {type: "string", value: "Transclusion"}
}}
]},
{type: "text", text: "."}
]}
]
```
Parse tree nodes are plain JavaScript objects, and do not have a prototype.
{{$:/language/Help/password}}
! Introduction
The password widget displays a password input box that is bound to a named entry in the TiddlyWiki5 PasswordVault. Passwords are currently stored in the browsers local storage and are not themselves encrypted.
! Content and Attributes
The content of the `<$password>` widget is ignored.
|!Attribute |!Description |
|name |Name of the password vault entry |
<<.dlink-ex "Percent encoding" "http://en.wikipedia.org/wiki/Percent-encoding">> is a notation that allows otherwise invalid characters to be included in a [[URI]].
Such characters are represented as a percent sign `%` followed by two additional characters.
For example, a space is represented as `%20` and an actual percent sign is represented as `%25`.
TiddlyWiki ships with defaults that are designed to get the best out of modern devices from smartphones to desktop computers. If you need to work on older, less powerful devices, or work with large amounts of content, there are a few steps you can take to improve performance.
* ''Avoid the "Recent" tab''. It is computationally slow to generate and update in response to tiddler changes.
* ''Use the "Vanilla" theme''. The default "Snow White" theme includes visual effects like shadows, transparency and blurring that can be slow to render on older devices
* ''Avoid large tiddlers''. Large bitmaps can significantly slow TiddlyWiki's performance. For example, an image taken with a modern smartphone will often be 5MB or more. Use ExternalImages whenever possible
* ''Don't have too many tiddlers open at once''. Every tiddler you have open will require processing to keep it up to date as the store changes (for example, while you type into a draft tiddler). It is particularly easy when using zoomin story view to end up with dozens of tiddlers listed in the ''Open'' tab in the sidebar. Get into the habit of periodically closing all open tiddlers with the ''close all'' button
Permalinks allow direct links to individual tiddlers within a TiddlyWiki.
! Simple Permalinks
The simplest form of permalink is a single target tiddler title appended to the base URL with `#`:
http://tiddlywiki.com/#HelloThere
The tiddler title can contain spaces if required:
[[http://tiddlywiki.com/#Using TiddlyWiki on Node.js]]
Note that double square brackets are not required around the target tiddler title; however, if present they are silently removed.
! Story Permalinks
The permalink can also specify the story list of tiddlers that should be opened alongside the target tiddler as a [[TiddlerFilter|Filters]]:
[[http://tiddlywiki.com/#TiddlerFields:Tiddlers TiddlerTags TiddlerFields ContentType]]
If the target tiddler isn't present in the story list then it is automatically inserted at the top. This means that the following two examples both target the tiddler `Tiddlers` within the story sequence `Tiddlers`, `Tags`, `TiddlerFields`:
[[http://tiddlywiki.com/#Tiddlers:Tags TiddlerFields]]
[[http://tiddlywiki.com/#Tiddlers:Tiddlers Tags TiddlerFields]]
It is also possible to specify a story filter without specifying a target tiddler for navigation:
<a href="http://tiddlywiki.com/#:[tags[task]]">~http://tiddlywiki.com/#:[tags[task]]</a>
! About URL encoding
There are technical restrictions on the legal characters in an URL fragment. To allow all tiddler titles to be addressed, illegal characters are subject to a process called "URL encoding" whereby problematic characters are replaced by their numeric code. For example, the space character is replaced with `%20`.
Both the target tiddler title and the story filter should be URL encoded (but not the separating colon). TiddlyWiki generates properly encoded URLs which can look quite ugly. However, in practice browsers will usually perfectly happily process arbitrary characters in URL fragments. Thus when creating permalinks manually you can choose to ignore URL encoding.
! Permalink Behaviour
Two important aspects of TiddlyWiki's behaviour with permalinks can be controlled via options in the $:/ControlPanel ''Advanced/Settings'' tab:
* Whether to automatically update the address bar at each navigation, and if so whether to include the story sequence as well as the target tiddler
* Whether the updates to the address bar should affect browser history. The default is ''no''; when switched to ''yes'' you can rewind navigation between tiddlers using the browser back and forward buttons
Note that typing or navigating to a permalink will always cause the permalink to be processed, and tiddlers opened and closed as appropriate.
!! Technical Details
When TiddlyWiki starts up it processes permalinks according to the following steps; the same steps are repeated if the permalink changes dynamically (this happens in response to the user editing the address bar, for example).
# If the permalink contains a colon, treat the string before as the ''target'' and the string after it as the ''story filter''
# If the permalink doesn't contain a colon, treat the entire string as the ''target'' and mark the ''story filter'' as //unspecified//
# If the ''story filter'' was unspecified and we're in the process of starting up, then set the ''story filter'' to the empty string if the ''target'' is specified, or to the default tiddlers if the ''target'' is unspecified
# If the ''story filter'' was unspecified and we're not starting up, then set the ''story filter'' to the current story list
# Evaluate the ''story filter'' as the ''story list''
# If the ''target'' is specified and not present in the ''story list'' then add it at the top
# If the ''target'' is specified then navigate to it, otherwise navigate to the first tiddler in the ''story list''
A system for lesson planning built with TiddlyWiki.
{{!!url}}
<<<
I built a program to help enter and store lesson plan information and then facilitate/automate some of the tedious work involved in creating the actual lesson plan document.
<<<
The purpose of recording and organising information is so that it can be used again. The value of recorded information is directly proportional to the ease with which it can be re-used.
The philosophy of [[tiddlers|Tiddlers]] is that we maximise the possibilities for re-use by slicing information up into the smallest semantically meaningful units with [[rich modelling of relationships between them|Structuring TiddlyWiki]]. Then we use aggregation and composition to weave the fragments together to present narrative stories.
TiddlyWiki aspires to provide an algebra for tiddlers, a concise way of expressing and exploring the relationships between items of information.
TiddlyWiki can be used on several platforms:
<<list-links "[tag[Platforms]]">>
[[Plugins]] are bundles of tiddlers that are distributed and managed as a single unit by being packed into a single JSON tiddler. If a tiddler isn't found in the main store, then the registered plugins are searched for it instead.
Tiddlers within plugins behave something like shadow tiddlers in classic TiddlyWiki: they can be freely overwritten by creating a tiddler with the same title, but deleting that tiddler restores the underlying tiddler value from the plugin.
Plugins have a `plugin-type` field that may be (see the table below):
* `plugin` //(default)// - a plain plugin
* `theme` - a theme plugin (see ThemeMechanism)
* `language` - for translations only
Plugins can be used to package ordinary content, or can include JavaScript [[modules|Modules]] that extend and enhance the core TiddlyWiki5 functionality.
Plugins conventionally have a title of the form `$:/plugins/publisher/name`. Plugins that are part of the core TiddlyWiki distribution have titles of the form `$:/plugins/tiddlywiki/name`.
Plugins that define macros, views or other named entities are expected to prefix the name with their publisher identifier, for example: `tiddlytools.slider`.
! Plugin fields
Plugins are stored as tiddlers with the following fields:
|!Field |!Description |
|title |Title of plugin |
|description |Description of plugin |
|author |Author of plugin |
|version |Version string (must conform to SemanticVersioning convention) |
|source |Source URL of plugin |
|type |Must be ''application/json'' |
|plugin-type |Can be ''plugin'' (default), ''language'' or ''theme'' |
|text |JSON encoding of the list of tiddlers comprising the plugin |
|list |Names of exposed plugin information tiddlers (see below) |
|name |Name of the theme (only for themes) |
|dependents |List of dependent plugins (currently only implemented for themes) |
! Plugin folders
On the server, plugins can be stored as ordinary JSON tiddlers but it is often more convenient to store them as separate tiddler files within folders. Plugin folders must contain a `plugin.info` file that contains the metadata for the plugin. It can also optionally identify files external to the plugin folder that should be loaded as tiddlers.
The `plugin.info` file should contain the following JSON structure:
The JSON structure for plugin tiddlers is as follows:
```
{
"title": "$:/plugins/publisher/name",
"description": "An exemplary plugin for demonstration purposes",
"author": "JeremyRuston",
"version": "1.2.3-alpha3",
"core-version": ">=5.0.0",
"source": "http://tiddlywiki.com/MyPlugin",
"plugin-type": "plugin",
"list": "readme license history"
}
```
By convention, the titles of the individual tiddlers are prefixed with the title of the containing plugin, but they are not restricted to do so.
Note that if the `version` field is omitted from a `plugin.info` file when the plugin folder is packed then it is automatically filled in by the core to the current core version number. This is to ensure that all the core plugins carry the correct version number. Generally plugin authors will want to ensure that they do explicitly specify a version number.
! Plugin library
The standard distribution of TiddlyWiki includes a number of standard plugins in the `plugins` directory.
! Including plugins in a wiki
To be usable in the browser, plugins just need to be included in the wiki. For wikis that are generated on the server, TiddlyWikiFolders can contain a `tiddlywiki.info` file that identifies the plugins to be included in this wiki:
```
{
"plugins": [
"tiddlywiki/slider",
"tiddlytools/chooser"
]
}
```
Plugins names refer to plugin folders listed in TiddlyWiki5's root `plugins` folder.
Plugins can also be included manually by copying them into the `plugins` subfolder of the wiki.
! Plugin processing
The wiki object keeps track of all of the currently loaded plugins. If a request for a tiddler isn't in the store then the wiki looks through the cascade of plugins to find the requested tiddler. It is a similar idea to the way that shadow tiddlers are implemented in classic TiddlyWiki.
In the browser, any constituent tiddlers that are JavaScript modules (ie shadow tiddlers of content type `application/javascript` and possessing the field `module-type`) are executed during startup processing.
!! Disabling Plugins
Plugins can be disabled by creating a tiddler titled `$:/config/Plugins/Disabled/` concatenated with the plugin title, and setting its text to `yes`.
For example, to disable the plugin `$:/plugins/tiddlywiki/highlight`, the title would be:
```
$:/config/Plugins/Disabled/$:/plugins/tiddlywiki/highlight
```
! Information Tiddlers for Plugins
Plugin authors are encouraged to provide special information and documentation tiddlers that TiddlyWiki can include as plugin information tabs in the [[control panel|$:/ControlPanel]].
Plugins should provide an icon contained in a tiddler with the title formed of `<plugin-name>/icon` (for example, [[$:/core/icon]]).
Plugins expose the names of the individual information tabs that they wish to display in the `list` field of the plugin tiddler. By convention, some or all of the following should be provided:
* ''readme'': basic information about the plugin
* ''license'': the license under which the plugin is published
The title of the associated information tiddler must be formed as follows:
# `$:/<plugin-name>/<current-language>/<tab-name>` (for example, ''$:/core/en-GB/readme'')
# `$:/<plugin-name>/<tab-name>` (for example, ''$:/core/readme'')
Thus, plugins can provide language-specific versions of each information tiddler.
Note that information tiddlers should not reference other tiddlers within the plugin. This is because plugins containing themes or languages are dynamically switched in and out as they are selected, and so their information tiddlers may not be available for viewing. The control panel uses the 'subtiddler' attribute of the TranscludeWidget to access these tiddlers, which works independently of the plugin switching mechanism.
! Available Plugins
The following plugins are distributed on tiddlywiki.com as part of the main TiddlyWiki distribution.
<<list-links "[tag[Plugins]]">>
! What is a plugin?
A plugin in TiddlyWiki5 is a bundle of tiddlers packaged together as a single tiddler. Plugins are used to distribute optional, custom components for TiddlyWiki.
The tiddlers within a plugin appear as ShadowTiddlers.
Plugins can contain JavaScript modules, style sheets, and templates to extend the functionality of TiddlyWiki itself. Plugins can also be used to distribute ordinary text, images or other content. Plugins can be updated from their source as a unit.
See the PluginMechanism discussion for more details about how plugins are implemented internally.
! Installing a plugin from the plugin library
# Create a backup of your current TiddlyWiki HTML file ([[just in case|The First Rule of Using TiddlyWiki]])
# Open your TiddlyWiki in a browser
# Open the [[$:/ControlPanel]] and click on the ''Plugins'' tab and then the ''Add'' tab
# Click ''open plugin library'' to open the official plugin library
# When the library listing is loaded:
## Use the dropdown to select between ''plugins'', ''themes'' and ''languages''
## Use the ''search'' box to search the plugin details
# Click the ''install'' button to install a plugin
# Save your TiddlyWiki
# ''Refresh the page so that TiddlyWiki loads the new plugin''
# The plugin should now be available for use
! Manually installing a plugin
# Create a backup of your current TiddlyWiki HTML file ([[just in case|The First Rule of Using TiddlyWiki]])
# Open your TiddlyWiki in a browser
# In another browser window, find a link to the plugin, e.g. [[$:/plugins/tiddlywiki/example]]. You will typically find these links on the home page of the plugin (for example, http://tiddlywiki.com/plugins/tiddlywiki/katex/)
# Drag the link [[$:/plugins/tiddlywiki/example]] to the browser window containing your TiddlyWiki
# Save your TiddlyWiki
# ''Refresh the page so that TiddlyWiki loads the new plugin''
# The plugin should now be available for use
! How to uninstall / delete a plugin
# Create a backup of your current TiddlyWiki HTML file ([[just in case|The First Rule of Using TiddlyWiki]])
# Open the [[$:/ControlPanel]] and go to the ''Plugins'' tab
# Click on the plugin you want to delete to open its tiddler
# Click the edit icon and then delete the tiddler
# Save your TiddlyWiki
# ''Refresh the window so that TiddlyWiki completely removes the plugin''
# The plugin should now be deleted
A collection of plugins from TheDiveO.
{{!!url}}
[[TheDiveO's Third Flow|http://thediveo.github.io/ThirdFlow/]] plugin construction system:
<<<
The ~ThirdFlow plugin brings to you another way to develop customization plugins for TiddlyWiki 5. It is not enforcing a specific development flow, it simply tries to help you. Otherwise, it tries to stay out of your way.
<<<
[[TheDiveO's FontAwesome|http://thediveo.github.io/TW5FontAwesome/]] plugin:
<<<
The FontAwesome plugin supports embedding Font Awesome in TiddlyWiki 5. There is no need to install this font into your operating system in order to use it with TiddlyWiki 5. The font is already embedded in this TiddlyWiki 5 customization plugin instead, so nothing else to install.
<<<
<<.operator-examples "plugintiddlers">>
<<.operator-example 1 "[[$:/core]plugintiddlers[]]">>
The popup mechanism allows blocks of content to be selectively displayed and positioned with respect to an anchor. It has several parts:
* StateTiddlers to record whether a popup is currently displayed or not
* The RevealWidget to selectively display the popup content
* The ButtonWidget to trigger the display of the popup by setting the state tiddler appropriately
A <<.def pragma>> is a special component of WikiText that provides control over the way the remaining text is parsed.
Pragmas occupy lines that start with `\`. They can only appear at the start of the text, but blank lines are allowed between them. If a pragma line appears in the main body of the text, it is treated as if it was ordinary text.
The following pragmas are available:
;`\define`
: for defining a [[macro|Macros]]
;`\rules`
: for adjusting the set of rules used to parse the text
<<.s-matching-is-case-sensitive>>
<<.operator-examples "prefix">>
<<.operator-example 1 "[tag[task]!prefix[Go]]">>
<<.operator-example 2 "[prefix[$:/languages/]]">>
<<.operator-example 3 "[prefix[$:/]]" "same as `[is[system]]`">>
Ordinarily, at startup TiddlyWiki displays the tiddlers specified as a filter in the tiddler [[$:/DefaultTiddlers]].
Sometimes it's useful to re-open the same tiddlers that were open when the file was saved. To do so, set [[$:/DefaultTiddlers]] to this filter:
```
[list[$:/StoryList]]
```
This filter returns the tiddlers specified in the [[$:/StoryList]] tiddler, which is the system tiddler that TiddlyWiki uses to store the sequence of tiddlers in the current story.
Each input title is processed in turn, and its predecessor is located in the <<.field list>> field and appended to the output. If a title is not listed in the field, or is the first item there, then it contributes nothing to the output.
<<.operator-examples "previous">>
<<.using-days-of-week>>
<<.operator-example 1 "[[Wednesday]previous[Days of the Week]]">>
<<.operator-example 2 "[[Monday]previous[Days of the Week]]">>
<<.operator-example 3 "Tuesday Wednesday Thursday +[previous[Days of the Week]]">>
The <<.def qualify>> [[macro|Macros]] is an important part of the StateMechanism.
It returns a unique string that encodes its position within the [[widget tree|Widgets]], as identified by the stack of transcluded tiddlers that lead to that position.
It is implemented using the <<.vlink transclusion>> variable.
!! Parameters
;title
: The prefix for the returned string, normally a tiddler title
<<.macro-examples "qualify">>
The results returned by the <<.mlink qualify>> macro depend on its location in the transclusion stack.
The two examples below are identical, but produce different results because the second one has been transcluded from [[another tiddler|$:/editions/tw5.com/macro-examples/qualify-transcluded]].
Each example shows the result of calling <<.var qualify>> and then the value of the <<.vlink transclusion>> variable.
<$macrocall $name=".example" n="1"
eg="""<ul>
<li><code><<qualify "BaseTiddler">></code></li>
<li><code><<transclusion>></code></li>
</ul>"""/>
<blockquote>
{{$:/editions/tw5.com/macro-examples/qualify-transcluded}}
</blockquote>
Wikipedia [[defines a Quine|http://en.wikipedia.org/wiki/Quine_(computing)]] as //a computer program which takes no input and produces a copy of its own source code as its only output//.
TiddlyWiki is an unusual example of a practical quine: it is this ability to produce a copy of its own source code that lies at the heart of TiddlyWiki's ability to independently save changes to itself.
! Introduction
The radio widget displays an HTML `<input type="radio">` that reflects whether a given tiddler field has a specified value. Selecting the radio button sets to the tiddler field to the value.
! Content and Attributes
The content of the `<$radio>` widget is displayed within an HTML `<label>` element also containing the radio button. This means that clicking on the content will have the same effect as clicking on the button itself.
|!Attribute |!Description |
|tiddler |Title of the tiddler to manipulate (defaults to the [[current tiddler|Current Tiddler]]) |
|field |The name of the field to which the radio button will be bound |
|value |The value for the tiddler field |
|class |CSS classes to be assigned to the label around the radio button |
! Example
This example uses the radio widget to change the `modifier` field of this tiddler:
```
<$radio field="modifier" value="JoeBloggs"> Joe Bloggs</$radio>
<$radio field="modifier" value="JaneBloggs"> Jane Bloggs</$radio>
```
It renders as:
<$radio field="modifier" value="JoeBloggs"> Joe Bloggs</$radio>
<$radio field="modifier" value="JaneBloggs"> Jane Bloggs</$radio>
<<.def "Railroad diagrams">>, sometimes called <<.def "syntax diagrams">>, are a visual way of explaining the syntax rules of a computer language. Reading one is like reading a public transport map.
Each diagram starts on the left and ends on the right. Simply follow any line from the startpoint to the endpoint. All the alternative lines are equally valid. A line will sometimes jump over an item that is optional, or loop back to indicate that an item can be repeated.
<$railroad text="""
start [:optional] {repeated +","} end
"""/>
In the example above, a comma appears between each occurrence of the `repeated` item. The comma path runs from right to left, and can only be reached by first passing through `repeated`.
Characters in round boxes are literal, i.e. they denote themselves. A name in a rectangular box denotes a further railroad diagram.
The railroad diagrams in ~TiddlyWiki's documentation are generated with the [[Railroad Plugin]].
{{$:/plugins/tiddlywiki/railroad/readme}}
{{$:/plugins/tiddlywiki/railroad/syntax}}
Featuring plugins that integrate two interesting new capabilities:
* [[SocialCalc|https://dmzwik01.collaborate.ag/help-en/SocialCalc]] providing a powerful spreadsheet
* [[Three.js|http://threejs.org/]] providing interactive 3D graphics
{{!!url}}
<<<
I developed some plugins related to engineering tasks.
After using them for personal projects I'm glad to share with TiddlyWiki community.
<<<
\define tv-wikilink-template() http://tiddlywiki.com/static/$uri_doubleencoded$.html
<$importvariables filter="[[$:/core/ui/PageMacros]] [all[shadows+tiddlers]tag[$:/tags/Macro]!has[draft.of]]">
Welcome to TiddlyWiki, a non-linear personal web notebook that anyone can use and keep forever, independently of any corporation.
TiddlyWiki is a complete interactive wiki in JavaScript. It can be used as a single HTML file in the browser or as a powerful Node.js application. It is highly customisable: the entire user interface is itself implemented in hackable WikiText.
Learn more and see it in action at http://tiddlywiki.com/
Developer documentation is in progress at http://tiddlywiki.com/dev/
! Installing TiddlyWiki on Node.js
{{Installing TiddlyWiki on Node.js}}
! Using TiddlyWiki on Node.js
{{Using TiddlyWiki on Node.js}}
! Upgrading TiddlyWiki on Node.js
{{Upgrading TiddlyWiki on Node.js}}
! Also see
<<list-links "[tag[TiddlyWiki on Node.js]] -[[Installing TiddlyWiki on Node.js]] -[[Using TiddlyWiki on Node.js]] -[[Upgrading TiddlyWiki on Node.js]]">>
//This readme file was automatically generated by TiddlyWiki//
</$importvariables>
\define tv-wikilink-template() http://tiddlywiki.com/static/$uri_doubleencoded$.html
{{Scripts for TiddlyWiki on Node.js}}
The following topics provide the canonical reference documentation for TiddlyWiki:
<div class="tc-table-of-contents">
<<toc-selective-expandable 'Reference'>>
</div>
<<.def "Reference tiddlers">> offer raw information in a comprehensive interlinked way. The reader is likely to be an intermediate or expert user.
There are several subcategories:
;Concepts
* With definitions, together forming a glossary
;User manual
* Presenting technical details of ~WikiText features
* Subcategorised: messages, operators, widgets, etc
;Developer manual
* Presenting technical details of ~TiddlyWiki's internal architecture
Reference material is written in a terse, formal style that avoids referring to the reader, and instead focuses on how ~TiddlyWiki itself behaves. The passive voice is often suitable:
* <<.word "the template is specified as a tiddler">> rather than <<.word "specify the template as a tiddler">>
* <<.word "the widget can be used for various purposes">> rather than <<.word "you can use the widget for various purposes">>
* But <<.word "this widget has several possible uses">> is better, because it is less convoluted and more succinct
Most contracted verb forms are avoided in reference tiddlers. But those ending in <<.word "n't">> (<<.word "aren't">>, <<.word "doesn't">>, <<.word "hasn't">>, <<.word "isn't">>, etc) are acceptable, as they make it less easy to accidentally overlook the word <<.word not>>.
<<.def "Regular expressions">> are concise strings of characters that denote patterns of text to search for. The format used in ~TiddlyWiki is fully defined in [[this Mozilla reference|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions]].
The [[filter syntax|Filter Run]] makes it impossible to directly specify a regular expression that contains square brackets. The solution is to store the expression in a [[variable|Variables]]. See the <<.operator-examples "regexp" "examples">>.
The parameter <<.place X>> can optionally start or end with a string of flags:
<$railroad text=""" "(?" { ("i"|"m"|:"g") } ")" """/>
Only the `i` flag is generally useful: it forces the different between capital and lowercase letters to be ignored.
If <<.place X>> is empty, <<.op regexp>> will match all of the input tiddlers.
<<.operator-examples "regexp">>
<<.using-days-of-week>>
<<.operator-example 1 "[!is[system]regexp[Wiki]]" "non-system tiddlers with `Wiki` in their title">>
<<.operator-example 2 "[!is[system]regexp[(?i)Wiki]]" "non-system tiddlers with `Wiki` in their title, ignoring case">>
<<.operator-example 3 "[!is[system]regexp[Wiki(?i)]]" "same again">>
<<.operator-example 4 "[regexp[(?i)\.jpe?g$]]" "tiddlers with titles ending in `.jpg` or `.jpeg`, ignoring case">>
<<.operator-example 5 "[regexp:created[^201408]]" "tiddlers created in August 2014">>
The regular expression `[0-9]{2}` matches two consecutive digits. Because it contains square brackets, the way to use it with the <<.op regexp>> operator is via a [[variable|Variables]], as follows:
<$macrocall
$name="wikitext-example-without-html"
src="""<$set name="digit-pattern" value="[0-9]{2}">
<<list-links "[regexp:title<digit-pattern>]">>
</$set>"""/>
This release is the culmination of a large scale refactoring of the widget mechanism of TiddlyWiki5. There are several changes to be aware of if upgrading from earlier versions:
* The following widgets have been removed:
** `<$setstyle>` - use `<div style=<<macroName Param>>>` instead
** `<$video>` - will return in a later release
** `<$datauri>` - use the `<<makedatauri>>` built-in macro instead
** `<$error>` - may return in a later release
** `<$import>` - use the BrowseWidget, DropzoneWidget and NavigatorWidget instead
** `<$info>` - use the `<<changecount>>` built-in macro instead
** `<$version>` - use the `<<version>>` built-in macro instead
* The following widgets have had significant changes:
** EditWidget
** ListWidget - the list widget itself no longer generates HTML nodes, so you'll often need to wrap the template in a `<div>` or a `<span>` to be able to style the content
** ViewWidget - has several changes:
*** `<$view format="link"/>` is no longer available; use an explicit `<$link>` widget instead
*** `<$view format="link"/>` is no longer available; use the TranscludeWidget instead
* The following new widgets have been added:
** BrowseWidget
** DropzoneWidget
** EditTextWidget and EditBitmapWidget
** SetVariableWidget
* Widget attribute names have been made more consistent. In particular, `tiddler` is used to reference a tiddler by title, not `title`
* It is no longer possible to import the macro definitions within another tiddler by transcluding that tiddler
* The `body` element now has the class `tw-body`, which will need to be specified in any overrides
** This was done due to the new support for HTML foreign objects, which makes it possible to have multiple `<body>` elements in a document
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.0.0-alpha.11...v5.0.0-alpha.12]]//
This minor release just contains fixes for the syncer and related adaptor modules for the TiddlyWeb edition and for TiddlyWiki5's integrated server.
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.0.0-alpha.12...v5.0.0-alpha.13]]//
This release has several bug fixes:
* Fixes to DaveGifford's themes ''blanca'', ''blue'' and ''rocker''
* Fix an issue with the `<$edit-text>` widget
* Documentation updates
* Improved deployment scripts
* Made the modifier field in the subtitle be a link
* Styling improvements for the CodeMirror plugin
* Improved the ViewWidget so that it falls back to displaying its content if the field/property is missing or empty
* Extend use of the built-in `<<tabs>>` macro to the tiddler info panel, the control panel and the sidebar
** This means that you can add new tabs by creating tiddlers with these tags, and optionally a `caption` field for the text of the tab:
*** [[$:/tags/TiddlerInfo]] for tiddler info panel tabs
*** [[$:/tags/ControlPanel]] for control panel tabs
*** [[$:/tags/SideBar]] for sidebar tabs
*** [[$:/tags/MoreSideBar]] for tabs in the "more" sidebar
*** Change the order of tabs by adjusting the `list` field of the corresponding tag tiddler
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.0.0-alpha.13...v5.0.0-alpha.14]]//
This release has several bug fixes:
* Improved the layout of the [[control panel|$:/ControlPanel]]
* Fixed problem with using the CheckboxWidget to apply tags to tiddlers that don't have any existing tags
* Fixed problem with default password for the PasswordWidget being the string "null"
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.0.0-alpha.14...v5.0.0-alpha.15]]//
!! New Features
* Added a dropdown to the edit template for setting the tiddler type
* A saver module for Microsoft Internet Explorer version 10 and above. Clicking save in the sidebar causes the browser to pull up a bar at the bottom of the window where you can click ''save''. You then get a new copy of your wiki in the downloads folder.
* Support for new `tw-close-other-tiddlers` message (eg, <$button message="tw-close-other-tiddlers">close others</$button>)
* For http://five.tiddlywiki.com, add a tiddler info tab with a link to the static representation of the tiddler
* Make more UI elements extensible via system tags:
** [[$:/tags/ViewToolbar]] for the view mode tiddler toolbar
** [[$:/tags/EditTemplate]] for the edit template
** [[$:/tags/EditToolbar]] for the edit mode tiddler toolbar
** [[$:/tags/PageControls]] for the page control tools in the sidebar
!! Improvements
* Rename the `<$setvariable>` to `<$set>`
** `<$setvariable>` will temporarily remain as a synonym for `<$set>` for the next few releases
* Improve the popup mechanism so that the tiddler info panel doesn't close so easily
* Various improvements for working with TiddlyWeb, including:
** Updated control panel
!! Bug fixes
* Fixed bug when creating a tiddler title starting or ending with a space
* Fixed behaviour of tags editor dropdown when search box is empty
* Fixed problem with interpretation of `fields` and `index` attributes of the TranscludeWidget
* Fixed the module type names in the internal tab of the control panel
* Improved styling for embedded PDFs
* Fixed bug with second being omitted from serialised date formats
Contributors to this release include @jermolene and @grayeul.
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.0.0-alpha.15...v5.0.0-alpha.16]]//
!! New Features and Improvements
* Improved appearance of tags editor
* Improved generation of qualified tiddler titles for state storage
** Instead of `$:/state/tab/sidebar-{$:/core/ui/SideBar|$:/core/ui/SideBar||}{$:/core/ui/PageTemplate|$:/core/ui/PageTemplate||}` one gets `$:/state/tab/sidebar-{1743827719}`
* Significant updates to the structure and content of the user documentation
* Added a new plugin for displaying corner ribbons; currently used for a version banner on tw5.com
* Split ''Snow White'' theme into a base ''Vanilla'' theme with all the basic formatting, leaving the decorative bits to ''Snow White''
** Existing TiddlyWikiFolders will need updating to include ''Vanilla'' as an additional theme
* The page building blocks are now driven by the system tag `$:/tags/PageTemplate`
** [[$:/TopSideBar]] and [[$:/LeftSideBar]] are no longer specially treated; use the new tag instead
* Fixed problem that prevented tag configured items from shadow tiddlers interleaving with items from ordinary tiddlers
* Refactored control panel to add ''Saving'' tab that includes TiddlySpot options
* Improved notifications when saving to TiddlySpot
* Added backup URL to TiddlySpot control panel tab
* Extended the ServerCommand to add primitive support for basic authentication when running under [[Node.js]]
!! Bug fixes
* Fixed problem with displaying tiddler titles that contain WikiText syntax
* No longer crashes when encountering an error in a filter string
* Fixed a crash when dragging and dropping tiddlers within TiddlyWiki5
* No longer update the modified date for imported tiddlers
* Automatically forces new field names to be lower case
!! Internal changes
* Added Windows-compatible build scripts
* Changes to the SavingMechanism to allow the tiddlers that are saved to be selected
** This enables the wiki at http://five.tiddlywiki.com/index.html to generate an empty wiki
* The main HTML file template used for saving TiddlyWiki5 documents has changed from `$:/core/templates/tiddlywiki5.template.html` to `$:/core/save/all`
* Moved tw5.com's Google Analytics integration into a proper plugin
Contributors to this release include @jermolene, @asampal and @pmario.
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.0.0-alpha.16...v5.0.0-alpha.17]]//
!! Bug fixes
* Fixes a small but important bug that prevented downloading an empty wiki with alpha.16
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.0.0-alpha.17...v5.0.1-alpha]]//
!! Improvements
* Changes to the importing process to enable a smoother [[Upgrading]] process
** Ignores attempts to import plugins that are older than currently installed plugins
** System tiddlers are now imported as usual
* If `$:/theme` isn't defined or refers to a missing tiddler, then fallback through ''Snow White'' to ''Vanilla''. This means that `empty.html` now defaults to ''Snow White''
* Added support for [[Block Quotes in WikiText]]
** Contributed by StephanHradek (@Skeeve on GitHub)
!! Bug fixes
* Fixed bug that was preventing `$:/tags/PageControls` tiddlers from being reordered
!! Internal changes
* Changed the [[TiddlyWiki5 Versioning]] policy
** Beta releases will be `5.0.x-beta` and the final release will be `5.1.x`
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.0.9-beta...v5.0.10-beta]]//
!! Highlights
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/ad4b03506a62d7110cb30aaa3d6f8dbfc712f246]] new syntax for [[Images in WikiText]] and a new ImageWidget
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/ba576d9f1b2146cec293447b2968e34f0c594a05]] support for a SafeMode that disables customisations
!! Documentation Improvements
* Added DateFormat documentation
!! Usability Improvements
* [[Refactor|https://github.com/Jermolene/TiddlyWiki5/commit/bb42c0ab360760917ad5bde84f15350186a9471a]] sorting to respect accented characters
* [[Support|https://github.com/Jermolene/TiddlyWiki5/commit/45b0966013c760abab5b3f7faea0e59af2ca5619]] embedded images in Markdown tiddlers
* [[Refactored|https://github.com/Jermolene/TiddlyWiki5/commit/821f1f1428f92160ae8bc4fa71dd3f947243f09e]] sidebar hiding action so that the story river border is maintained
!! Hackability Improvements
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/15d0c27e2a82359616ce6c7883557cd2ef1886cd]] `[is[tag]]` to the <<.olink is>> operator
* [[Hide|https://github.com/Jermolene/TiddlyWiki5/commit/95d291daac4a26664f0c232175f54780f0fa678f]] the top bars in the print stylesheet
!! Bug Fixes
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/4758874d13430338da07727997d0c4df7f328ac1]] support for saving changes on Windows network drives
* [[Refactored|https://github.com/Jermolene/TiddlyWiki5/commit/9fbe72a8778ae94c7d6322ad4b9155c83f753113]] configuration processing so that ordinary tiddlers are processed after shadow tiddlers. This resolves an issue whereby user stylesheets were being overridden by shadow stylesheets
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/d6054f10392c535ca430f3e73b9b68d0f8c18498]] issue with offline snapshot of server edition erroneously including shadow tiddlers
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/bd4a031df8a68287475a41ad84b423ad83f735a3]] problem with corrupted upgrades from 5.0.x-prerelease to 5.0.x-beta
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/73cfd1021809e97906ecfd5dacdf2337da3abae9]] bug with `[untagged[]]` filter operator
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/d336ffea02621e382f6d7135847d11e49e77bc26]] incorrect background colour for tag pills in the sidebar
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/f57e04787738ad30fb05ac0e592239075b90507e]] issues with null fields under TiddlyWeb
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/768489128547cf54e80fc321f3f1f4f5cd191862]] problem with hamburger overlapping scrollbars
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.0.10-beta...v5.0.11-beta]]//
!! Incompatible Changes
See [[Notes for upgrading to 5.0.11-beta]] for more details of these changes:
* The default output location for command line operations has changed to the `/output` folder within TiddlyWikiFolders (it used to be current directory)
* Note that the shadow tiddler [[$:/core/ui/PageMacros]] has changed with this release. If you've made modifications to it you should copy your modifications to a new tiddler, delete [[$:/core/ui/PageMacros]], perform the upgrade and then manually update the new copy of [[$:/core/ui/PageMacros]]
!! Documentation Improvements
* Added more warnings about taking care to [[backup your data|The First Rule of Using TiddlyWiki]]
!! Usability Improvements
* Many performance optimisations, particularly for filter operations
* Added support for PermaLinks and browser back and forward buttons
* Added support for WikiLinks in Markdown via `[link text](#TiddlerTitle)`
* Added support for explicit external [[Linking in WikiText]] (eg `[ext[tooltip|url]]`)
* [[Replaced|https://github.com/Jermolene/TiddlyWiki5/issues/580]] hamburger menu icon with double chevron icon
* [[Enhance|https://github.com/Jermolene/TiddlyWiki5/commit/552657fc584dbb36754d3fcabca2cdef7e916ec9]] plain text parsing to use the CodeBlockWidget, and hence use syntax highlighting if the plugin is installed. This gives us syntax highlighting for JavaScript shadow tiddlers, amongst other things
* Improvements to the German, French, Italian, Japanese and Chinese translations
* [[Removed|https://github.com/Jermolene/TiddlyWiki5/commit/61c3f8a5ba3c815d623c06f6a97d9c00a31a4157]] WikiText tiddlers from the sidebar "Types" tab
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/a90339d1e573ec82dba1caeaead0f71717618a80]] various warnings when editing shadow tiddlers
* [[Allow|https://github.com/Jermolene/TiddlyWiki5/commit/0ac4c2b554f045c6bd2dc6ea5daa0d2f0397d04c]] digits in field names
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/a4294b55f0a217d019a6e4cbb62f6a8a19668928]] warning banner and when attempting to edit binary tiddlers
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/b84c663215cf7877fff960748af4b2849ae0dbb3]] automatic refreshing of the browser window title from $:/core/wiki/title
!! Hackability Improvements
* Improved vertical layouts of <<.mlink tabs>> macro
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/93566cdc332226b77eaba8a70fa166f3b8fcfe1e]] "standard" tab to [[advanced search|$:/AdvancedSearch]]
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/e83759e86d2a9e05e4b85dae50925fe988f8e239]] new filter operators <<.olink before>> and <<.olink after>>
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/570cad1c7f90e685961130918f09a7f9b2951f8c]] new <<.olink get>> operator
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/f7e50e0950c5bf10d94d926576011893418b25f1]] [[BuildCommand]], [[OutputCommand]] and [[ClearPasswordCommand]]
* Added new extensible StartupMechanism for orchestrating startup tasks
* [[Updated|https://github.com/Jermolene/TiddlyWiki5/commit/711b76307c95d0026f79f584e85ae3d4b7289d15]] to new version of CodeMirror
* Added https://github.com/Jermolene/TiddlyWiki5NodeWebkit, a demo of using TiddlyWiki as a library in a node-webkit application
* [[Extended|https://github.com/Jermolene/TiddlyWiki5/commit/4e07b3335b570f4039427e11df729fc4a899a671]] `.tid` TiddlerFiles to allow single line text fields
* Renamed `$:/ShowEditPreview` to `$:/state/showeditpreview`
!! Bug Fixes
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/cc60ad1428dcf99a7ea0787e43e3b37f5a02fb98]] issue with hovering of the topbar icons in Firefox
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/e548dd35af2d3195f82899096d4a4080362a1ff0]] problem with dragging and dropping within a text edit control
!! Contributors
I ([[@Jermolene|https://github.com/Jermolene]]) would like to thank the contributors to this release who have generously given their time to helping improve TiddlyWiki:
[[@BramChen|https://github.com/BramChen]], [[@mwfogleman|https://github.com/mwfogleman]], [[@nameanyone|https://github.com/nameanyone]], [[@natecain|https://github.com/natecain]], [[@pekopeko1|https://github.com/pekopeko1]], [[@pmario|https://github.com/pmario]], [[@sukima|https://github.com/sukima]], [[@xcazin|https://github.com/xcazin]].
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.0.11-beta...v5.0.12-beta]]//
This is an emergency release that fixes a single significant bug with shadow tiddler handling in 5.0.11. See the [[discussion thread|https://groups.google.com/d/topic/tiddlywiki/pNxZsSCVp7c/discussion]] for more details.
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.0.12-beta...v5.0.13-beta]]//
!! Accessibility Improvements
This release includes a number of features designed to improve the experience of TiddlyWiki with a screen reader. Particular thanks to [[@domasofan|https://github.com/domasofan]] for his feedback
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/34e4166dc5f24519b000de66853d5b1aee8f1648]] label and title for show/hide sidebar buttons
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/346b2f86111815c746c993fa09b7f677fa0b4b37]] label and title for advanced search link
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/6f859c8d447a477a9120bdc308d1524558a80f20]] label and title for close buttons in "Open" sidebar tab
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/06b0f9adb7209870b46d42f832c1f7ad7a78976f]] ''aria-label'' support to the LinkWidget
* [[Switched|https://github.com/Jermolene/TiddlyWiki5/commit/bc9b67cbc3f363d48aafea86c077fcd5a9c0ca64]] to H1 tags for the page title and H2 tags for tiddler titles
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/eeedcb6d94a25d02e8fec45c89b30c7f2bcdde73]] label and title for tiddler and page toolbar buttons
!! Usability Improvements
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/9ab0c84140bbc0f31cf65e632bddac616bbadbda]] support for global [[Macros in WikiText]] via the new ImportVariablesWidget
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/3182a2d599f0e4b70a73fe369df4f398587dc1a9]] new SelectWidget
* [[Improved|https://github.com/Jermolene/TiddlyWiki5/commit/f131c378934a86b741ab5b808437c95694dc5503]] behaviour of `text/html` tiddlers so that they are displayed within an HTML iframe element
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/9b576f2a8d39dcca37bcb709183a8f9b27f33ccf]] group headings to the content type dropdown in edit mode
* [[Improved|https://github.com/Jermolene/TiddlyWiki5/commit/4d70d5780e51cf0918fba15954cd47549e4e1a9f]] advanced navigation settings in [[$:/ControlPanel]] to use radio buttons
* [[Improved|https://github.com/Jermolene/TiddlyWiki5/commit/f7b8813a27141a78980eefa03df70a4a2de9d10b]] (and [[here|https://github.com/Jermolene/TiddlyWiki5/commit/3f25db0abe8cd28712c020f218506710cec004b6]]) behaviour of PermaLinks so that now [ext[http://tiddlywiki.com/#HelloThere]] just opens the single specified tiddler
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/0c48502e8ed214cee23537d06e7e87efd53592c7]] support for triple-quoted multi-line attributes with [[macros|Macros in WikiText]], [[widgets|Widgets in WikiText]] and [[HTML elements|HTML in WikiText]]
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/32099b85d3b12f9e590274cb7550e3e531131706]] TableOfContents tab for tw5.com edition
!! Hackability Improvements
* [[Restored|https://github.com/Jermolene/TiddlyWiki5/commit/1b37d660ea7cd576cfeadfe8b782fe6c62dc9048]] ''escape'' as a shortcut to abandon edits
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/9547a1f01c144c604c294f394a68d7dc6dbe4e5d]] support for ExternalImages that are referenced by URI and not stored in the TiddlyWiki HTML file
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/d2796d0c9c7ed7a971ae6b0752d7418384072bb5]] new SetFieldCommand
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/305617b632fd6ecf25cd4be85f4dfb5a5a65dfef]] new SaveTiddlersCommand
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/f14ecf4eb8965f2e407ccac51d4277330221efe3]] support for system tag [[$:/tags/RawMarkup]]
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/0bdc5b5c70fbbf34aa459afcf0499fc9c8ae6374]] editor type mappings to control panel advanced tab
* [[Refactored|https://github.com/Jermolene/TiddlyWiki5/commit/1717c93d001ad184a08ca66d1bffb33fb5d32b3a]] CodeMirror (http://tiddlywiki.com/codemirrordemo.html) plugin for simpler configuration
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/b2e48d00e9ea068a22b5ac5c0a4c93e8ddbb4a8a]] support for [[Environment Variables on Node.js]]
* [[Extended|https://github.com/Jermolene/TiddlyWiki5/commit/eee3a0cf8e5aa047f8596df06e28194409f38b01]] ServerCommand to allow a path prefix
* [[Extended|https://github.com/Jermolene/TiddlyWiki5/commit/4238af2a405c14d22937d7c47a70bfb3d4e6f22d]] the <<.olink listed>> operator to use any list field
!! Bug Fixes
* Fixed [[here|https://github.com/Jermolene/TiddlyWiki5/commit/6fb992690d33940d3509d7d4d74538e7f458e063]] and [[here|https://github.com/Jermolene/TiddlyWiki5/commit/0fae9ee99200e7eca30b9db0584c479d58841349]] the problem with state tiddlers being inadvertently saved
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/a03a15e7de32a1b41618146ac334b5cd7d432e91]] bug with TextWidget not refreshing correctly
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/d8a142fed5b22a8273d93ba05095e5f9c6929cb3]] problem with vertical tabs in Safari
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/b8aedf2ca3cfc870be5a46accbb2dc0ddbb6d451]] issue with images in Markdown
!! Contributors
[[@Jermolene|https://github.com/Jermolene]] would like to thank the contributors to this release who have generously given their time to help improve TiddlyWiki:
* [[@BramChen|https://github.com/BramChen]]
* [[@buggyj|https://github.com/buggyj]]
* [[@csugden|https://github.com/csugden]]
* [[@danielo515|https://github.com/danielo515]]
* [[@IreneKnapp|https://github.com/IreneKnapp]]
* [[@jayfresh|https://github.com/jayfresh]]
* [[@mwfogleman|https://github.com/mwfogleman]]
* [[@xcazin|https://github.com/xcazin]]
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.0.13-beta...v5.0.14-beta]]//
!! Major Changes
!!! Improved Control Panel Plugins Tab
The ''Plugins'' tab of the [[control panel|$:/ControlPanel]] has been improved with the addition of documentation tabs that plugins can use to show documentation. There is also a larger draggable area for dragging tiddlers across to other wikis.
!!! Configurable Button Toolbars
The page toolbar and the tiddler toolbars can now be configured with several new buttons - see the [[control panel|$:/ControlPanel]] under the ''Appearance'' and ''Toolbars'' tabs.
The sidebar tools tab now shows all the available page controls, allowing them to be invoked or checked to appear in the toolbar. The tiddler info area now includes a tools tab that includes buttons for all the tiddler actions.
!!! Upgrade Mechanism
There are two components:
* A more flexible ImportMechanism that:
** Presents incoming tiddlers as a pending import list that allows the user to inspect them and, if necessary, explicitly deselect them from the actual import
** Provides UpgraderModules with an opportunity to process each incoming tiddler
*** The [[plugin upgrader|$:/core/modules/upgraders/plugins.js]] module handles version checking of plugins and upgrading them from a special UpgradeLibrary plugin tiddler
*** The [[system upgrader|$:/core/modules/upgraders/system.js]] module is responsible for suppressing the importing of certain system tiddlers (currently [[$:/StoryList]] and [[$:/HistoryList]])
*** The [[themetweak upgrader|$:/core/modules/upgraders/themetweaks.js]] module handles migrating theme tweaks from their pre-5.0.14-beta format (see below)
* An UpgradePlugin and associated edition that provides a custom, single-purpose user interface for upgrading standalone TiddlyWiki files - see http://tiddlywiki.com/upgrade.html
!!! Improvements to CamelCase Recognition
TiddlyWiki now takes a much more conservative approach to recognising CamelCase terms that should be automatically linked. Previously, the dash and underscore were treated as lower case letters, leading to a number of false positives. See the [[GitHub bug #337|https://github.com/Jermolene/TiddlyWiki5/issues/337]] for details.
!!! Automatic Permalinking Off by Default
With previous beta releases of TiddlyWiki the browser address bar is automatically updated so that it dynamically reflects the tiddlers that are currently open. This makes it easier to get a permalink for copying and pasting elsewhere, but it leads to much confusion for casual users who don't always understand why unexpected tiddlers are being displayed after they have refreshed the page in the browser.
For 5.0.14-beta, the setting has been changed. Visit [[control panel|$:/ControlPanel]] ''Advanced''/''Settings'' to switch the setting back to "Include the target tiddler and the current story sequence".
!! Usability Improvements
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/f6d7d87a3d49f816ccc050bdf4a5394eed37dd51]] previews to the icon dropdown in the [[tag manager|$:/TagManager]]
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/56945d91d327489478fc44dce5234ece35a01abb]] an indication of unsaved changes by changing the colour of the save changes button
* [[Split|https://github.com/Jermolene/TiddlyWiki5/commit/7aa6c7c06d8b5359f183e6b9f6f57cf89611cda8]] the wikitext emphasis parsers into separate modules so that they can be independently controlled with the `\rules` pragma
* [[Refactored|https://github.com/Jermolene/TiddlyWiki5/commit/f43cd5ba9c6e5eda221ec738174e61e34fad2b8d]] (and [[here|https://github.com/Jermolene/TiddlyWiki5/commit/a3de93b4eb8b108239b2e4b496308026e9e9eef8]]) ReleaseHistory to place the releases into vertical tabs
* [[Stopped|https://github.com/Jermolene/TiddlyWiki5/commit/3ff7462afd5414b92680c6b6e67274be79233224]] saving [[$:/HistoryList]], thus avoiding it uncontrollably increasing in size
* [[Improved|https://github.com/Jermolene/TiddlyWiki5/commit/73cf1bfdb3cd238ac7800162f58d44a8bb60019b]] (and [[here|https://github.com/Jermolene/TiddlyWiki5/commit/d5e4b9b5d1e7db5ad4d769433cc934ef08265f57]]) print stylesheet to remove page background
* [[Updated|https://github.com/Jermolene/TiddlyWiki5/commit/07f13b310d300631267936ad8bc55a338369afc0]] display of plugin tiddlers so that their constituent tiddlers are shown, rather than the raw JSON
* [[Moved|https://github.com/Jermolene/TiddlyWiki5/commit/799a5b059a40a51fdeb1dae7a0eb5bf8a79f5106]] the functionality of the fullscreen plugin into the core
!! Hackability Improvements
* [[Extended|https://github.com/Jermolene/TiddlyWiki5/commit/c23f6af4b5c59f4d09dd8d6704e1939bb9d5b2d3]] TiddlerWidget to add a CSS class corresponding to each tag present on displayed tiddlers
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/d357e1706c91d17a72fb19fedf43e57071fc7dd6]] support for hiding specified fields in the tiddler editor
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/be040ea8a2cc8962f1a28a313e4c9ebc2d5c0e31]] support for variable operands in filters (see [[Filter Parameter]])
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/1f16ef6fa88b51d2dad7c8e57fcff014950a7442]] support for widget messages [[tw-permalink|WidgetMessage: tw-permalink]] and [[tw-permaview|WidgetMessage: tw-permaview]]
* [[Added|https://github.com/Jermolene/TiddlyWiki5/tree/master/plugins/tiddlywiki/browser-sniff]] browser sniffing plugin so that tiddlywiki.com can present the correct browser-specific documentation
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/ef67cc3fd9b267a522598abccdfbb93fbfca240c]] a configuration option for specifying the default location for saving new tiddlers in the client-server configuration
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/b4d47858e587c96f3a68cc28cffff181ec45f55f]] support for the InfoMechanism
* [[Extended|https://github.com/Jermolene/TiddlyWiki5/commit/f08f57c5d24eb0146ac2cb77472a5fc5f135f1e9]] CheckboxWidget to allow it to toggle fields as well as tags
* [[Refactored|https://github.com/Jermolene/TiddlyWiki5/commit/21c137a66c37f010b36697bb6bed5321138fbb9f]] [[control panel|$:/ControlPanel]] theme tweaks to be stored in individual tiddlers
* [[Extend|https://github.com/Jermolene/TiddlyWiki5/commit/e18d8a88661a1c2caa1b722841747c75ca6af437]] the <<.mlink tabs>> macro to allow tabs to be templated
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/91acad0f7ce8637945a953dfcb122cd31292626d]] (and [[here|https://github.com/Jermolene/TiddlyWiki5/commit/8612bc4006e717e4fa3c562fa72a85650206b66f]]) SystemTags support for inserting content above and below the story river
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/f793816dfa687ae7791143b33487fd5f95f3265c]] support for transcluding plugin subtiddlers with the TranscludeWidget
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/c73853288c5b4b0716da94fea2f2edec09345643]] (and [[here|https://github.com/Jermolene/TiddlyWiki5/commit/08f775eac8cb053d08c1c561e65a5eeb87c4c6b6]]) support for importing from `*.htm` and `*.hta` files as well as the existing support for `*.html` files
* [[Extended|https://github.com/Jermolene/TiddlyWiki5/commit/73d7e85e11c7732080ca8bc4321ebb12afbac09c]] the "sticky titles" theme so that it works when tiddlers are in edit mode
!! Bug Fixes
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/5b3b62f93da4b7b19e24ccf72d9ce20b9edce6d5]] bug with execution order of BuildCommand targets
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/d93da81671a704377209fc1871425c3a7c5db35a]] bug with missing hover colours for external links
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/465f4ac46903070759a572d183c498c5579cb922]] problem with refreshing modal dialogues
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/3351ae7e29cbf3bed6fc1925ef33664bcc59fef5]] issue with cookies disabled on Firefox
* [[Relax|https://github.com/Jermolene/TiddlyWiki5/commit/5260899d8b090e8886e41e3aa770fdcf5967ad8c]] the requirement for a newline immediately the closing `\end` of a macro definition
!! Contributors
[[@Jermolene|https://github.com/Jermolene]] would like to thank the contributors to this release who have generously given their time to help improve TiddlyWiki:
* [[@BramChen|https://github.com/BramChen]]
* [[@pmario|https://github.com/pmario]]
* [[@ssokolow|https://github.com/ssokolow]]
* [[@xcazin|https://github.com/xcazin]]
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.0.14-beta...v5.0.15-beta]]//
!! Usability Improvements
* [[Simplified|https://github.com/Jermolene/TiddlyWiki5/commit/c57b00996855f10d9b7fa2aa4e9deb2a2a607d7f]] shadow default tiddlers
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/32a7ee2683ace619599f0ab73028307ca33f4e4c]] the ability to disable plugins (see PluginMechanism) with a user interface in [[control panel|$:/ControlPanel]]
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/4b05608ad5e77043b01495825ea0f0e76c378760]] page control button for invoking the [[tag manager|$:/TagManager]]
* [[Simplified|https://github.com/Jermolene/TiddlyWiki5/commit/c4b76ceb0bc786bcceb12fc3417bb8c4bfde27a9]] downloading an offline copy of a client-server wiki
* [[Blocked|https://github.com/Jermolene/TiddlyWiki5/commit/2bbe9f76ecf8fc89c789e72be00ac19e811195ee]] temporary state tiddlers from import/upgrade
!! Hackability Improvements
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/c912fed55d94c9bef2d541cd55f458b12172941c]] a banner to the edit template encouraging improvements to the documentation
* [[Refactored|https://github.com/Jermolene/TiddlyWiki5/commit/f75af2c983e10e8a82639890b993fb5cf042d610]] `saver-handler.js` out of `syncer.js`
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/8cf726275c19ed5b4a0ed1cf8354d64d1bc29da5]] [[Table-of-Contents Macros]]
* Simplified startup module organisation (see [[Startup Modules.svg]])
* [[Changed|https://github.com/Jermolene/TiddlyWiki5/commit/25777b147fa4ed2f915150aec503ad1e094e6043]] the overlay text for the DropzoneWidget to make it translateable
* [[Introduced|https://github.com/Jermolene/TiddlyWiki5/commit/920e11e7921f777170aa2f9e1836c000fec2e26d]] a new [[refresh button|WidgetMessage: tw-browser-refresh]] and reverted [[home button|WidgetMessage: tw-home]] behaviour
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/fbf307c648ae0e92679c54f7d03f197a75b4e101]] ''alt'' attribute to the ImageWidget
!! Bug Fixes
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/c8830d32f74b8c228553f11f7f55b5be45ae6471]] problem with building TiddlyWiki under Windows
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/34461cb2fe554331a0269fd7795b1d6a879fcba9]] unclickable download ink in upgrade wizard
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/9e85ddfec78dd8df71e6173100dce659417551f4]] missing language flag in ''empty.html''
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/18592fe8f810d1858ca040da1a7c4a81fb74cfed]] problem with switching the type of a tiddler between the bitmap and text editor
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/fe6623d7feed1a9068e15bfac57be0b0924e8915]] foreground colour for tag pills in the sidebar
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/c912fed55d94c9bef2d541cd55f458b12172941c]] problem with github source links for tiddlywiki.com not working for titles containing colons
!! Contributors
[[@Jermolene|https://github.com/Jermolene]] would like to thank the contributors to this release who have generously given their time to help improve TiddlyWiki:
* [[@BramChen|https://github.com/BramChen]]
* [[@xcazin|https://github.com/xcazin]]
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.0.15-beta...v5.0.16-beta]]//
!! Incompatible Changes
5.0.16-beta brings more incompatible changes than any previous release. These changes are likely to break almost all plugins written for previous releases of TiddlyWiki 5, and will break many customisations.
* [[Changed|https://github.com/Jermolene/TiddlyWiki5/issues/764]] all CSS class prefixes from `tw-` to `tc-` (eg `tw-tiddler-frame` has become `tc-tiddler-frame`; missing prefixes have also been added, so `btn-invisible` has become `tc-btn-invisible`)
* [[Changed|https://github.com/Jermolene/TiddlyWiki5/commit/2f69ea362cd673f59b9fadbe11f1f95549a59813]] all message prefixes from `tw-` to `tm-` (eg `tw-close-tiddler` has become `tm-close-tiddler`)
* [[Changed|https://github.com/Jermolene/TiddlyWiki5/commit/89fd5379dd78887fc21746d792072bf5a25f0c56]] all variable prefixes from `tw-` to `tv-` (eg `tw-config-toolbar-icons` has become `tv-config-toolbar-icons`)
* [[Changed|https://github.com/Jermolene/TiddlyWiki5/commit/112a9a95d95e9f62f110c97a4faaf537c5c100b1]] prefix/removeprefix filter operators to be case-sensitive
!! Compatibility with TiddlyWikiClassic
This release includes a preliminary version of a new plugin that provides compatibility with content created for TiddlyWikiClassic:
http://tiddlywiki.com/classicparserdemo.html
Subsequent releases will include end-user documentation with step-by-step instructions for migrating content.
Many thanks to @buggyj for his work on this plugin.
!! Usability Improvements
* [[Amended|https://github.com/Jermolene/TiddlyWiki5/commit/e47852cb141b384ad2a9097eca795545cb5b2494]] behaviour of the [[tm-browser-refresh|WidgetMessage: tw-browser-refresh]] message so that it no longer clears the location hash
* [[Hide|https://github.com/Jermolene/TiddlyWiki5/commit/88c9c0c3ee115917b8c1a9126452bb0574061857]] toolbar buttons from static renderings
!! Hackability Improvements
* [[Extend|https://github.com/Jermolene/TiddlyWiki5/commit/48312272adb17610db96d50758e6af947cab7b1d]] the <<.olink all>> operator to be able to select all the source tiddlers
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/43aeb47fc34f1ba424030c4f78ee907fe7b1d5d8]] problem with single line macro definitions incorrectly including whitespace in the value. (For example, `\define mymacro() yes` would set the macro value to " yes", with a leading space)
* [[Extend|https://github.com/Jermolene/TiddlyWiki5/commit/d2a5a12f2d6b6ccc36dd22a70ac2def08d1d3722]] [[Table-of-Contents Macros]] use the caption field if present
* [[Configurability|https://github.com/Jermolene/TiddlyWiki5/commit/b437f1b450f5f2a3104a9086f7c674299b53b9bc]] for the default tab shown in the tiddler info panel (see [[Configuring the default TiddlerInfo tab]])
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/dcf4e93a3283e3e93cc14e50366f9b0252870835]] <<.olink suffix>> and <<.olink removesuffix>> operators
!! Bug Fixes
* [[Reverted|https://github.com/Jermolene/TiddlyWiki5/commit/ad40223d6b9bed435d9381611cb9de1841b53df6]] incorrect refreshing of the tiddler widget
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/44228ed9f733217557851150f5ae45d9ebb23420]] indentation of selective expandable [[Table-of-Contents Macros]]
!! Contributors
[[@Jermolene|https://github.com/Jermolene]] would like to thank the contributors to this release who have generously given their time to help improve TiddlyWiki:
* [[@BramChen|https://github.com/BramChen]]
* [[@buggyj|https://github.com/buggyj]]
* [[@gernert|https://github.com/gernert]]
* [[@pmario|https://github.com/pmario]]
* [[@xcazin|https://github.com/xcazin]]
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.0.16-beta...v5.0.17-beta]]//
!! Highlights
This release includes major improvements from @giffmex to the welcome and tutorial documentation, and new development docs incorporating [[the work|https://github.com/cjrk/saa-tw]] of @cheigele and @cjrk.
!! Incompatible Changes
!!! Change System Tag `$:/tags/stylesheet` with `$:/tags/Stylesheet`
The [[issue|https://github.com/Jermolene/TiddlyWiki5/issues/824]] is that the capitalisation of `$:/tags/stylesheet` is not consistent with other system tags. This release adds support for `$:/tags/Stylesheet`, and adds a deprecation warning if `$:/tags/stylesheet` is used. Support for `$:/tags/stylesheet` will be removed before the beta.
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/f6ff0a7f715bdf12dfba6556f72c49ea2c3016b0]] support for `$:/tags/Stylesheet` and a deprecation warning when `$:/tags/stylesheet` is used
!!! Change ButtonWidget `title` attribute to `tooltip`
The use of the `title` attribute in the ButtonWidget was not consistent with the `tooltip` attribute used by the ImageWidget and LinkWidget. This release adds support for the `tooltip` attribute to the ButtonWidget alongside the existing support for the `title` attribute, but with a deprecation warning.
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/b7f638aef3094d0552db2f72330b40a526113bd5]] `tooltip` attribute to ButtonWidget
!!! Removing Support for RegExp Filter Operands
As discussed in [[the associated ticket|https://github.com/Jermolene/TiddlyWiki5/issues/762]], the support for regular expression filter operands is incomplete and inconsistent. The plan is to remove support for this feature in the next release. A new filter operator has been provided to replace it, along with the addition of a deprecation warning that is displayed whenever regular expression filter operators are used.
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/f4fff7a33037ba9dd537379bcb44a52a280868d6]] new <<.olink regexp>> operator
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/d45c417c187fe3dcc35ee7a308e64feebc7b185b]] deprecation warning for regular expression filter operators
!!! Repository Reorganisation
The goal is to make the TiddlyWiki repository easier to comprehend for newcomers.
* [[Moved|https://github.com/Jermolene/TiddlyWiki5/commit/6e9cd5943703f7137e819fcb85376423b9c930d5]] scripts into a separate `bin` folder
!! Usability Improvements
* Reorganised the [[control panel|$:/ControlPanel]] to make it more logical and usable
!! Hackability Improvements
* Moved developer documentation to http://tiddlywiki.com/dev
* [[Improvements|https://github.com/Jermolene/TiddlyWiki5/commit/872e6fc2532012f0f9acfb29aa24a9cd5f340b9d]] (and [[here|https://github.com/Jermolene/TiddlyWiki5/commit/c8a131ffd4716f2b99ab508567422ff463f2849d]]) to `serve.sh`/`serve.cmd` scripts
* [[Disable|https://github.com/Jermolene/TiddlyWiki5/commit/ac54fe33263cbe48bc294f9c14257ccc146be38e]] plugins when in SafeMode
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/c1de85838f3d0d3e6a207152ecc9d61ff08a4b05]] new <<.mlink timeline>> macro
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/f16d1832aae9a7ce71dea78b16c11afaf673acf2]] new <<.mlink dumpvariables>> macro
* [[Extended|https://github.com/Jermolene/TiddlyWiki5/commit/ba3f8002355607c8b00b7d184f01fa68bbcda152]] [[Table-of-Contents Macros]] so that individual links can be disabled
* [[Removed|https://github.com/Jermolene/TiddlyWiki5/commit/542788bfeba98ec3bac0bb721293c16354bc1b34]] (and [[here|https://github.com/Jermolene/TiddlyWiki5/commit/487c4a40abda2b457b4015033bf1be76bd81dcc9]]) unnecessary `<p>` tag from edit tags and types dropdowns
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/ccd916ca7cb45468ac30eb48bfdf86bea704d810]] ''multiple'' attribute to the BrowseWidget
* [[Extended|https://github.com/Jermolene/TiddlyWiki5/commit/ab944bbf02e9fae606632a11df1053a46573fa49]] view template to hide bodies of tiddlers with field ''hide-body'' set to ''yes''
!! Bug Fixes
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/c713eddbef50603e313a86f78c185753bab3d607]] problem with draft tiddlers not counting as dirty
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/f87ce7e98a083f1bdcff5b1887b56aa95b731efe]] problem with keyboard shortcuts introduced in 5.0.16-beta
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/756e05504b33c387da7d3f81446a18f9a8fefe49]] problem with stylesheets being parsed in inline mode
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/9adc30f69fba169813638021780263ff0df4e2bc]] bug with selective expandable [[Table-of-Contents Macros]]
!! Contributors
[[@Jermolene|https://github.com/Jermolene]] would like to thank the contributors to this release who have generously given their time to help improve TiddlyWiki:
* [[@BramChen|https://github.com/BramChen]]
* [[@buggyj|https://github.com/buggyj]]
* [[@cheigele|https://github.com/cheigele]]
* [[@cjrk|https://github.com/cjrk]]
* [[@giffmex|https://github.com/giffmex]]
* [[@pmario|https://github.com/pmario]]
* [[@xcazin|https://github.com/xcazin]]
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.0.17-beta...v5.0.18-beta]]//
This is a minor release prior to the full release of TiddlyWiki on September 20th. The documentation has been cleaned up and improved (with more improvements to come).
!! File Layout of tiddlywiki.com
The layout of files on tiddlywiki.com has been adjusted to make it more logical. See the [[ticket|https://github.com/Jermolene/TiddlyWiki5/issues/823]] for a discussion. You can see the source files that make up tiddlywiki.com at https://github.com/Jermolene/jermolene.github.com
!! Hackability Improvements
* Added first iteration of a <<.mlink list-links>> macro (further improvements are planned)
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/6d9bd4df8a1133c2ba246333edad14e6028d3ea4]] support for importing `.markdown` and `.md` files
* [[Extended|https://github.com/Jermolene/TiddlyWiki5/commit/c4123ba3740f74f172468c4aa050451ebc5780d8]] <<.mlink timeline>> macro to support a subfilter
!! Bug Fixes
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/a9f46525a0b1ecf7ce6d1bdae64e6763a247106b]] problem with digits being classified as lower case letters for wiki link matching
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/8cc236b4dca96327c7b28ad45e1eb4c2dce174e5]] crash when sorting missing tiddlers by fields other than title
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/73a4747d05c6746476ccd9e8cb8255853f631d17]] problem with handling `.jpeg` file extensions
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/775482a2428d24a475e0c7df7bea215c190b5574]] problem with RadioWidget and missing tiddlers
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/2571f534aa67c7f9d423d44d36efa32480f4c370]] problem with dragging a partially selected link
!! Contributors
[[@Jermolene|https://github.com/Jermolene]] would like to thank the contributors to this release who have generously given their time to help improve TiddlyWiki:
* [[@BramChen|https://github.com/BramChen]]
* [[@buggyj|https://github.com/buggyj]]
* [[@Eucaly|https://github.com/Eucaly]]
* [[@pmario|https://github.com/pmario]]
* [[@xcazin|https://github.com/xcazin]]
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.0.1-alpha...v5.0.2-beta]]//
!! Improvements
* Added support for [[Hard Linebreaks in WikiText]]
* Added a new RadioWidget, contributed by StephanHradek (@Skeeve on GitHub)
* Two new savers for InternetExplorer, both contributed by DavidJade (@davidjade on GitHub)
** ''tiddlyie'' for [[saving with TiddlyIE|Saving with TiddlyIE]], an equivalent of TiddlyFox for InternetExplorer
** ''fsosaver'' that can [[save changes directly with InternetExplorer|Saving on InternetExplorer]] but requires the HTML file to be renamed `*.hta`
!! Bug fixes
* Fixed problem deleting tiddlers under the filesystemadaptor
* Fixed problem with transcluding fields containing lists or dates (eg, `{{!!tags}}`)
* Fixed problem with re-ordering page control tiddlers (ie tiddlers tagged `$:/tags/PageControls`)
* Update template used for deploying to TiddlyWeb
* Fixed problem with tiddler deletions via the file system adaptor
!! Internal changes
* Allowed variable number of arguments to [[JavaScript Macros]]
** Contributed by StephanHradek (@Skeeve on GitHub)
* Changed the format of plugin tiddlers to remove duplicated information (see the PluginMechanism)
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.0.2-beta...v5.0.3-beta]]//
This release includes minor bug fixes and documentation updates.
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.0.3-beta...v5.0.4-beta]]//
!! Improvements
* Switched to using an HTML5 placeholder for the default text of a new tiddler
* Refactored stylesheet handling so that theme tweaks are now applied immediately, and some ordering issues have been resolved
* Several improvements for running [[TiddlyWiki on Node.js]]:
** The `tiddlywiki.info` file in the root of [[wiki folder|TiddlyWikiFolders]] file is now optional, falling back to a default configuration suitable for serverside use ([[commit|https://github.com/Jermolene/TiddlyWiki5/commit/0ec2224757dd07f009246ec9ea97cd859d077e72]])
** The file system plugin now automatically creates the `tiddlers` subfolder in the [[wiki folder|TiddlyWikiFolders]]
* Added [[favicon.ico support|Using favicons]]
* Added SaveTiddlerCommand
!! Bug Fixes
* Fixed problem with tiddlers sometimes wrongly opening at the top of the story ([[commit|https://github.com/Jermolene/TiddlyWiki5/commit/b50eb8da302431cdfa7c37ac9ef1414a33d00292]])
* Fixed problem with refreshing RadioWidget
* Fixed problem with the dragger image being visible in some circumstances
* Fixed drag and drop support on InternetExplorer, contributed by DavidJade (@davidjade on GitHub)
* Fixed crash on modifying page template ([[commit|https://github.com/Jermolene/TiddlyWiki5/commit/a5f33d875b1339b08838203a4885f8a3a7d10353]])
* Updated fullscreen plugin to latest version of the API ([[commit|https://github.com/Jermolene/TiddlyWiki5/commit/638c8b207033f8cb01ac9efdca104d282fd4cffe]])
* Improved handling of double square brackets within tags (thanks to StephanHradek)
This release includes minor bug fixes and documentation updates.
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.0.4-beta...v5.0.5-beta]]//
!! Improvements
* Added support for [[Setting a favicon]]
!! Bug Fixes
* Fixed problem with modal wizard positioning on narrow screens
* Fix problem with static content being included in empty.html when downloaded from the full wiki
* Improved performance of tiddler import with large tiddlers on Firefox
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.0.5-beta...v5.0.6-beta]]//
!! Improvements
* [[Added|https://github.com/Jermolene/TiddlyWiki5/pull/324]] support for numeric sorting to TiddlerFilters (thanks to StephanHradek)
* [[Extended|https://github.com/Jermolene/TiddlyWiki5/pull/321]] [[Tables in WikiText]] to allow for vertical alignment of cells (thanks to StephanHradek)
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/87fbd988f1fb0164411af190adfe6b6a2404eef3]] experimental support for running [[TiddlyWiki on node-webkit]]
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/3d79eb87d1c609195b8c518c08e167994b20a346]] an [[$:/AdvancedSearch]]
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/bd7db62da052ec6262c3319eaa11f00e5c452a7b]] support for specifying hostname for the ServerCommand
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/b9e80a270b7f67db816e9b06e2f71f9c9dd86c17]] a first pass at generating an all-in-one static HTML representation of a wiki, complete with internal anchor links for wiki links
** See http://tiddlywiki.com/alltiddlers.html
* [[Hide|https://github.com/Jermolene/TiddlyWiki5/commit/44568dc6ef64be8c1370df8f682777c2c805fee7]] encryption features when running on the server
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/2ee50939447cf2948e49e5905520943ea4075975]] [[double backticks|Formatting in WikiText]] as an alternative for delimitting inline code (thanks to StephanHradek)
!! Bug Fixes
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/ec7dff291dadb3e128e1db34b4ded6b57bc8ed46]] import ''browse'' button
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/ef59a3743f02c726f20e035c5d28665000fda79a]] crash when attempting full screen mode on browsers that don't support it
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/pull/307]] requirement for a newline immediately after a horizontal rule, table or typed block (thanks to StephanHradek)
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/pull/318]] problem with ''placeholder'' attibute on InternetExplorer (thanks to DavidJade)
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.0.6-beta...v5.0.7-beta]]//
!! Incompatible Changes
These are changes that might affect users upgrading from previous betas.
* The [[node-webkit]] saver has been moved into a plugin - [[$:/plugins/tiddlywiki/nodewebkitsaver]]. The plugin is only needed when embedding a single TiddlyWiki in [[node-webkit]] and is not required for TiddlyDesktop, which as of v.0.0.2 uses the existing TiddlyFox saver.
!! Documentation updates
* A new video tutorial: [[TiddlyWiki on Firefox for Android Video]]
* A first pass at [[TiddlyWiki Coding Style Guidelines]]
* Added an explanation of TemplateTiddlers
* Added documentation for [[saving on a custom PHP server|Saving on a PHP Server]]
* Added documentation for TextWidget
* Summary of the approach for [[Naming of System Tiddlers]]
!! Improvements
* Added support for importing encrypted TiddlyWiki documents
* Added several new [[filter operators|TiddlerFilters]], including ''reverse'', ''first'', ''last'', ''butlast'', ''rest'', ''nth''
* Extend ''list'' filter operator to allow other fields to be used via a TextReference
* Added shortcut in [[$:/ControlPanel]] ''Basics'' tab for setting [[$:/DefaultTiddlers]] to retain tiddler story ordering
* Added emacs and vim keymapping support to the [[CodeMirror plugin|http://tiddlywiki.com/codemirrordemo.html]], (thanks to João Bolila, @jbolila on GitHub)
* Added the [[highlight.js|http://highlightjs.org/]] syntax highlighting plugin: http://tiddlywiki.com/highlightdemo.html (thanks to João Bolila, @jbolila on GitHub)
* Added the first export option to the ''Tools'' tab of the [[control panel|$:/ControlPanel]]
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/ffcc215e8f8896be96093579abc5bcfb76335e66]] an ellipsis for [[advanced search|$:/AdvancedSearch]] next to the search box in the sidebar
* [[Adjusted|https://github.com/Jermolene/TiddlyWiki5/commit/b326315b0e9959096b85aa716dd613f21605705a]] the password dialogue to make it narrower for smaller screens
* [[Adjusted|https://github.com/Jermolene/TiddlyWiki5/commit/b7a1db1e9fb651928a4f86e1881959150dd66a55]] the display of tiddler dictionaries to make them display as plain text
!! Bug Fixes
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/b06e09a4d3e25087ca0495e624c8662ddb69224e]] problem with default format of ViewWidget substituting seconds for minutes in displayed times
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/e0f428b9b2374487a0758ea80716f337e3c643ff]] problem that was causing several animations to fail in Safari
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/f2409d4245bbba0ccdf39186dca6a0cbf16d8759]] problem with unclickable sidebar under the Centralised theme
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/0fb13e649b6558961fd8436bc7aac83bfd991983]] problem with non-system tiddlers showing up in system tiddler [[advanced search|$:/AdvancedSearch]]
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/b64b7982af4285be41cca85db1fa745fc009ca29]] problem with notifications not always disappearing in Firefox
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/b04141fefd2c0103b525726e4f466c32f0385194]] problem with wiki folders including wiki files with tiddlers that do not have a title
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/12770ca3e694a8f4edeb065e054eddd5957353b8]] problem with ServerCommand logging "Serving on undefined:8080"
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.0.7-beta...v5.0.8-beta]]//
!! Incompatible Changes
See [[Notes for upgrading to 5.0.8-beta]] for more details of these changes:
* Changed rules for parsing content of HTML elements
* Switched SiteTitle and SiteSubtitle to [[$:/SiteTitle]] and [[$:/SiteSubtitle]]
* Changes to commands used with [[TiddlyWiki on Node.js]]
* Changes to naming of some editions
** Notably ''clientserver'' has changed to ''server''
!! Documentation Improvements
* Improved documentation for TiddlerFilters, including a notation of the [[TiddlerFilter Formal Grammar]] contributed by [[@Tikkoneus|https://github.com/Tikkoneus]]
* Improved documentation for WidgetMessages
* Tiddlers on tiddlywiki.com now have a link to the original source on ~GitHub for pull requests (see the "Sources" tab of the tiddler info panel)
!! Usability Improvements
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/a01bbd4b9c7ca284141078340c8f568b1e0561a2]] [[automatic saving|AutoSave]] on editing a tiddler and a warning when attempting to close the window with unsaved changes
* Added confirmation dialogue when deleting tiddlers
* Add support for switchable (and editable) ColourPalettes
* Added TranslationMechanism and translations for:
** Deutsch (Österreich and Deutschland) by @pmario
** Français (France) by @xcazin
** Chinese (Simplified and Traditional) by @BramChen
* Add error alerts when syncing to a server
* Rejigged [[$:/ControlPanel]] to use nested tabs
* Added [[$:/TagManager]] for easy management of tags
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/e3a05625b2368b2167a2a1b30aa82369e96a7538]] experimental KeyboardWidget, including support for ''ctrl-enter'' (or ''cmd-enter'') to finish editing a tiddler
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/e6fa9b8a859867c147fb289859169b204dea003e]] number of tags to control panel ''Basics'' tab
* Enhanced link handling so that control/command clicking a link opens the target tiddler without navigating to it
* Importing tiddlers via drag and drop no longer opens all the tiddlers
!! Scalability Improvements
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/fa5938221552846c255eb50004996528a09534a9]] support for LazyLoading of images
* Extended RevealWidget to allow control over content retention
!! Hackability Improvements
* Added HelpCommand and InitCommand for [[TiddlyWiki on Node.js]]
* Extended ButtonWidget to allow navigating to a tiddler
* Added experimental support for building plugins in the browser: [[How to create plugins in the browser]]
* Extend the TranscludeWidget to display its content as a fallback if the tiddler or field is missing
* Add logging and AlertMechanism
* Added a ''Filter'' tab to [[advanced search|$:/AdvancedSearch]]
* Add ''indexes'' [[filter operator|TiddlerFilters]]
* Control over line width and colour for EditBitmapWidget
* Add support for `.multids` MultiTiddlerFiles
* Extend ViewWidget so that it works with indexes
* Added support for Tank, a new service built on TiddlyWeb: https://tank.peermore.com
* Extend relative dates to work in the future
!! Bug Fixes
* Fixed problem with pasting items into the browser
* Fixed problem with colour pickers not showing correct colour in Chrome
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/8e8e31fb9f5ed8f2e5deff0271d434dbe91f503c]] problem with tag pills not working inside table cells
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/6d3d3322e5c676e63d1f64dce89ce86e58dcd715]] problem in client server configuration with ''%'' in tiddler titles
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/7eafd51a7dd89d2174be3dec97033dc0bb206677]] problem with not using placeholder text when editing missing tiddlers
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/1a54d590e1e67825057d7693ac89466a093b4577]] problem with test data in certain time zones
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/5af30086c02b9d4466c133c87aca76f9b85eea49]] problem with non-breaking space characters being converted into '@' symbols
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/5d3dda1a1721af05e56e301a8b896e53f9868540]] problem with highlighting plugin only working in the browser
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/175e86078ce2fed34953f337baf2f0edfc093742]] crash when wiki/themes folder contains files that are not themes
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.0.8-beta...v5.0.9-beta]]//
!! Highlights
* Improved layout, including a ''hamburger'' icon for dismissing the sidebar and expanding the story river to fill the space
* Added new ''Seamless'' theme
* New ''Filter'' tab in [[$:/AdvancedSearch]]
* Initial implementation of CecilyView
* Overhaul of inconsistencies in TiddlerFilters (see [[Changes to filters in 5.0.9-beta]])
* New translations for Italian and Japanese
* Performance improvements, particularly [[during editing|https://github.com/Jermolene/TiddlyWiki5/commit/0aa559cd23b3742c8f10c5ac144860d816699782]]
!! Documentation Improvements
* Improved and reorganised documentation for TiddlerFilters
* Demo of [[Making curved text with SVG]]
* [[Community]] links are now broken up into individual tiddlers
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/a19432541e776bfb63b1b985a60f472e9f1d4352]] overview diagram of [[TiddlyWiki Architecture]]
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/7b57561160173667031b5bc15a4f7553d8514c1c]] documentation from buggyj: [[Developing plugins using Node.js and GitHub]]
!! Usability Improvements
* Made the dropdown arrow icon [[skinnier|https://github.com/Jermolene/TiddlyWiki5/commit/ec90ac99cf2767b6ff20902d8b01aa1c36778147]]
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/bca1d552803c1839e7385765314f81c5307632b8]] validation of legal characters for fieldnames
* Added blacklisting of unsafe HTML [[elements|https://github.com/Jermolene/TiddlyWiki5/commit/ba6edd42c125cb19d955a1cb3f54a2d367cb79dc]] and [[attributes|https://github.com/Jermolene/TiddlyWiki5/commit/d0caf21b2df9fda9800eb30489003a87cafb1277]]
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/baa8cf3dd098bab0a7a8c78b24747c69bd40889f]] a warning indicator to tiddlers in TiddlyWikiClassic format
* [[Add|https://github.com/Jermolene/TiddlyWiki5/commit/42c67cfeb732fccb10b8ab574c84090dc2471352]] tiddler info ''Advanced'' panel with information about plugins and shadow tiddlers
* [[Improved|https://github.com/Jermolene/TiddlyWiki5/commit/96457d801159958b897f98e22aa9af53b97f0e35]] layout of [[$:/ControlPanel]] ''Plugins'' tab
* [[Enhance|https://github.com/Jermolene/TiddlyWiki5/commit/f48701544eda4f79af86b1ad44340e7182bcf024]] viewing of system tiddlers by fading down the `$:/` prefix
* [[Extend|https://github.com/Jermolene/TiddlyWiki5/commit/dd3ee2a603cba35770a8f109e070f271d72861f8]] [[$:/TagManager]] to allow icons to be assigned to tags
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/87c4839fed789b80e0942014c05175e36aacc157]] support for `list-before` and `list-after` fields for controlling tag ordering (see TiddlerTags for details)
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/3afa26b9a318d913ba162d93a63036cb4a94be59]] request for confirmation before abandoning edits to a tiddler
!! Hackability Improvements
* [[Updated|https://github.com/Jermolene/TiddlyWiki5/commit/bdbbf94326f70db0f8ef196270ab9e92bfde10fb]] [[Transclusion in WikiText]] syntax to allow translusion of a template without affecting the current tiddler
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/8a7d0f53d380e9ca93ee34d8ad05090d511e95c4]] `sourceURL` handling to `eval()` so that tiddler modules can be [[properly debugged|https://chromedevtools.googlecode.com/svn-history/r421/trunk/tutorials/breapoints/index.html#regular]] in Chrome
* New ScrollableWidget giving better control over scrollable regions
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/d3c0296a87198296cff26aa7ce7bb8274cdcc3f7]] new CSS class `tw-site-title` for the site title
* [[Disable|https://github.com/Jermolene/TiddlyWiki5/commit/e397e4d15951c1395c7752a7563f002ca459206e]] the TiddlyWeb sync adaptor unless the wiki is loaded over HTTP
* Added a [[high resolution timer mechanism|https://github.com/Jermolene/TiddlyWiki5/commit/dcce4879347e4829d75f10248477731b18b829ef]] and a [[performance measurement mechanism|https://github.com/Jermolene/TiddlyWiki5/commit/d402d3c5a619b6b1642ab03c74ff03a864846a0b]]
* Added a [[basic CSV parser|https://github.com/Jermolene/TiddlyWiki5/commit/5a085f792722c74d259464386138c731b2f014cc]]
* Several measures to enforce the TiddlyWiki programming model:
** [[Refactor|https://github.com/Jermolene/TiddlyWiki5/commit/9de17aa206b21df5c4e29e61bba5d6b49aca6c71]] wiki store object to make members be private
** Freeze tiddler object and [[fields|https://github.com/Jermolene/TiddlyWiki5/commit/279626a3e3fbd75d60fc3be49b68a99d8ba0a95d]] tiddler fields to enforce their immutability
* [[Extend|https://github.com/Jermolene/TiddlyWiki5/commit/f649b5b037bfd2e7c48d1ba65ffa37064456523d]] the ButtonWidget to be able to set text references
* [[Add|https://github.com/Jermolene/TiddlyWiki5/commit/afa677b9a0b1dff1239dc1ea08edd210b9736af9]] a class to tiddler frames in view mode
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/50cf9678cb469e443e220b063e2355c844e417e7]] support for [[WidgetMessage: tw-home]]
* [[Hidden|https://github.com/Jermolene/TiddlyWiki5/commit/2608a323ebf3d8a8e925eda6d3a10ebb8f41d383]] system tags from the sidebar ''Tags'' tab
* [[Allow|https://github.com/Jermolene/TiddlyWiki5/commit/98872bbe7c62faa4aa209fa421c2989aeef3aaf2]] pasting and import of HTML content
* [[Add|https://github.com/Jermolene/TiddlyWiki5/commit/a5a2c718b1d5671652d01e3567dba1c6795b7521]] support for a tooltip on the LinkWidget
!! Bug Fixes
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/aa631518152cda5643805c143bf0000bca8d767f]] problem with occasional freezes of the sync mechanism - thanks to buggyj
* Fixed problem with [[tiddlers|https://github.com/Jermolene/TiddlyWiki5/commit/1e960ffcac566c742c44b18d6f0e809d4457b249]] or [[fields|https://github.com/Jermolene/TiddlyWiki5/commit/ea46f85a8a5ad29e8602cbb13667c853903681a6]] called `__proto__`
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/aec618793f41b937676a5a165764dc19d9bbb2b2]] with refreshing the D3 plugin
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/67f3d58f7153ca4d50ce5a14ed72d9d4b6ad9b71]] problem with "null" message when unloading under Internet Explorer 11
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.0.18-beta...v5.1.0]]//
This is the first full release of TiddlyWiki. Documentation updates made up the bulk of the changes since the previous 5.0.18-beta release.
!! Hackability Improvements
* [[Removed|https://github.com/Jermolene/TiddlyWiki5/commit/b239b3d6230a9f7aab4c9ef6a59aefb4158f45b1]] curly braces from qualified identifiers
!! Bug Fixes
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/9e6dab06cc2db8263fce083510ae570923b21c0b]] problem with Markdown Maruku mode metadata
!! Contributors
[[@Jermolene|https://github.com/Jermolene]] would like to thank the contributors to this release who have generously given their time to help improve TiddlyWiki:
* [[@BramChen|https://github.com/BramChen]]
* [[@malgam|https://github.com/malgam]]
* [[@gernert|https://github.com/gernert]]
* [[@pmario|https://github.com/pmario]]
* [[@xcazin|https://github.com/xcazin]]
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.1.0...v5.1.1]]//
This is a minor bug fix release to improve the documentation and correct some issues with the first full release of TiddlyWiki.
!! Incompatible Changes
Certain features that were deprecated in [[Release 5.0.17-beta]] have now been removed:
* [[Removed|https://github.com/Jermolene/TiddlyWiki5/commit/62edd1e8a3fddc0c11b87c87b3e5b404d8e1e395]] deprecated `title` attribute on the ButtonWidget
* [[Removed|https://github.com/Jermolene/TiddlyWiki5/commit/d047ccdc84ab6f23779c3614712e0d6fa0ef63ec]] support for deprecated `$:/tags/stylesheet` system tag
Note that the next release will also remove support for regular expression filter operands, which was also deprecated in 5.0.17-beta.
!! Hackability Improvements
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/96b7d0eebaf73dcfd4eccb848b90caaa055e5e20]] first implementation of the [[KaTeX Plugin]] for mathematical typesetting
!! Contributors
[[@Jermolene|https://github.com/Jermolene]] would like to thank the contributors to this release who have generously given their time to help improve TiddlyWiki:
* [[@pmario|https://github.com/pmario]]
* [[@TheDiveO|https://github.com/TheDiveO]]
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.1.1...v5.1.2]]//
This is another small release with documentation updates and a few bug fixes and improvements.
!! Usability Improvements
* [[Improved|https://github.com/Jermolene/TiddlyWiki5/commit/b3df07ae3e190cfb6fc23dbe31c6229fe5e39087]] error handling for malformed or unrecognised ~LaTeX content with [[KaTeX Plugin]]
!! Hackability Improvements
* [[Improved|https://github.com/Jermolene/TiddlyWiki5/commit/42abef6fbf79342ccbd90b142d48f64ab5c1c38a]] styling of separator before the untagged item in the tags sidebar
* [[Improved|https://github.com/Jermolene/TiddlyWiki5/commit/23c2d90ee8e28f8c68f9ba58fcbc13a56f838d61]] error handling for the upload saver (which is used for saving to TiddlySpot)
* [[Improved|https://github.com/Jermolene/TiddlyWiki5/commit/115245a632e80e9d033957327dfec909a3cd1fc8]] storyview error detection
!! Bug Fixes
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/b1fb0a2a070a6abc78564e56fdb4244076ac44ac]] crash caused by incorrectly formatted plugins
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/eacb9e53ebf2a814d61bf005d68f449f7b9e63b5]] problem with tiddler info not being removed by the syncer after deleting a tiddler
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/e2046ce4ffb6b8232a4ad5e7f51c431798917787]] HTTP handling to treat response code 201 as success
!! Contributors
[[@Jermolene|https://github.com/Jermolene]] would like to thank the contributors to this release who have generously given their time to help improve TiddlyWiki:
* [[@Evolena|https://github.com/Evolena]]
* [[@pmario|https://github.com/pmario]]
* [[@simonbaird|https://github.com/simonbaird]]
* [[@TheDiveO|https://github.com/TheDiveO]]
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.1.2...v5.1.3]]//
!! Usability Improvements
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/e872f17842809e33eae177980e9ea0650b6a4c03]] "new journal" button; see [[Creating journal tiddlers]]
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/70984aa39f8a4061162d4e404bfd158e515c7e6e]] "new here" button; see [[Creating and editing tiddlers]]
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/00cdd04edd49c2bf0e461071c0c7c50f8aab4e42]] "new journal here" button; see [[Creating journal tiddlers]]
* [[Made|https://github.com/Jermolene/TiddlyWiki5/commit/c6951ee912d1f2717a8c208cbb920e54edf9e5d9]] date format strings be translateable
* [[Added|https://github.com/Jermolene/TiddlyWiki5/tree/master/languages/ru-RU]] Russian translation
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/ef1d5310918dae088ce9361c1682ce0f99cf568a]] confirmation when clearing password
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/b7bbcfa05659808c1e51a4f2f5f1d6afbc2ed3a1]] additional prompt when setting password
* [[Increased|https://github.com/Jermolene/TiddlyWiki5/commit/dc9981322aeb508d5ebac0b691b0d703f8c1995e]] size of the clear search button
* [[Upgraded|https://github.com/Jermolene/TiddlyWiki5/commit/564457de1c991df15263040d2d5526fa8ae879bb]] to [[KaTeX v0.1.1|https://github.com/Khan/KaTeX/releases/tag/v0.1.1]], with support for several additional LaTeX features
!! Hackability Improvements
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/2ffe53f1916e4b746cc6d7e74e8f4ac75c72e38a]] audio "parser" for handling [[Audio]] content
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/0dcf54c3b59ed04645928f0ec4ced647e5a0da7f]] support for ActionWidgets
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/65504d5d41e45326ab1b1b6c0c21eea4c9772797]] new <<.olink addprefix>> and <<.olink addsuffix>> operators
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/0c8e5380778303cdd3308bed4a15290214841f8b]] support for custom password prompts
* [[Extended|https://github.com/Jermolene/TiddlyWiki5/commit/c26bd4c5a872f56c47e9f5cfc3fada468c53ddde]] the <<.mlink list-links>> macro to display ''caption'' field if present
* [[Extended|https://github.com/Jermolene/TiddlyWiki5/commit/12e26009eef5e29140ba1a880ff033428d673630]] ImageWidget to allow percentage width and height to be specified
!! Bug Fixes
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/cc576b052e2b05fd93fcb4f3eb8d9ee5278abf3e]] the <<.olink each>> operator to work with missing tiddlers
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/5dd6ebff05a3380db2901294b2cfc89c1a0e71bf]] problem with tiddler width in zoomin storyview with the sidebar hidden
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/09b6540998fec6bf1fb14842be8e8c53dbd5c46a]] bug whereby the `tm-home` message wasn't navigating to a tiddler, causing problems in zoomin storyview
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/3ca8d7b6cca46ffa424bcf9bdc134da464fc84f4]] problem with jumping toolbar icons under Firefox
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/f85b07e70b71d0622a9459e4b04e2027540abda8]] problem with untagged label being incorrectly coloured
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/b3dcd7d625ec83701ef3a77f3fb8101af57c154f]] problem with title background colours with the "Sticky Titles" theme
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/5211f9c40c874a167174e8c0d439db34189d3329]] problem with subfilter parameter of <<.mlink timeline>> macro
* [[Exclude|https://groups.google.com/d/topic/tiddlywiki/YPACpXhH9PY/discussion]] search string tiddler from search results
!! Node.js Changes
//These changes are only relevant to people using TiddlyWiki under Node.js//
* [[Extended|https://github.com/Jermolene/TiddlyWiki5/commit/63c174d7ed56284e80ad6cd6ae966b81f9181cc9]] ~KaTeX plugin to be able to work under Node.js to generate static HTML
* [[Extended|https://github.com/Jermolene/TiddlyWiki5/commit/49dc5694a391a391264a4473e4f4422e2472a3b3]] "includeWikis" to merge build targets
* [[Refactored|https://github.com/Jermolene/TiddlyWiki5/issues/969]] the build scripts for tiddlywiki.com into a separate repository at https://github.com/Jermolene/build.jermolene.github.io
* [[Extended|https://github.com/Jermolene/TiddlyWiki5/commit/744245ea3249446fd15f504190efb1d828935d01]] boot kernel to raise an error if a missing wiki folder is specified on the command line
!! Contributors
[[@Jermolene|https://github.com/Jermolene]] would like to thank the contributors to this release who have generously given their time to help improve TiddlyWiki:
* [[@andrey013|https://github.com/andrey013]]
* [[@BramChen|https://github.com/BramChen]]
* [[@buggyj|https://github.com/buggyj]]
* [[@Eucaly|https://github.com/Eucaly]]
* [[@Evolena|https://github.com/Evolena]]
* [[@fghhfg|https://github.com/fghhfg]]
* [[@Marxsal|https://github.com/Marxsal]]
* [[@pmario|https://github.com/pmario]]
* [[@simonbaird|https://github.com/simonbaird]]
* [[@TheDiveO|https://github.com/TheDiveO]]
* [[@xcazin|https://github.com/xcazin]]
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.1.3...v5.1.4]]//
This is a small release with documentation improvements and some important bug fixes from [[Release 5.1.3]].
!! Usability Improvements
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/6681a8e1f2fd3f39d92a1480b5b573a6c831515d]] a toolbar button for advanced search
* [[Changed|https://github.com/Jermolene/TiddlyWiki5/commit/53d834c86be2f97599a9486c0eae4777c51d9093]] dragging behaviour so that you can drag a tiddler title into an edit box to insert the title, making link creation easier. (This change doesn't affect the behaviour of dragging tiddler links between TiddlyWiki windows)
!! Hackability Improvements
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/26e50b81e579b7f2d190ca3662cadcf82764c8a7]] additional theme tweaks for the body text size and line height
* [[Extended|https://github.com/Jermolene/TiddlyWiki5/commit/1b620387dda2d16bf387a89071188762455890c4]] the ViewWidget to work with subtiddlers
!! Bug Fixes
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/ddc74955427f8a7291ee964c42a771a112007789]] problem with search counts
!! Node.js Changes
//These changes are only relevant to people using TiddlyWiki under Node.js//
* Fixed problem with missing wiki folder warnings by [[removing|https://github.com/Jermolene/TiddlyWiki5/commit/9fedf3865778fd3aa50c2f049c2b81061c8cd778]] and [[re-implementing|https://github.com/Jermolene/TiddlyWiki5/commit/e62e38d66c6eb447bbd8f16b5beec0fe0276ea0d]] the fix from [[Release 5.1.3]]
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/5d600ce31b1d1162529ae8043bb342e2165c4b13]] coloured warnings and errors under Node.js
!! Contributors
[[@Jermolene|https://github.com/Jermolene]] would like to thank the contributors to this release who have generously given their time to help improve TiddlyWiki:
* [[@danielo515|https://github.com/danielo515]]
* [[@gernert|https://github.com/gernert]]
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.1.4...v5.1.5]]//
!! Translation Improvements
* Added new translators edition making it much easier to create and maintain translations of TiddlyWiki
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/615425cf0634233d27f4f1ea430589b2a618feb6]] improved Japanese translation
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/8ba1a9b72ac5a4f50a4f670a24393d564c137c0c]] new Danish translation
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/14a64ef3effc1e4cf1098b35af6d6cb864d77ac2]] new Greek translation
!! Usability Improvements
* [[Improvements|https://github.com/Jermolene/TiddlyWiki5/commit/09a3f94d79fc6eacbfd46c86594748e996191eb2]] to tooltips for accessibility
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/6fc5c70ace43219710983f6d9640f4b01d620908]] export button to tiddler toolbar, page controls and [[advanced search|$:/AdvancedSearch]] "filter" tab
* Improved layout of [[$:/TagManager]]
* [[Simplified|https://github.com/Jermolene/TiddlyWiki5/commit/0a986ccd995266bf3a47182fa584d79f9dd3e153]] default tiddler toolbar buttons
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/63b00fd0f80ce0c9917e233287d4a0138e8c385f]] advanced search button to sidebar search results
* [[Improved|https://github.com/Jermolene/TiddlyWiki5/commit/4d061d0fee959fdc5ab470dc8f8379bedfa946d9]] search results by listing title matches at the top
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/da1f9f7d2233eb2aacc027bc1fc1053fa8b7bc2e]] input box for specifying new field value in edit template
* [[Improved|https://github.com/Jermolene/TiddlyWiki5/commit/0bb8e08edca61f415aa084327b6751c278e45108]] tag pill rendering so that the foreground colour is dynamically chosen for maximum contrast with the background colour
* Enhancements to many of the [[core icons|ImageGallery Example]]
* [[Removed|https://github.com/Jermolene/TiddlyWiki5/commit/1dfa6f369bddd8dedba2e47dc4707eba28ccf4e1]] (and [[here|https://github.com/Jermolene/TiddlyWiki5/commit/145713e7668a41320981ed87b448542cd30d13dc]], [[here|https://github.com/Jermolene/TiddlyWiki5/commit/3035badf144abb85f5d42b2b1d395cf0f65fb03e]] and [[here|https://github.com/Jermolene/TiddlyWiki5/commit/e69e2c1c91002c296e1789532ca74286fae8d5a4]]) unnecessary confirmations when abandoning or deleting unmodified tiddlers
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/a5c7089bcfe3d2439eb082535527a7cc767891cc]] a subtle rounded corner to tiddlers and tabs
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/6f0d581d720e611fade3b3f346ad0409ef5e291b]] automatic focusing of the title of newly created tiddlers
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/81481588e07ed3cb1e378a6c6f21d26dcbaa8345]] advanced search links on tiddler counts in [[$:/ControlPanel]]
!! Hackability Improvements
* Introduced new ActionSetFieldWidget, ActionDeleteFieldWidget and ActionDeleteTiddlerWidget for manipulating tiddler fields and values
* [[Enhanced|https://github.com/Jermolene/TiddlyWiki5/commit/c7971d3da3bbef4bbc81d4462ee93590adc248f8]] [[WidgetMessage: tm-new-tiddler]] to allow a skeleton to be specified with additional fields
* [[Enhanced|https://github.com/Jermolene/TiddlyWiki5/commit/4a172125768e3b33c30e725e8550454a9d26c5c4]] the EditTextWidget to allow more control over the sizing of textarea editors
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/13726ef73157d9e9d65ae4027d9c32aaa7cdcc90]] new canned filter for recently modified system tiddlers in [[$:/AdvancedSearch]]
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/c20c935faabbb63f679bc4720b52162c56b6af64]] new system image for videos: [[$:/core/images/video]]
* [[Extended|https://github.com/Jermolene/TiddlyWiki5/commit/c13cf94413c94ee56bebc60fab2d9231d1824d88]] search results to allow custom visualisations - see [[Customising search results]]
* [[Extended|https://github.com/Jermolene/TiddlyWiki5/commit/a3a50dbf6d96e7441e5e8ec183e40134bc4eb618]] <<.mlink timeline>> macro to be able to use different date fields
* [[Updated|https://github.com/Jermolene/TiddlyWiki5/commit/8260d000be1cf1caf35a557f6cd54a0fb8ccf4f0]] the <<.olink search>> operator to allow a field to be specified
* [[Updated|https://github.com/Jermolene/TiddlyWiki5/commit/73491f14dd63612d527632210d2c3873eb81188f]] the highlight plugin to display tabs as spaces
* [[Extended|https://github.com/Jermolene/TiddlyWiki5/commit/91a7c397911726e391ca368f96b50fbe1687d56a]] modal handling to permit variables to be passed to the modal (see [[WidgetMessage: tm-modal]])
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/853f5fd06402b16e271e8f119ef380de485aeff2]] simple logging to help track down drop/paste issues (see http://tiddlywiki.com/dev/#ImportLogging)
* [[Updated|https://github.com/Jermolene/TiddlyWiki5/commit/b520efdeb83f6ac7536a69cf5af2bab3f94cf77f]] [[WidgetMessage: tm-download-file]] and [[WidgetMessage: tm-save-wiki]] to allow variables to be specified for the rendering
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/f5055c0205d24102a36b9cf3a9dd9306e148a1f0]] [[Example Table of Contents: Tabbed Internal]]
* [[Extended|https://github.com/Jermolene/TiddlyWiki5/commit/79e428757b5562bd4a925b9b0428ea4ba70ad05a]] RevealWidget so that it can be used without specifying a state tiddler
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/90caf5bf42523cfb6cd603b979aadb719ddcede4]] "hooks" mechanism so that plugins can modify the default tiddler list
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/b882a0dff12dc2660426de53e64d8c018f3a9d84]] support for nested popups
!! Bug Fixes
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/90096cbd367a7a685fb5dc5b2cbaa69a00d8199f]] problem with CodeMirror editor and missing tiddlers
* [[Exclude|https://github.com/Jermolene/TiddlyWiki5/commit/5093cdc86047209f23b9ead5ee0f216d0414e4f2]] drafts from [[Table-of-Contents Macros]]
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/5599f9f9338a5f96080143b2192214a78b961509]] problem with encoding of HTML tiddlers
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/835e3a945244dd8a07f4c7fd570eb890e9fdcc2c]] problem with sticky titles being covered by vertical tabs
* [[Removed|https://github.com/Jermolene/TiddlyWiki5/commit/d1bbe7253c135ceed138fd02c82b0f861d5dda6b]] flicker when automatically resizing textareas
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/4bf6fe7fe9416f4e304036302ab5727148ae5222]] JSON deserialiser so that all fields can be imported
!! Node.js Changes
//These changes are only relevant to people using TiddlyWiki under Node.js//
* [[Extended|https://github.com/Jermolene/TiddlyWiki5/commit/8e685e5150e636aed6655c6caa09c7b6cffdcea2]] ''includeWikis'' mechanism of TiddlyWikiFolders to allow read-only wikis to be included
* [[Improved|https://github.com/Jermolene/TiddlyWiki5/commit/cea963420ca2800b86989e29d42d06ccb7ea2a00]] error handling under Node.js
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/17a594a97ad5655142c834dfd5fa68855a61d201]] UnpackPluginCommand
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/04d26e6fae20671a6d455e113f7b0afedabc7122]] EditionsCommand to list the available editions
!! Changes affecting plugin authors
* [[Disabled|https://github.com/Jermolene/TiddlyWiki5/commit/f7a2849d27bb082e4bbf6b056a800a1edb30f510]] wiki change events for shadow tiddlers
* [[Updated|https://github.com/Jermolene/TiddlyWiki5/commit/d93c19daaa126f0938048009a83796cb52690541]] structure of widget messages that have a hashmap parameter
* The support for nested popups has necessitated a change in the way that popups are styled that affects popups that are triggered with the focusPopup attribute of the EditTextWidget: it is now necessary for the widget to be given the class `tc-popup-handle`.
!! Contributors
[[@Jermolene|https://github.com/Jermolene]] would like to thank the contributors to this release who have generously given their time to help improve TiddlyWiki:
* [[@andrey013|https://github.com/andrey013]]
* Birthe C
* [[@Braincoke|https://github.com/Braincoke]]
* [[@BramChen|https://github.com/BramChen]]
* [[@danielo515|https://github.com/danielo515]]
* [[@erwanm|https://github.com/erwanm]]
* [[@Evolena|https://github.com/Evolena]]
* [[@giffmex|https://github.com/giffmex]]
* [[@inmysocks|https://github.com/inmysocks]]
* Makoto Hirohashi
* [[@pmario|https://github.com/pmario]]
* [[@Skeeve|https://github.com/Skeeve]]
* [[@tobibeer|https://github.com/tobibeer]]
* [[@welford|https://github.com/welford]]
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.1.5...v5.1.6]]//
!! Translation Improvements
* Added Dutch translation
* Updated Danish and Japanese translations
!! Hackability Improvements
* [[Allow|https://github.com/Jermolene/TiddlyWiki5/commit/b29973312d7c16292cabb493e5914668f7c3f127]] buttons to be styled to look like internal links
* [[Disabled|https://github.com/Jermolene/TiddlyWiki5/commit/5b38c21a417d2e5e2b85aed8010c88af32420e24]] linking when transcluding ''caption'' field in [[Table-of-Contents Macros]]
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/b220c19fb7b789eb6d00c9d1a71414676d87130e]] support for templates to tabbed [[Table-of-Contents Macros]]
* [[Allow|https://github.com/Jermolene/TiddlyWiki5/commit/31b5eb1578640fabe8712f0cd4edd49708bc4493]] shadow tiddlers to appear in [[Table-of-Contents Macros]]
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/5154a25ab95f0cc08eb079a624be4fd3353e6dbd]] tooltip to BrowseWidget
* [[Improved|https://github.com/Jermolene/TiddlyWiki5/commit/42dba113ccdb18d7e76ac7a773c7dca532207007]] handling of missing tiddlers by the <<.olink has>> and <<.olink field>> operators
!! Bug Fixes
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/182c2428ca7b38d00d36d2d6650e761026470e63]] problem with download saver using incorrect filename
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/d031a93c6d607d5b10d025149608f10977181e26]] [[problem|https://github.com/Jermolene/TiddlyWiki5/issues/1010]] with processing of date format templates
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/a0c13a0856cb6b4a2592acdd46975e44eb7c53a8]] problem with ''storytop'' theme tweak not being respected when the narrow responsive design kicks in
!! Node.js Changes
//These changes are only relevant to people using TiddlyWiki under Node.js//
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/bb74be7ac1a24eeaee10a3cb3d3633e3aa318632]] problem with "all tiddlers" static HTML export
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/51db48acc901d8fb298d9b0f7f10b47ffe90df05]] incorrect checking for an empty folder with the InitCommand
!! Changes affecting plugin authors
* [[Extended|https://github.com/Jermolene/TiddlyWiki5/commit/1e47a62c2af392f30a492da732b33b89f23a2e4c]] `$tw.utils.each` so that the loop can be broken out of
!! Contributors
[[@Jermolene|https://github.com/Jermolene]] would like to thank the contributors to this release who have generously given their time to help improve TiddlyWiki:
* [[@anavarre|https://github.com/anavarre]]
* [[@Drakor|https://github.com/Drakor]]
* [[@dullroar|https://github.com/dullroar]]
* [[@erwanm|https://github.com/erwanm]]
* [[@malgam|https://github.com/malgam]]
* [[@nameanyone|https://github.com/nameanyone]]
* [[@pekopeko1|https://github.com/pekopeko1]]
* [[@Spangenhelm|https://github.com/Spangenhelm]]
* [[@tobibeer|https://github.com/tobibeer]]
* [[@xcazin|https://github.com/xcazin]]
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.1.6...v5.1.7]]//
This is an hot fix release with the following change over [[Release 5.1.6]]:
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/a31aa25d0c00187ff829d74108f018e44b5cb3c5]] typo in GettingStarted
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.1.7...v5.1.8]]//
This release includes many improvements to the documentation for TiddlyWiki. Many thanks to everyone who has helped out, but especially to our prodigious new contributor Astrid Elocson.
!! Translation Improvements
* Improvements to French, Danish, Chinese and Japanese translations
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/cb8caf6a01aeeac480bf28661888961657b0dbd8]] Czech translation
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/d6918d737f5d1b663346ad9a35421a5ae0ffb9a7]] [[Interlingua|http://en.wikipedia.org/wiki/Interlingua]] translation
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/6721a5eb1b77935226ccc8559008af3a0a05d0cb]] Portuguese translation
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/b845751d3c549366adb2f6e5c58b0114fa95ba30]] Punjabi and Hindu translations
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/49a9a2c44ca3a71fff3062709f06940aaca4a574]] Slovak translation
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/5d947ed582fb9d68c01d82a334ab75498a8724ef]] Spanish translation
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/2c367c5476da70ce9c2b37838febcdf437b9aca4]] localisation for encryption prompt
!! Usability Improvements
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/987bfcfd5b49b992e5fd45f3428497f6f55cae53]] user interface for [[setting a page background image|Setting a page background image]]
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/3df341621d30b205775288e324cef137c48e9f6e]] problem with unnecessary scrolling at startup
* [[Upgraded|https://github.com/Jermolene/TiddlyWiki5/commit/ae001a19e5b3e43cf5388fd4e8d99788085649fe]] the [[KaTeX Plugin]] to use [[KaTeX v0.2.0|https://github.com/Khan/KaTeX/releases/tag/v0.2.0]], with better symbol support
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/70e419824fab107aab58f87780dbb5a1de70c248]] [[Help Plugin]] providing floating help panel
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/8643278a452d1a300cec8d3425c1b18699a17dca]] support for an online plugin library
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/ea6e60e66983ee1184f09c5796ef6c8bceae703a]] automatic focusing of the search box at startup
* [[Introduced|https://github.com/Jermolene/TiddlyWiki5/commit/4f3cb8b9aebfc4f65f40c96ef99730887d746b41]] the [[Railroad Plugin]] by Astrid Elocson (see it in action in the new [[Filter Syntax]] documentation)
* [[Migrated|https://github.com/Jermolene/TiddlyWiki5/commit/230066eeae9ace8336612e02c78f8cdaa3f717e4]] functionality of "Sticky Titles" theme into an optional tweak for the "Vanilla"/"Snow White" themes. This means that tiddler titles will stick to the top of the window during scrolling on browsers that support `position: sticky` (such as Safari and Firefox)
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/8cb7090c40489c81e8c5dfb8cbbdee2c60998c3e]] icons to [[$:/AdvancedSearch]], [[$:/ControlPanel]] and [[$:/TagManager]]
* [[Changed|https://github.com/Jermolene/TiddlyWiki5/commit/21b6ce71ffc617f61d4da0065a3ee695be535e2a]] wording of tiddler "save" button to "confirm"
* [[Added|https://github.com/Jermolene/TiddlyWiki5/issues/1103]] automatic linking of system tiddlers such as $:/ControlPanel
* [[Improved|https://github.com/Jermolene/TiddlyWiki5/commit/9c7936413a8c50817044eb409661a575f7f97563]] new tag dropdown to only list title matches
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/aae56f20af35e7be6f3839a8c727e3f43174efe9]] a warning banner notifying the user when modified plugins require the page to be reloaded
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/0bd2ec50e1514ef247182816f9f9e421f52f67bb]] first pass at "stacked" story view
* [[Changed|https://github.com/Jermolene/TiddlyWiki5/commit/421ac16389cf07e8c00611ef5a858da0b89f7584]] modal headers and footers to be parsed in inline mode by default (avoiding unneeded `<p>` tags)
!! Hackability Improvements
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/d340277cb219ffebd212fbf409e8ea804121d105]] [[resolvepath Macro]]
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/718ce3e4aa04f7af5e9310f90d3415c0d82bee6f]] ''class'' attribute to CheckboxWidget
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/bb10e2b02900ece4701c44c3a7e7c03304e813b7]] support for a special message to be displayed when the main story river is empty
* [[Improved|https://github.com/Jermolene/TiddlyWiki5/commit/6e0c7d90221771ae384d620984f08a2090c500dc]] font rendering under Mac OS X
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/a2493f80a973b24ad3d3affda945c437b98c2d2e]] support for embedding ZIP files
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/1808b1597e5a61379e4e5381d6d78bb73fa3a523]] support for custom elements with the RevealWidget
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/bd6472c1d10bc86eaf1b317c35b86f84086ee3c8]] ''style'' attribute to RevealWidget
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/0b4ed3c72de16148ffe62abf1c5c06f2d2ce47f1]] text inputs to use palette colours
* Several new [[core icons|ImageGallery Example]]: <span style="fill:#aaa;"><span title="$:/core/images/github">{{$:/core/images/github}}</span> <span title="$:/core/images/help">{{$:/core/images/help}}</span> <span title="$:/core/images/mail">{{$:/core/images/mail}}</span> <span title="$:/core/images/tip">{{$:/core/images/tip}}</span> <span title="$:/core/images/warning">{{$:/core/images/warning}}</span> <span title="$:/core/images/twitter">{{$:/core/images/twitter}}</span> <span title="$:/core/images/video">{{$:/core/images/video}}</span> <span title="$:/core/images/up-arrow">{{$:/core/images/up-arrow}}</span> <span title="$:/core/images/left-arrow">{{$:/core/images/left-arrow}}</span></span>
!! Bug Fixes
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/pull/1520]] the [[sameday Operator]] and [[eachday Operator]] to accept TW5 date strings
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/pull/1249]] version number compatibility checks for plugins
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/1adfe20508116da0ee4b5c9e72ea9742f24b60c9]] problem with repeatedly cancelling a draft
* [[Improved|https://github.com/Jermolene/TiddlyWiki5/commit/050b643948e24d1d93a83766a23a0d693616d01e]] sandboxing of generated `<iframe>` elements
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/b166632bbb76a7a033cd8fc3af14e5dadddfc631]] problem with modal backgrounds on Firefox
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/1b87d9134bd0b45be671eebfdcac1d7acadcecf4]] problem with accidentally dragging a tiddler within its originating window
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/c9ab873ba393753647f2b0b3b3aa1a8bcf6b1c28]] problem with dragging certain plugins with Safari
* [[Partially fixed|https://github.com/Jermolene/TiddlyWiki5/commit/2f8837a44508687223c4d78e718cf82a9b35c97b]] problem with SVG icons being clipped by 1 pixel on the right and bottom
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/f3ed9bf7e4936dd9bbe3e237673828bbe89326f9]] problem with double quotes in a new field value
!! Node.js Changes
//These changes are only relevant to people using TiddlyWiki under Node.js//
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/cc85368fd48f1e5878018a4e00b6c17d436e67a9]] [[Highlight Plugin]] to work when generating static files under Node.js
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/c296f14210545374124df5d4ae9ffb402ed73561]] problem with case-insensitive filing systems (eg Windows)
* [[Added|https://github.com/Jermolene/TiddlyWiki5/pull/1354]] mobile metadata to static page templates
* [[Added|https://github.com/Jermolene/TiddlyWiki5/pull/1352]] added "noclean" parameter to RenderTiddlersCommand
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/b768dc332b2d5d7ac1f731953cafb5fd1b30dad9]] [[editions Operator]] and [[editiondescription Operator]] for enumerating available editions
!! Contributors
[[@Jermolene|https://github.com/Jermolene]] would like to thank the contributors to this release who have generously given their time to help improve TiddlyWiki:
* [[@aelocson|https://github.com/aelocson]]
* [[@andreasabeck|https://github.com/andreasabeck]]
* [[@alexhough|https://github.com/alexhough]]
* [[@Arlen22|https://github.com/Arlen22]]
* [[@BramChen|https://github.com/BramChen]]
* [[@danielo515|https://github.com/danielo515]]
* [[@dpdannemiller|https://github.com/dpdannemiller]]
* [[@Drakor|https://github.com/Drakor]]
* [[@evgeniy-gryaznov|https://github.com/evgeniy-gryaznov]]
* [[@felixhayashi|https://github.com/felixhayashi]]
* [[@gernert|https://github.com/gernert]]
* [[@Infurnoape|https://github.com/Infurnoape]]
* [[@Jc-L|https://github.com/Jc-L]]
* [[@le-pako|https://github.com/le-pako]]
* [[@Mathobal|https://github.com/Mathobal]]
* [[@ng110|https://github.com/ng110]]
* [[@pmario|https://github.com/pmario]]
* [[@reflectionist|https://github.com/reflectionist]]
* [[@roma0104|https://github.com/roma0104]]
* [[@simonbaird|https://github.com/simonbaird]]
* [[@Spangenhelm|https://github.com/Spangenhelm]]
* [[@sukima|https://github.com/sukima]]
* [[@tobibeer|https://github.com/tobibeer]]
* [[@twMat|https://github.com/twMat]]
* [[@welford|https://github.com/welford]]
* [[@xcazin|https://github.com/xcazin]]
//[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyWiki5/compare/v5.1.8...v5.1.9]]//
! Major Improvements
!! New "Powered by ~TiddlyWiki" plugin
An experimental plugin to add a simple "Powered by ~TiddlyWiki" banner to your site. It is included in this prerelease but will not be on the main tiddlywiki.com wiki.
!! New "Fluid story, fixed sidebar" mode
It is now possible to arrange the main window so that the sidebar has a fixed width and the story river expands to fill the remaining space.
To switch it on, visit ''Theme Tweaks'' in the $:/ControlPanel ''Appearance'' tab and use the following options:
* Sidebar layout:
** ''Fixed story, fluid sidebar'' (default) - the story river has a fixed width and the sidebar fills the remaining space
** ''Fluid story, fixed sidebar'' - the story river expands to fill horizontal space remaining after the fixed width sidebar
* Sidebar width:
** The width of the sidebar. Can be specified in pixels (eg ''350px''), a percentage (eg ''25%'') or other [[CSS unit|https://developer.mozilla.org/en/docs/Web/CSS/length]]
!! Toolbar Button Style Setting
A new setting in $:/ControlPanel ''Settings'' tab allows the toolbar button style to be chosen from the following options:
* <$button set="$:/config/Toolbar/ButtonClass" setTo="tc-btn-invisible">borderless</$button> the existing style
* <$button set="$:/config/Toolbar/ButtonClass" setTo="tc-btn-boxed">boxed</$button>, which adds a thin border box around the button
* <$button set="$:/config/Toolbar/ButtonClass" setTo="tc-btn-rounded">rounded</$button>, which rounds the button corners and inverts the button colours
Plugins can add new style options.
!! New Tiddler Toolbar Button: "Open in new window"
An experimental new tiddler toolbar button opens a single tiddler in a separate pop-up browser window. The tiddler will be dynamically updated just as in the main window. There are several uses:
* Arranging reference tiddlers for easy access while editing in the main window
* Making good use of multi-screen layouts
* Printing the content of a single tiddler
* Running presentations in a separate window while maintaining notes in the main window
!! Improvements for visually impaired users
* Improved monochrome palette variants:
** <$button>
<$action-setfield $tiddler="$:/theme" text="$:/themes/tiddlywiki/vanilla"/>
<$action-setfield $tiddler="$:/palette" text="$:/palettes/ContrastDark"/>
Dark palette
</$button>. Foreground: <<colour-picker "$:/palettes/ContrastDark" "foreground">>, Background: <<colour-picker "$:/palettes/ContrastDark" "background">>
** <$button>
<$action-setfield $tiddler="$:/theme" text="$:/themes/tiddlywiki/vanilla"/>
<$action-setfield $tiddler="$:/palette" text="$:/palettes/ContrastLight"/>
Light palette
</$button>. Foreground: <<colour-picker "$:/palettes/ContrastLight" "foreground">>, Background: <<colour-picker "$:/palettes/ContrastLight" "background">>
** <$button>
<$action-setfield $tiddler="$:/theme" text="$:/themes/tiddlywiki/snowwhite"/>
<$action-setfield $tiddler="$:/palette" text="$:/palettes/Vanilla"/>
Revert
</$button>
!! New "Solar Flare" palette
There's a new core palette "Solar Flare", contributed by Rustem Akbulatov (@nameanyone).
<$button>
<$action-setfield $tiddler="$:/theme" text="$:/themes/tiddlywiki/snowwhite"/>
<$action-setfield $tiddler="$:/palette" text="$:/palettes/SolarFlare"/>
Try it out
</$button> <$button>
<$action-setfield $tiddler="$:/theme" text="$:/themes/tiddlywiki/snowwhite"/>
<$action-setfield $tiddler="$:/palette" text="$:/palettes/Vanilla"/>
Revert
</$button>
!! Options for Story Control
There are new options for controlling the position in the story river of newly opened tiddlers. Visit the ''Settings'' tab of $:/ControlPanel and look for "Tiddler Opening Behaviour".
!! New Hidden Settings
Two new [[hidden settings|Hidden Settings]] for advanced configuration:
* [[Hidden Setting: Search AutoFocus]]
* [[Hidden Setting: Typing Refresh Delay]]
!! New Vars widget
[[Added|https://github.com/Jermolene/TiddlyWiki5/pull/1678]] VarsWidget for setting multiple variables in one operation:
```
<$vars greeting="Hi" me={{!!title}} sentence=<<helloworld>>>
<<greeting>>! I am <<me>> and I say: <<sentence>>
</$vars>
```
! Other Improvements
!! Translation Improvements
* Updates to the Dutch, Chinese, Italian and German translations
* New Catalan (Spain) translation
!! Usability Improvements
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/789069bb6b9ca1bd9da75e035b18728e83eb232c]] new page control icon for setting the palette: <$set name="tv-config-toolbar-class" value="btn">
<$set name="tv-config-toolbar-icons" value="yes">
<$set name="tv-config-toolbar-text" value="yes">
{{$:/core/ui/Buttons/palette}}
</$set>
</$set>
</$set>
* Added new icons for <span style="fill:#aaa;">
palette <span title="$:/core/images/palette">{{$:/core/images/palette}}</span>
and "open new window" <span title="$:/core/images/open-window">{{$:/core/images/open-window}}</span>
</span>
* [[Improved|https://github.com/Jermolene/TiddlyWiki5/commit/648f670bcbba088780bc76f0c33cbe378d283bbd]] the theme icon to better match the new palette icon: <span style="fill:#aaa;">
<span title="$:/core/images/theme-button">{{$:/core/images/theme-button}}</span>
<span title="$:/core/images/plugin-generic-theme">{{$:/core/images/plugin-generic-theme}}</span>
</span>
* [[Avoid|https://github.com/Jermolene/TiddlyWiki5/commit/7b4153f87f8b4793fa055ec287a659ece3150d99]] glitch with autofocusing the search box in the plugin library
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/9f92c086c31a528a2ffb6bc9fed53d4cc016480f]] information about TiddlyDesktop to [[Releases]]
* [[Stopped|https://github.com/Jermolene/TiddlyWiki5/commit/4a3a5bf1f06c4efb8449c860e90c214f707954f6]] autosaving after cancelling an edit
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/062aa03c5acf6ac506169e9f3bac9cb0307667e4]] dropdown to edit template to allow existing field names to be selected
!! Hackability Improvements
* [[Updated|https://github.com/Jermolene/TiddlyWiki5/commit/5f3587c38c2968ff63780552ef50b52d87ada3ca]] to ~KaTeX version 0.4.3, with the following editions since the previous 0.2.0 release that was distributed with TiddlyWiki 5.1.8:
** Added support for some `\begin`/`\end` environments, including support for `array`, `matrix`, `pmatrix`, `bmatrix`, `vmatrix`, and `Vmatrix`
** Added support for optional `\sqrt` arguments, e.g. `\sqrt[3]{x}`
** Add support for `\phantom`
** Add `\#`, `\&`
** See the [[KaTeX GitHub page|https://github.com/Khan/KaTeX/releases]] for full release details
* [[Extended|https://github.com/Jermolene/TiddlyWiki5/commit/9b4b9d4d8878b8646112de7b5a7b282f50a4d1cb]] ActionSendMessageWidget for more flexible passing of named parameters via new `$name` and `$value` attributes
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/6942efa6289c9f1d99ea9f63972aa314ac06a8b1]] styling for `<kbd>` elements such as <kbd>escape</kbd> and <kbd>enter</kbd>
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/637aaca2fc3563cc695ab5603fc0cde222a770da]] subtle new "pin stripe" pattern for page background - <$button>
<$action-setfield $tiddler="$:/themes/tiddlywiki/vanilla/settings/backgroundimage" text="Pinstripe.gif"/>
<$action-setfield $tiddler="$:/themes/tiddlywiki/vanilla/settings/backgroundimageattachment" text="fixed"/>
<$action-setfield $tiddler="$:/themes/tiddlywiki/vanilla/settings/backgroundimagesize" text="auto"/>
Try it out
</$button>
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/139496209f92d229feadf5c2883edec9090c0a0a]] support for custom elements to the ButtonWidget
* [[Improved|https://github.com/Jermolene/TiddlyWiki5/commit/d8366cc45f25d16c9085e05ee18965e626e218ff]] CodeMirror plugin to automatically refresh when a tiddler type changes
* [[Added|https://github.com/Jermolene/TiddlyWiki5/commit/0d5033e2a00e34a7665c2cff58c0d15da224dd2b]] new setting in $:/ControlPanel to render tiddler titles as links, which can be convenient for drag and drop
* [[Simplified|https://github.com/Jermolene/TiddlyWiki5/commit/f42842f80104e8e892545c758ea0b997cacbdd31]] detecting the preview pane with the [[tv-tiddler-preview Variable]]
* [[Improved|https://github.com/Jermolene/TiddlyWiki5/commit/50c6ce8b73aef692920d7a03b1c9c46c35f972d6]] automatic linking of system tiddler titles by restricting them to letters and the characters `/.-`
!! Bug Fixes
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/5a6249894d5e79ee4e472c72be8956ce59558797]] problem with special characters in field names
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/230f40c3bd71177eb7b1f7e8252a5164e99a12c5]] static banner layout on mobile devices
* [[Fixed|https://github.com/Jermolene/TiddlyWiki5/commit/df84e932833b3643ce600499ddd5fef497bec908]] popups within the scrollable widget by adding `position: relative;` to example scrollable widget styles
!! Contributors
[[@Jermolene|https://github.com/Jermolene]] would like to thank the contributors to this release who have generously given their time to help improve TiddlyWiki:
* [[@BramChen|https://github.com/BramChen]]
* [[@buggyj|https://github.com/buggyj]]
* [[@cehmke|https://github.com/cehmke]]
* [[@danielo515|https://github.com/danielo515]]
* [[@Drakor|https://github.com/Drakor]]
* [[@ericshulman|https://github.com/ericshulman]]
* [[@felixhayashi|https://github.com/felixhayashi]]
* [[@gernert|https://github.com/gernert]]
* [[@heroboy|https://github.com/heroboy]]
* [[@idoine|https://github.com/idoine]]
* [[@infurnoape|https://github.com/infurnoape]]
* [[@inmysocks|https://github.com/inmysocks]]
* [[@kixam|https://github.com/kixam]]
* [[@lolole13|https://github.com/lolole13]]
* [[@marcor|https://github.com/marcor]]
* [[@Marxsal|https://github.com/Marxsal]]
* [[@nameanyone|https://github.com/nameanyone]]
* [[@pmario|https://github.com/pmario]]
* [[@r1chard5mith|https://github.com/r1chard5mith]]
* [[@roma0104|https://github.com/roma0104]]
* [[@silvyn|https://github.com/silvyn]]
* [[@slovuj|https://github.com/slovuj]]
* [[@StevenMcD|https://github.com/StevenMcD]]
* [[@sukima|https://github.com/sukima]]
* [[@vouko|https://github.com/vouko]]
* [[@welford|https://github.com/welford]]
* [[@xcazin|https://github.com/xcazin]]
<<tabs "[[TiddlyWiki Releases]] [[TiddlyDesktop Releases]]" "TiddlyWiki Releases" "$:/state/tab">>
<h2><$link to=<<currentTab>>><$view tiddler=<<currentTab>> field="title"/></$link></h2>
^^Released <$view tiddler=<<currentTab>> field="released" format="date" template="DDth MMM YYYY at 0hh:0mm">TBA</$view>^^
<$transclude tiddler=<<currentTab>> />
<<.s-matching-is-case-sensitive>>
<<.operator-examples "removeprefix">>
<<.operator-example 1 "[[My Cat]] [[Your Garden]] [[My Favourite Armchair]] +[removeprefix[My ]]">>
<<.s-matching-is-case-sensitive>>
<<.operator-examples "removesuffix">>
<<.operator-example 1 "SIMPLEX Googolplex Complex +[removesuffix[plex]]">>
{{$:/language/Help/rendertiddler}}
{{$:/language/Help/rendertiddlers}}
You can report bugs or problems with TiddlyWiki via our [[discussion groups|Forums]]. If you have a GitHub account then you can raise an issue there:
https://github.com/Jermolene/TiddlyWiki5/issues/new
Unless you are already familiar with GitHub, it's usually easiest to report problems through the discussion groups.
! TiddlyWiki on GitHub
We use GitHub Issues to manage bug reports and feature requests for TiddlyWiki. To maintain their effectiveness we endeavour to have as few open issues as possible.
!! Policies for Managing Issues
Open issues should be actionable: generally either a reproducible bug report, or a specific feature request. From the perspective of the core developers, the issues list behaves like a shared todo list. Every item on the list requires a little bit of attention each time we check the list.
GitHub Issues are not very good for managing ideas that are not immediately actionable. Better to use the [[TiddlyWiki discussion groups|Forums]] for open ended questions, or speculative discussions of new features.
!! Creating Issues
Before creating a GitHub issue it is good etiquette to search through the existing issues to see whether the problem has already been reported. If a search isn't practical, don't worry too much; GitHub makes it easy to merge existing issues.
When you do create an issue, remember that for effective debugging, we need as much information as possible. At a minimum, please try to include:
* A descriptive title
* A summary
* Steps to reproduce
* Expected behaviour
* Context (OS, browser etc.)
Consider also adding screenshots if it makes things clearer.
There's a lot of good material on the web about bug reports:
* http://mhay68.tumblr.com/post/1648223018/what-makes-a-good-bug-report
* http://www.chiark.greenend.org.uk/~sgtatham/bugs.html
The <<.def resolvepath>> [[macro|Macros]] takes a relative path and an absolute path. It interprets the former relative to the latter, and returns the absolute equivalent of the former.
Folders in the paths are delimited by `/`.
The special folder name `.` denotes the current folder, and `..` denotes the parent folder.
If the absolute path indicates a folder, it needs to end with `/`. Anything after the final `/` is treated as an arbitrary filename within the intended path, and is discarded.
If no absolute path is supplied, the relative path is returned unchanged, except that anything after the final `/` is discarded.
The return value is a path, but does <<.em not>> end with `/`.
!! Parameters
;source
: the relative path
;root
: the absolute path
<<.macro-examples "resolvepath">>
<$macrocall $name=".example" n="1" eg="""<<resolvepath "./backup" "http://example.com/store.php">>"""/>
<$macrocall $name=".example" n="2" eg="""<<resolvepath "backup" "http://example.com/store.php">>"""/>
<$macrocall $name=".example" n="3" eg="""<<resolvepath "../backup" "http://example.com/store.php">>"""/>
<$macrocall $name=".example" n="4" eg="""<<resolvepath "../jpg/Motovun_Jack.jpg" "http://example.com/resources/images/png/">>"""/>
<$macrocall $name=".example" n="5" eg="""<<resolvepath "../jpg/../png/Motovun_Jack.png">>"""/>
<$macrocall $name=".example" n="6" eg="""<<resolvepath "jpg/Motovun_Jack.jpg">>"""/>
These are sites with resources created by the TiddlyWiki [[Community]] help you get the best out of TiddlyWiki: plugins, macros and more. Submit new entries via GitHub, Twitter or by posting in the [[TiddlyWiki Groups]].
<div class="tc-link-info">
<$list filter='[tag[Resources]!sort[modified]]'>
<div class="tc-link-info-item">
! <$link><$view field="title"/></$link>
<div class="tc-subtitle">Posted <$view field="modified" format="relativedate"/></div>
<$transclude/>
</div>
</$list>
</div>
<<.olink butfirst>> and <<.olink bf>> are synonyms for <<.op rest>>.
<<.operator-examples "rest">>
<<.using-days-of-week>>
<<.operator-example 1 "[list[Days of the Week]rest[]]">>
<<.operator-example 2 "[list[Days of the Week]rest[3]]">>
<<.operator-example 3 "Z Y X W V U T S R Q P O +[rest[5]]">>
! Introduction
The reveal widget hides or shows its content depending upon the value of a [[state tiddler|StateTiddlers]]. The type of the widget determines the condition for the content being displayed:
* type=''match'': the content is displayed if the state tiddler matches a specified value
* type=''nomatch'': the content is displayed if the state tiddler doesn't match a specified value
* type=''popup'': the content is displayed as a popup as described in the PopupMechanism
! Content and Attributes
The content of the `<$reveal>` widget is displayed according to the rules given above.
|!Attribute |!Description |
|state |A TextReference containing the state |
|tag |Overrides the default HTML element tag (`<div>` in block mode or `<span>` in inline mode) |
|type |The type of matching performed: ''match'', ''nomatch'' or ''popup'' |
|text |The text to match when the type is ''match'' and ''nomatch'' |
|class |An optional CSS class name to be assigned to the HTML element|
|style |An optional CSS style attribute to be assigned to the HTML element |
|position |The position used for the popup when the type is ''popup''. Can be ''left'', ''above'', ''aboveright'', ''right'', ''belowleft'' or ''below'' |
|default |Default value to use when the state tiddler is missing |
|animate |Set to "yes" to animate opening and closure (defaults to "no") |
|retain |Set to "yes" to force the content to be retained even when hidden (defaults to "no")|
Retaining the content when hidden can give poor performance since the hidden content requires refresh processing even though it is not displayed. On the other hand, the content can be revealed much more quickly. Note that setting ''animate="yes"'' will also force ''retain="yes"''.
! Examples
!! Simple content reveal
Here's a simple example of showing and hiding content with buttons:
<<wikitext-example-without-html '<$button set="$:/state/SampleReveal1" setTo="show">Show me</$button>
<$button set="$:/state/SampleReveal1" setTo="hide">Hide me</$button>
<$reveal type="match" state="$:/state/SampleReveal1" text="show">
! This is the revealed content
And this is some text
</$reveal>'>>
!! Accordion or Slider
An "accordion" or "slider" is a button that can be used to toggle the display of associated content.
<<wikitext-example-without-html '<$reveal type="nomatch" state="$:/state/SampleReveal2" text="show">
<$button set="$:/state/SampleReveal2" setTo="show">Show me</$button>
</$reveal>
<$reveal type="match" state="$:/state/SampleReveal2" text="show">
<$button set="$:/state/SampleReveal2" setTo="hide">Hide me</$button>
! This is the revealed content
And this is some text
</$reveal>'>>
!! Popup
Here is a simple example of a popup built with the RevealWidget:
<<wikitext-example-without-html '<$button popup="$:/SamplePopupState">Pop me up!</$button>
<$reveal type="popup" state="$:/SamplePopupState">
<div class="tc-drop-down">
! This is the popup
And this is some text
</div>
</$reveal>'>>
<<.operator-examples "reverse">>
<<.using-days-of-week>>
<<.operator-example 1 "[list[Days of the Week]reverse[]]">>
Even though TiddlyWiki is now out of beta, there are still many improvements planned for the coming months:
* Fixing hangovers from TiddlyWikiClassic
* ~TiddlyWiki file format (to avoid illegal attribute names)
* Aliases (alternative titles for tiddlers)
* Search and replace
* Tiddler renaming
* Rich link tooltips, incorporating a preview
* More keyboard shortcuts
* Keyboard snippet expansion in the text editor
* List editor with drag and drop
* Selective/weighted searching by title, body and fields
* Maths notation
Also see the issues list on GitHub: https://github.com/Jermolene/TiddlyWiki5
! Introduction
Safe mode provides a way to disabling most customisations in TiddlyWiki. This is useful because if TiddlyWiki is customised incorrectly it can be rendered inoperable. A particular issue is that some customisations break when upgrading to a newer core version of TiddlyWiki (especially during the beta).
! Enabling Safe Mode
Safe mode is enabled in the browser by starting TiddlyWiki with the URL hash set to the string `#:safe`. For example:
http://tiddlywiki.com/#:safe
! How Safe Mode Works
Safe mode triggers two changes:
* All plugins are temporarily disabled. You can use the control panel to disable individual plugins
* Any tiddlers that override shadow tiddlers are renamed to give them the prefix `SAFE: `, thus restoring the underlying shadow tiddler
A report tiddler is displayed that allows you to inspect the tiddlers that were renamed.
If <<.place D>> is not a valid date, the output is empty.
<<.place D>> may include a time of day, but this is ignored.
<<.operator-examples "sameday">>
<<.operator-example 1 "[sameday[20140410]]" "tiddlers modified on 10 April 2014">>
<<.operator-example 2 "[sameday:created[20140410]]" "tiddlers created on 10 April 2014">>
This is a demonstration alert.
Note that the trashcan icon deletes the tiddler containing this alert. You can also remove it by opening the tiddler SampleAlert and editing it to remove the tag [[$:/tags/Alert]].
! Hello, <<yourName>>
This is an example modal containing the following message:
<<yourMessage>>
{{$:/core/images/done-button}} This is a notification!
This is the fourth of our sample tabs.
This is the first of our sample tabs.
This is the third of our sample tabs.
This is the second of our sample tabs.
This is test tiddler SampleTiddlerFirst.
This is test tiddler SampleTiddlerSecond.
This is test tiddler SampleTiddlerThird.
This is a modal wizard dialogue, stored in the tiddler SampleWizard.
{{Motovun Jack.jpg}}
You can <$button message="tm-modal" param="SampleWizard2">nest wizards</$button>.
This is another modal wizard dialogue, stored in the tiddler SampleWizard2.
You can <$button message="tm-modal" param="SampleWizard">nest wizards</$button>.
<<.this-is-operator-example>>
{{$:/language/Help/savetiddler}}
{{$:/language/Help/savetiddlers}}
Available methods for saving changes with TiddlyWiki:
<<list-links "[tag[Saving]]">>
The built-in TiddlySpot saver can also be used to save changes to a simple PHP script that you can run on most hosting providers.
//These are preliminary instructions that need verification//
# Download a copy of ''store.php'' from:
#* https://code.google.com/p/bidix/source/browse/trunk/TiddlyHome/_th/lib/store.php
# Edit your copy of ''store.php'' to add your username(s) and password(s). Find the line `$USERS = array( 'UserName1'=>'Password1', etc)` and replace Username1 and Password1 with your desired username and password
#* Make sure you leave all the punctuation and code, such as the single quotes, intact
# Save the file
# Using FTP or your web interface, upload ''store.php'' to your server. Make sure that the filename is correct
#* If you've uploaded the file correctly you should be able to view it in your browser (eg, http://example.com/store.php)
# In TiddlyWiki, go to the ''Saving'' tab of the control panel and enter the following information:
#* Your username as the wiki name
#* Your password
#* The URL of the ''store.php'' file (//''not'' the URL of the wiki, this must the full URL to the ''store.php'' file//)
The control panel ''Saving'' tab includes the following configuration options:
|!Name |!Description |
|Server URL |The full URL to the ''store.php'' file on your server |
|Upload filename |The filename used to save the TiddlyWiki (defaults to ''index.html'') |
|Upload directory |The relative path from ''store.php'' to the directory used for saving the file |
|Backup directory |The relative path from ''store.php'' to the directory used for backups |
The AndTidWiki app for Android devices makes it possible to edit and save changes to TiddlyWiki5, including working offline without a network connection. [[Download it here|https://play.google.com/store/apps/details?id=de.mgsimon.android.andtidwiki]].
//Note that AndTidWiki is published independently of TiddlyWiki//
By default, TiddlyWiki saves changes on InternetExplorer 10 and above using a saver module that downloads the newly modified file, rather than saving it directly. There are two alternatives that both save changes directly to the file:
* [[Use the TiddlyIE browser extension|Saving with TiddlyIE]]
* Use the [[Windows HTA Hack]] by renaming the TiddlyWiki HTML file to have the extension `*.hta`.
The iPad/iPhone app ''TWEdit'' makes it possible to edit and save changes to TiddlyWiki5, including working offline without a network connection. [[Download it here|https://itunes.apple.com/gb/app/twedit/id409607956?mt=8]].
Instructions for use:
# Open TWEdit
# Touch the title in the centre of the toolbar in order
#* A text box should appear allowing you to enter a URL
# Enter the URL `http://tiddlywiki.com/empty.html`
# When the empty TiddlyWiki5 has loaded, touch the ''save'' icon (it's the second icon from the right on the top toolbar)
#* An alert box should appear allowing you to enter a local filename
# Enter the filename you wish to use for the document (ending with `.html`)
# Edit your TiddlyWiki as normal
# To save changes, click the ''save'' button in the sidebar
#* A confirmation message should appear at the upper right
//Note that TWEdit is published independently of TiddlyWiki//
This method of saving changes is clunky because it requires manual intervention for each save.
# [[Download]] an empty TiddlyWiki by clicking this button:
#> {{$:/editions/tw5.com/snippets/download-empty-button}}
#> If the button doesn't work save this link: http://tiddlywiki.com/empty.html
#> Your browser may ask you to accept the download before it begins
# Locate the file you just downloaded
#* You may rename it, but be sure to keep the `.html` or `.htm` extension
# Open the file in Safari
# Try creating a new tiddler using the ''new tiddler'' {{$:/core/images/new-button}} button in the sidebar. Type some content for the tiddler, and click the {{$:/core/images/done-button}} ''done'' button
# Save your changes by clicking the {{$:/core/images/save-button}} ''save changes'' button in the sidebar
# A popup "Download changes" window is displayed that includes a link labelled //Right-click to save changes//
# Right-click on the link and select "Download Linked File As..." from the popup menu
# Navigate to the folder containing your wiki HTML file and select the existing file
# Click the "Save" button
# Click "Replace" to confirm replacing the existing file
# Verify that your changes have been saved correctly
TiddlySpot is a free hosting service for TiddlyWiki documents from Simon and Daniel Baird. The easiest way to get started is to sign up for a new wiki at http://tiddlyspot.com - by default you'll get the latest release of TiddlyWiki Classic.
You can upload an existing TiddlyWiki5 document from your local disc to TiddlySpot by following these steps:
# Sign up for a new wiki at http://tiddlyspot.com/, and remember the wiki name and password
# Open your locally stored TiddlyWiki document in your browser
# Fill in the TiddlySpot wikiname and password in the control panel
# Click the "Save Changes" button. You should get a confirmation notification at the top right saying ''Saved wiki''. Saving can take several seconds if you're on a slow connection or working with a large wiki.
# Navigate to your TiddlySpot URL at http://{wikiname}.tiddlyspot.com/
Note that your password is sent unencrypted when using TiddlySpot. From http://faq.tiddlyspot.com/:
<<<
''Is Tiddlyspot secure?''
No. Tiddlyspot does not use SSL/https. Your password is sent in clear text when uploading and when authenticating to access a private site. This means that your Tiddlyspot is vulnerable to packet sniffing and your password could be discovered by a malicious third party. Also your data is transmitted unencrypted when you view your site, even if it is a private site. For this reason please don't put sensitive information such as banking details in your Tiddlyspot and don't use a password that you use for other high security sites.
<<<
! Problems with saving on TiddlySpot
In case you run into this error when uploading a new or freshly upgraded local TiddlyWiki to TiddlySpot :
<<<
Error while saving:
Error:NS_ERROR_DOM_BAD_URI: Access to restricted URI denied
<<<
The upgrade operation falls foul of a security restriction in Firefox. Until this can be resolved, we suggest using Chrome.
*# Use Chrome to open the local TiddlyWiki document you want to upload to TiddlySpot and follow the steps 1 through 5 described above
*# Once you've checked the TiddlySpot-hosted TiddlyWiki loads properly in Chrome, you should be able to access, edit and [[save using TiddlyFox|Saving with TiddlyFox]] again
* After you've uploaded your local document once, further editing and saving of the online version hosted on TiddlySpot should work with any modern browser of your choice.
** Don't forget to fill in the TiddlySpot wikiname and password in your TiddlySpot TiddlyWiki control panel for any new browser you want to use for saving changes
* //See also : [[Upgrading]]//
This method of saving changes is clunky because it requires manual intervention for each save. It has the advantage of working on almost all desktop browsers, and many mobile browsers.
# [[Download]] an empty TiddlyWiki by clicking this button:
#> {{$:/editions/tw5.com/snippets/download-empty-button}}
#> If the button doesn't work save this link: http://tiddlywiki.com/empty.html
#> Your browser may ask you to accept the download before it begins
# Locate the file you just downloaded
#* You may rename it, but be sure to keep the `.html` or `.htm` extension
# Open the file in your browser
# Try creating a new tiddler using the ''new tiddler'' {{$:/core/images/new-button}} button in the sidebar. Type some content for the tiddler, and click the {{$:/core/images/done-button}} ''done'' button
# Save your changes by clicking the {{$:/core/images/save-button}} ''save changes'' button in the sidebar
# Your browser will download a new copy of the wiki incorporating your changes
# Locate the newly downloaded file and open it in your browser
# Verify that your changes have been saved correctly
''Tip'': most browsers have an option to prompt each time for the download location. This allows you to select the existing version of the file and replace it.
If you're using [[Firefox for Android]], see the instructions for [[Saving with TiddlyFox on Android]].
# Ensure you have the latest version of [[Firefox]]
#* http://getfirefox.com
# Install the latest release of the TiddlyFox extension from:
#* https://addons.mozilla.org/en-US/firefox/addon/tiddlyfox/
# Restart [[Firefox]]
# [[Download]] an empty TiddlyWiki by clicking this button:
#> {{$:/editions/tw5.com/snippets/download-empty-button}}
# Locate the file you just downloaded
#* You may rename it, but be sure to keep the `.html` or `.htm` extension
# Open the file in [[Firefox]]
# Click ''OK'' in response to the prompt from TiddlyFox that asks whether to enable saving for this file
# Try creating a new tiddler using the ''plus'' {{$:/core/images/new-button}} button in the sidebar. Type some content for the tiddler, and click the {{$:/core/images/done-button}} ''tick'' button
# Save your changes by clicking the {{$:/core/images/save-button}} ''Save changes'' button in the sidebar
#* Look for the yellow notification ''Saved wiki'' at the top right of the window
# Refresh the browser window to verify that your changes have been saved correctly
(Alternatively, see the [[video tutorial|TiddlyWiki on Firefox for Android Video]])
# Ensure you have the latest version of [[Firefox for Android]]
#* http://getfirefox.com
# Install the latest release of the TiddlyFox extension from:
#* https://addons.mozilla.org/en-US/firefox/addon/tiddlyfox/
# Install this extension to be able to save the TiddlyWiki file locally:
#* https://addons.mozilla.org/en-US/android/addon/save-link-menus/
# [[Download]] an empty TiddlyWiki by saving this link:
#* http://tiddlywiki.com/empty.html
#> (to save the link, ensure you've installed the "save-link-menus" extension and then long-press on the link and choose "Save link")
# When the file has downloaded, click on it within the notification tray or the download manager application
# Choose to open the file in Firefox (rather than the default Android viewer)
# Click ''OK'' in response to the prompt from TiddlyFox that asks whether to enable saving for this file
# Try creating a new tiddler using the ''plus'' {{$:/core/images/new-button}} button in the sidebar. Type some content for the tiddler, and click the {{$:/core/images/done-button}} ''tick'' button
# Save your changes by clicking the {{$:/core/images/save-button}} ''Save changes'' button in the sidebar
#* Look for the yellow notification ''Saved wiki'' at the top right of the window
# Refresh the browser window to verify that your changes have been saved correctly
# Install the TiddlyIE add-on from:
#* https://github.com/davidjade/TiddlyIE/releases
# Restart Internet Explorer. IE will prompt you to enable the TiddlyIE add-on.
#> You may also see a prompt to enable the //Microsoft Script Runtime//
# [[Download]] an empty TiddlyWiki by saving this link:
#> http://tiddlywiki.com/empty.html
# Locate the file you just downloaded
#* You may rename it, but be sure to keep the `.html` extension
# Open the file in Internet Explorer
# Try creating a new tiddler using the ''plus'' {{$:/core/images/new-button}} button in the sidebar. Type some content for the tiddler, and click the {{$:/core/images/done-button}} ''tick'' button
# Save your changes by clicking the {{$:/core/images/save-button}} ''Save changes'' button in the sidebar. Internet Explorer will ask for your consent to save the file locally by presenting a file ''Save As'' dialog.
# Refresh the browser window to verify that your changes have been saved correctly
The SavingMechanism is the mechanism by which TiddlyWiki generates a new HTML file and stores it. It is different from the SyncMechanism, which is concerned with synchronising changes to individual tiddlers back to a server.
The following steps are involved:
# The saver mechanism uses the filter defined in $:/config/SaverFilter to specify which modified tiddlers trigger the dirty state for the wiki
# The ButtonWidget is used to generate a [[tm-save-wiki|WidgetMessage: tm-save-wiki]] message to trigger the save operation
# The optional parameter for the message specifies the template that will be used for generating the HTML file, defaulting to $:/core/save/all
#* The plugin $:/plugins/tiddlywiki/tiddlyweb in the client-server configuration replaces the default template with $:/plugins/tiddlywiki/tiddlyweb/save/offline
# The template includes a variable assignment that specifies a filter to select the tiddlers that should be included in the saved file. It then transcludes the main page template `$:/core/templates/tiddlywiki5.html`
#* The template includes a reference to `$(publishFilter)$` that allows the filter to be customised via a global variable
# The [[tm-save-wiki|WidgetMessage: tm-save-wiki]] handler renders the template to generate the HTML file
# The message handler chooses the highest priority "saver" module that can handle saving the file
#* See http://tiddlywiki.com/dev/#Saver for more details
You might expect that TiddlyWiki's architecture as a SinglePageApplication would make it unsuitable for large amounts of data. In fact, TiddlyWiki users regularly work with files that are 20 or 30 megabytes without problems - and successful experiments have been done up into the gigabytes.
! Script Files
The TiddlyWiki5 repository contains several scripts in the `bin` folder that you can use to automate common tasks, or as a useful starting point for your own scripts. See [[Scripts for building tiddlywiki.com]] for details of the scripts used to build and release http://tiddlywiki.com/.
All the scripts expect to be run from the root folder of the repository.
!! `serve`: serves tw5.com
```
./bin/serve.sh -h
./bin/serve.sh [edition dir] [username] [password] [host] [port]
```
Or:
```
./bin/serve.cmd -h
./bin/serve.cmd [edition dir] [username] [password] [host] [port]
```
This script starts TiddlyWiki5 running as an HTTP server, defaulting to the content from the `tw5.com-server` edition. By default, the Node.js serves on port 8080. If the optional `username` parameter is provided, it is used for signing edits. If the `password` is provided then HTTP basic authentication is used. Run the script with the `-h` parameter to see online help.
To experiment with this configuration, run the script and then visit `http://127.0.0.1:8080` in a browser.
Changes made in the browser propagate to the server over HTTP (use the browser developer console to see these requests). The server then syncs changes to the file system (and logs each change to the screen).
!! `test`: build and run tests
This script runs the `test` edition of TiddlyWiki on the server to perform the server-side tests and to build `test.html` for running the tests in the browser.
!! `lazy`: serves tw5.com with lazily loaded images
```
./bin/lazy.sh <username> [<password>]
```
Or:
```
./bin/lazy.cmd <username> [<password>]
```
This script serves the `tw5.com-server` edition content with LazyLoading applied to images.
!! `2bld`: builds TiddlyWiki 2.6.5
This script builds TiddlyWiki 2.6.5 from the original source and then displays the differences between them (`diff` is used for *nix, `fc` for Windows).
! Introduction
The scrollable widget wraps its content in a scrollable frame. The user can scroll the contents with the mouse or with touch gestures. Code can use the [[WidgetMessage: tm-scroll]] to programmatically scroll specific DOM nodes into view.
! Content and Attributes
The content of the `<$scrollable>` widget is displayed within a pair of wrapper DIVs. If the inner DIV is larger then it scrolls within the outer one. CSS is used to specify the size of the outer wrapper.
|!Attribute |!Description |
|class |The CSS class(es) to be applied to the outer DIV |
|fallthrough |See below |
If a scrollable widget can't handle the `tm-scroll` message because the inner DIV fits within the outer DIV, then by default the message falls through to the parent widget. Setting the ''fallthrough'' attribute to `no` prevents this behaviour.
! Examples
This example requires the following CSS definitions from [[$:/_tw5.com-styles]]:
```
.tc-scrollable-demo {
border: 1px solid <<colour message-border>>;
background-color: <<colour message-background>>;
padding: 1em;
height: 400px;
position: relative;
}
```
This wiki text shows how to display a list within the scrollable widget:
<<wikitext-example-without-html "<$scrollable class='tc-scrollable-demo'>
<$list filter='[!is[system]]'>
<$view field='title'/>: <$list filter='[all[current]links[]sort[title]]' storyview='pop'>
<$link><$view field='title'/></$link>
</$list>
</$list>
</$scrollable>
">>
When used with a suffix, the <<.op search>> operator is similar to <<.olink regexp>> but less powerful.
If the suffix is omitted, a tiddler is deemed to match if all the search terms appear in the combination of its <<.field tags>>, <<.field text>> and <<.field title>> fields.
The search ignores the difference between capital and lowercase letters.
<<.operator-examples "search">>
<$macrocall $name=".operator-example" n="1" eg="[!is[system]search[table]]" ie="non-system tiddlers containing the word <<.word table>>"/>
<$macrocall $name=".operator-example" n="2" eg="[all[shadows]search[table]]" ie="shadow tiddlers containing the word <<.word table>>"/>
<$macrocall $name=".operator-example" n="3" eg="[search:caption[arch]]" ie="tiddlers containing `arch` in their <<.field caption>> field"/>
Searching is fast and flexible in ~TiddlyWiki.
''Standard search''
Typing text into the search box in the sidebar will turn up a list of all the tiddlers that contain that text.
://(Note that the sidebar tabs will be hidden by the search results until you click the 'x' to the right of the search box to remove the search results)//
''Advanced searching''
Clicking on the magnifying glass icon to the right of the search box will open [[$:/AdvancedSearch]]. This tiddler contains four tabs:
* The ''standard'' tab contains another instance of the search box found in the sidebar
* The ''system'' tab allows you to limit your search to system tiddlers
* The ''shadows'' tab allows you to limit your search to shadow tiddlers
* The ''filter'' tab is not a search box, per se, but a way to obtain a list of all tiddlers that meet the specific criteria described by that [[filter|Filters]], for example, "All tags except system tags"
A simple technique for adding tag-based cross references to the default view template.
{{!!url}}
<<<
See also: - is a feature to generate a "See also:" section after the tiddler text, somewhat like in Wikipedia articles.
<<<
The output of a [[filter|Filters]] step depends on its [[operator|Filter Operators]]:
* Most operators derive their output from their input. For example, many of them output a subset of their input, and thus truly live up to the name of <<.word filters>>, narrowing down the overall output of the containing [[run|Filter Run]]. These operators are called <<.def "selection modifiers">>.
* A few operators ignore their input and generate an independent output instead. These are called <<.def "selection constructors">>: they construct an entirely new [[selection|Title Selection]].
A good example of a constructor is <<.olink title>>. The output of `[title[A]title[B]]` is just <<.tid B>>. But the <<.olink field>> operator is a modifier, so `[title[A]field:title[B]` outputs nothing at all.
! Introduction
The select widget displays a popup menu based on a [[HTML select element|https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select]]. The popup (or dropdown) contains a list of items defined by `<option>` and `<optgroup>` elements.
Every time the user selects a new value in the menu, the selected value is written to the text of a specified tiddler field or index. If the tiddler value changes the menu is automatically updated to reflect the new value.
For example, this select widget displays a list of the tags in this wiki:
<$macrocall $name="wikitext-example-without-html" src="<$select tiddler=<<qualify 'select-demo'>> default='HelloThere'>
<$list filter='[all[shadows+tiddlers]tags[]sort[title]]'>
<option value=<<currentTiddler>>><$view field='title'/></option>
</$list>
</$select>"/>
The <$link to=<<qualify "select-demo">>>state tiddler</$link> currently contains:
<$edit-text tiddler=<<qualify "select-demo">> tag="input" default=""/>
See the text change as you switch entries in the select widget. Try changing the value of the state tiddler and see the select widget change. Notice how the select widget only displays an entry if there is a precise match with the tiddler text.
! Content and Attributes
The content of the `<$select>` widget should be one or more HTML `<option>` or `<optiongroup>` elements that provide the available values.
|!Attribute |!Description |
|tiddler |The title of the tiddler containing the value to be displayed/modified by the select widget (defaults to the current tiddler) |
|field |The field name for the value in the current tiddler (defaults to "text") |
|index |The index of a property in a [[DataTiddler|DataTiddlers]] (takes precedence over the field attribute) |
|class |CSS classes to be assigned to the HTML select element |
|default |Default value to be used if the tiddler, field or index specifies a missing value |
! Examples
!! Simple Lists
This example sets the title of the current wiki [[$:/SiteTitle]] to one of a list of book titles:
<$macrocall $name="wikitext-example-without-html" src="<$select tiddler='$:/SiteTitle'>
<option>A Tale of Two Cities</option>
<option>A New Kind of Science</option>
<option>The Dice Man</option>
</$select>"/>
!! Value lists
In this example the `value` attribute has been used to specify the text that should be used as the value of the entry instead of the display text.
<$macrocall $name="wikitext-example-without-html" src="<$select tiddler='$:/SiteTitle'>
<option value='cities'>A Tale of Two Cities</option>
<option value='science'>A New Kind of Science</option>
<option value='dice'>The Dice Man</option>
</$select>"/>
!! Option Groups
Entries in the list can be grouped together with the `<optgroup>` element
<$macrocall $name="wikitext-example-without-html" src="<$select tiddler='$:/SiteTitle'>
<optgroup label='Fiction'>
<option value='cities'>A Tale of Two Cities</option>
<option value='dice'>The Dice Man</option>
</optgroup>
<optgroup label='Non-fiction'>
<option value='science'>A New Kind of Science</option>
<option value='recursive'>The Recursive Universe</option>
</optgroup>
</$select>"/>
!! Generated Lists
The ListWidget can be used to generate the options for a select widget. For example, here we combine a select widget listing all the tiddlers tagged ''TableOfContents'' with a transclusion to display the text of the selected one.
<$macrocall $name="wikitext-example-without-html" src="<$select tiddler='$:/generated-list-demo-state'>
<$list filter='[tag[TableOfContents]]'>
<option><$view field='title'/></option>
</$list>
</$select>
<$tiddler tiddler={{$:/generated-list-demo-state}}>
<$transclude mode='block'/>
</$tiddler>"/>
!! Nested Lists
This example uses a nested pair of list widgets. The outer one generates the `<optgroup>` elements, and the inner one generates `<option>` elements:
<$macrocall $name="wikitext-example-without-html" src="<$select tiddler='$:/generated-list-demo-nestedstate' field='type' default='text/vnd.tiddlywiki'>
<$list filter='[all[shadows+tiddlers]prefix[$:/language/Docs/Types/]each[group]sort[group]]'>
<optgroup label={{!!group}}>
<$list filter='[all[shadows+tiddlers]prefix[$:/language/Docs/Types/]group{!!group}] +[sort[description]]'>
<option value={{!!name}}><$view field='description'><$view field='title'/></$view> (<$view field='name'/>)</option>
</$list>
</optgroup>
</$list>
</$select>"/>
{{$:/language/Help/server}}
{{$:/language/Help/setfield}}
"favicons" are small icons that most browsers display to help users identify websites.
! favicons in the Browser
When TiddlyWiki starts up in the browser it looks for a tiddler called [[$:/favicon.ico]] and dynamically uses it as the favicon for the page. If you modify the image then the favicon changes instantly to reflect it.
! favicons on the Server
On the server, the ServerCommand will serve the tiddler [[$:/favicon.ico]] at the path `/favicon.ico`.
# Import your image as a tiddler (see [[Images in WikiText]])
#* You can also use an [[external image|ExternalImages]]
# Open the $:/ControlPanel and switch to the ''Appearance''/''Theme Tweaks'' tab
# Select your image from the dropdown labelled "Page background image"
# Set "Page background image attachment" to "Fixed to window" to have the background stay stationary and the content to scroll over the top of it, or "Scroll with tiddlers" to have it move (note that the iPhone/iPad [[doesn't support the fixed setting|http://stackoverflow.com/a/20444219]] for performance reasons)
# Set "Page background image size" as follows:
#* ''Auto'' causes the background image to be tiled over the page background
#* ''Cover'' causes the background image to be sized so that it completely covers the page. Some of the image may be clipped
#* ''Contain'' causes the background image to be sized so that it fits within the page
Note that the palette ''DarkPhotos'' is provided to make the sidebar more readable on dark background images.
The `<$setvariable>` widget is a synonym for `<$set/>`; see SetWidget for more details.
! Introduction
The set variable widget assigns a value to a specified [[variable|Variables]]. The new value of the variable is available to the content within the set variable widget.
! Content and Attributes
The content of the `<$set>` widget is the scope for the value assigned to the variable.
|!Attribute |!Description |
|name |The name of the variable to assign (defaults to "currentTiddler") |
|value |The value to assign to the variable if the filter is missing or not empty |
|filter |An optional filter to be evaluated and assigned to the variable (see below) |
|emptyValue |The value to assign to the variable if the filter is present and evaluates to an empty list (see below) |
!! Simple Variable Assignment
The simplest way of using set variable widget assigns a string to a variable. The following example assigns a literal string
```
<$set name="myVariable" value="Some text">
<$text text=<<myVariable>>/>
</$set>
```
Both the name and value attributes can be transcluded. For example:
```
<$set name=<<anotherVariable>> value={{template!!text}}>
<$text text=<<myVariable>>/>
</$set>
```
!! Conditional Variable Assignment
This form of the set variable widget chooses one of two specified values according to whether a filter evaluates to an empty list. Here's an example that sets a variable according to whether the current tiddler is called "myMagicTitle":
```
<$set name="myVariable" filter="[all[current]field:title[myMagicTitle]]" value="It's magic" emptyValue="It's not magic">
<$text text=<<myVariable>>/>
</$set>
```
!! Filtered List Variable Assignment
This form of the set variable widget evaluates the filter and assigns the result to the variable as a space-separated list (using double square brackets for titles containing spaces).
```
<$set name="myVariable" filter="[tag[HelloThere]]">
<$text text=<<myVariable>>/>
</$set>
```
Each input title is processed in turn. If it denotes a shadow tiddler, the title of its plugin tiddler is [[dominantly appended|Dominant Append]] to the output. Non-shadow tiddlers contribute nothing to the output.
<<.operator-examples "shadowsource">>
<<.operator-example 1 "[[$:/core/copyright.txt]shadowsource[]]">>
<<.operator-example 2 "$:/core/copyright.txt $:/plugins/tiddlywiki/railroad/parser.js +[shadowsource[]]">>
ShadowTiddlers are tiddlers that are loaded from within [[Plugins]]. Unlike ordinary tiddlers, they don't appear in most lists.
ShadowTiddlers can be overridden with an ordinary tiddler of the same name. If that tiddler is subsequently deleted then the original shadow tiddler is automatically restored.
The current shadow tiddlers are:
<$list filter="[all[shadows]sort[title]]"/>
You can work on a TiddlyWiki file in Dropbox and publish a URL that anyone can use to see a read-only view of the file.
# Save your TiddlyWiki file within your Dropbox folder
# Select Dropbox's "Share Link" option to obtain a public URL for the file
#* In the Dropbox web interface, this is done by clicking the link icon that appears when you hover over a file. Dropbox also adds a "Share Link" item to the file context menu in Finder on OS X and Explorer on Windows
# The URL generated by Dropbox will have this form:
#> `https://www.dropbox.com/s/<gobbledegook>/mywiki.html`
# Modify the URL like this, carefully preserving the gobbledegook:
#> `https://dl.dropboxusercontent.com/s/<gobbledegook>/mywiki.html`
The result is a "secret" URL that you can send to other people to enable them to see the wiki.
----
Enter a generated URL here and you can copy and paste the secret URL:
<$edit-text tiddler="$:/temp/dropboxurl" default="https://www.dropbox.com/s/<gobbledegook>/mywiki.html" tag="input" type="text" size="60"/>
<$macrocall $name="dropbox-url" url={{$:/temp/dropboxurl}}/>
There are a number of ways that people can share tiddlers back and forth:
*You can attach a ~TiddlyWiki to an e-mail
*You can publish your ~TiddlyWiki online, and grab a link to send or message to others:
**A link to the URL of the file itself
**A permalink to a specific tiddler (see [[PermaLinks]])
**A permaview link of all the currently open tiddlers (see [[PermaView]])
*You can grab tiddlers from ~TiddlyWikis that others have published online by clicking on a link to the tiddler within their file, and then dragging and dropping the link into your own file. An import tiddler will appear, and you can click to import the tiddler or tiddlers to your file.
* You can [[share a Dropbox link to your TiddlyWiki|Sharing a TiddlyWiki on Dropbox]]
Create a GitHub pull request to add your name to `cla-individual.md` or `cla-entity.md`, with the date in the format (YYYY/MM/DD).
''step by step''
# Navigate to [[licenses/CLA-individual|https://github.com/Jermolene/TiddlyWiki5/tree/master/licenses/cla-individual.md]] or [[licenses/CLA-entity|https://github.com/Jermolene/TiddlyWiki5/tree/master/licenses/cla-entity.md]] according to whether you are signing as an individual or representative of an organisation
# Click the edit button at the top-right corner (clicking this button will fork the project so you can edit the file)
# Add your name at the bottom
#* eg: `Jeremy Ruston, @Jermolene, 2011/11/22`
# Below the edit box for the CLA text you should see a box labelled ''Propose file change''
# Enter a brief title to explain the change (eg, "Signing the CLA")
# Click the green button labelled ''Propose file change''
# On the following screen, click the green button labelled ''Create pull request''
A simple game built with TiddlyWiki, introduced in [[this post|https://groups.google.com/d/topic/tiddlywiki/4aRpZht1vOs/discussion]].
{{!!url}}
<<<
I decided to see if it was possible to make some sort of game using only the core tiddlywiki with no plugins or javascript. I made a very bare bones zork/interactive fiction type game. It is currently the simplest thing I could make and claim it was a game, but I may add on to it in the future. It uses the 5.1.5 prerelease because the action-setfield widget saved lots of work making macros.
One goal of this is to use nothing besides what is contained in the core tiddlywiki, so there is no javascript and no plugins.
<<<
A single file application is a web application where all of the assets are delivered in a single static file. This means that it can be downloaded and used offline without losing functionality. It can also be hosted on almost any type of web server.
TiddlyWiki is an unusual single file application because it stores its data within the same file, and is capable of saving changes to itself.
Every single file application must also by definition be a SinglePageApplication, but the converse is not true.
As defined by Wikipedia, a SinglePageApplication is a web application that presents itself as a single HTML document that dynamically loads additional content as the user browses the site. Frequently, single page applications are carefully designed to hide their nature, appearing and functioning as an ordinary static website by respecting the address bar and the back/forward navigation controls.
Unusually, TiddlyWiki is also a SingleFileApplication.
* Take notes, and use tags and hyperlinking to form relationships between your notes
* Use tabs, tables, tag-based lists, and tables of contents to get organised
* Bookmark your favorite websites (see an example at http://giffmex.org/experiments/tidmarks.html)
* Keep track of tasks and appointments, and organise them by multiple tags (see our TaskManagementExample)
* Inventory just about anything: your recipes, personal library, contacts, music collection, and more
* Create a blog or website
* Write a book
* Organise your images into galleries (see our [[ImageGallery Example]])
* Share the information in your ~TiddlyWiki with others, as an online file, as a file attachment, as a tiddler file, or as a link to a specific online tiddler (try clicking and dragging a tiddler from one ~TiddlyWiki file to another to see what happens)
* Draw a sketch (Edit [[Motovun Jack.jpg]] and start drawing over the image to see what happens)
* Use familiar web user interface elements such as lightboxes - see SampleWizard
* Create a slideshow presentation
* Set up an entire local or online knowledgebase, with a central ~TiddlyWiki file linking to other ~TiddlyWiki files (http://recursos.giffmex.org is a Spanish online example of this)
* Set up a data visualisation using tiddlers as data (see the visualisations at http://tiddlywiki.com/plugins/tiddlywiki/d3/index.html)
The difference between capital and lowercase letters is ignored. Compare <<.olink sortcs>>.
<<.operator-examples "sort">>
<<.using-days-of-week>>
<<.operator-example 1 "[list[Days of the Week]sort[]]">>
<<.operator-example 2 "[list[Days of the Week]!sort[]]">>
<<.operator-example 3 "one two Three four +[sort[]]">>
<<.operator-example 4 "[prefix[Tiddl]sort[text]]">>
<<.operator-example 5 "[has[created]sort[created]limit[10]]" "the oldest 10 tiddlers in the wiki">>
Capital and lowercase letters are treated as different. Compare <<.olink sort>>.
<<.operator-examples "sortcs">>
<<.using-days-of-week>>
<<.operator-example 1 "one two Three four +[sortcs[]]">>
<<.operator-example 2 "one two Three four +[!sortcs[]]">>
Because ~TiddlyWiki is of British origin, its English documentation uses [[British spelling in preference to US spelling|http://en.wikipedia.org/wiki/American_and_British_English_spelling_differences]].
Words like <<.word customise>> are spelled <<.word -ise>>, not <<.word -ize>>.
Standard technical acronyms are written in upper case, without dots: <<.word HTML>>, not <<.word html>> or <<.word H.T.M.L.>>
Avoid arbitrarily abbreviating words and sentences. But the following abbreviations are acceptable:
|!Abbreviation |!Meaning |!Notes |
|e.g. |for example |with a dot after each letter |
|i.e. |that is to say |with a dot after each letter |
|etc |and so on |without a dot |
Each input title is processed in turn.
* A title that contains <<.place S>> contributes everything up to and including <<.place S>>.
* A title that doesn't contain <<.place S>> simply contributes itself to the output.
Contributions are [[dominantly appended|Dominant Append]] to the output.
The [[table-of-contents macros|Table-of-Contents Macros]] use this operator with `/` as the parameter.
<<.operator-examples "splitbefore">>
<$macrocall $name=".operator-example" n="1" eg="2015-01-26 2014-07-19 2013 +[splitbefore[-]]"/>
<$macrocall $name=".operator-example" n="2" eg="[[green trees]splitbefore[ee]]"/>
The Stanford Javascript Crypto Library is a project by the Stanford Computer Security Lab to build a secure, powerful, fast, small, easy-to-use, cross-browser library for cryptography in Javascript.
{{!!url}}
The startup mechanism runs the installed startup modules at the end of the [[boot process|BootMechanism]].
! Startup Modules
Modules with their ''module-type'' field set to `startup`:
* Must export a `startup` function
** For synchronous startup modules the startup function is called as `startup()`, asynchronous modules are passed a callback they must invoke on completion: `startup(callback)`
* May export a `name` property that is used to identify the task
* May export a `after` property containing an array of names of dependent tasks that must be run before this one
* May export a `before` property containing an array of names of tasks that must be run after this one
* May export a `platforms` property containing an array of names of platforms that are required in order for the startup module to be executed. The defined platforms are ''node'' and ''browser''. If the `platforms` property is not provided it defaults to `["node","browser"]`
! Startup Processing
Startup modules are executed in sequence according to their declared dependencies.
There is no guarantee of the execution order of tasks that share the same dependencies.
! Startup Modules
The core defines the following startup modules:
{{Startup Modules.svg}}
The StateMechanism in TiddlyWiki is at the heart of how complex user interfaces can be built from WikiText.
In the browser, the TiddlyWiki display is produced by dynamically rendering the tiddler [[$:/core/ui/PageTemplate]]. Through various transclusions and other widgets it renders the entire user interface. The dynamic rendering is accomplished by a mechanism called "binding": any changes to the tiddlers in the store are dynamically reflected in the browser display.
The stack of templates that make up the TiddlyWiki display are complex but we'll focus on the line that displays the main story column:
```
<$list filter="[list[$:/StoryList]]" history="$:/HistoryList" template="$:/core/ui/ViewTemplate" editTemplate="$:/core/ui/EditTemplate" storyview={{$:/view}} />
```
Breaking down the attributes applied to the list widget:
* ''filter'': selects the list of tiddlers in the `list` field of the tiddler [[$:/StoryList]]. If a tiddler is added or removed from that list then it is automatically reflected in the displayed list
* ''history'': references the tiddler to be used to store the history stack (see the NavigationMechanism)
* ''template'': identifies a template tiddler to be used for rendering each tiddler in the list
* ''editTemplate'': identifies a different template tiddler to be used for rendering tiddlers that are in [[draft mode|DraftMechanism]]
* ''storyview'': specifies the story view to be used (eg classic, or zoomin)
The [[$:/StoryList]] tiddler is an example of a StateTiddler: a tiddler that is used to hold the state of the user interface. Changes to the user interface are made indirectly, by changing the underlying state tiddlers, and letting TiddlyWiki ripple the changes through the user interface.
Note how this approach makes the ''open'' tab in the sidebar very easy to implement: it is just another list widget referencing the same state tiddler, but with a different template:
```
<$list filter="[list[$:/StoryList]]" history="$:/HistoryList" storyview="pop">
<$button message="tm-close-tiddler" class="tc-btn-invisible tc-btn-mini">×</$button> <$link to={{!!title}}><$view field="title"/></$link>
</$list>
```
Now consider the implementation of the info panel within the tiddler template. We want to be able to toggle the info panel open and closed, which means that we must track its current state in a tiddler.
However, we can't track the state in a tiddler called, say, [[$:/InfoPanelState]] because every tiddler would share the same state; changing the value of the tiddler would affect all tiddlers displayed in the story.
The solution is to dynamically generate a unique title for each state tiddler that we need. We need to ensure that the same state tiddler title is generated each time a user interface element is rendered. To do that, we append together tokens representating each of the stack of transclusions that led to the current rendering location. Then that string of symbols is hashed to a simple numeric value.
The process of generating a state tiddler title is encapsulated in the <<.mlink qualify>> macro.
When a tiddler is viewed or edited, then within its branch of the [[widget tree|Widgets]], the <<.def storyTiddler>> [[variable|Variables]] contains the title of that tiddler.
The default [[view template|$:/core/ui/ViewTemplate]] and [[edit template|$:/core/ui/EditTemplate]] initialise <<.var storyTiddler>> to the value of the <<.vlink currentTiddler>> variable. This in turn will have been set by a <<.wlink ListWidget>> widget in [[the relevant part of the page template|$:/core/ui/PageTemplate/story]].
<<.var storyTiddler>> is undefined outside the story river, such as in the sidebar.
<<.variable-examples "storyTiddler">>
<$macrocall $name=".example" n="1"
eg="""<ol>
<$list filter="[prefix[J]]">
<li><<currentTiddler>>, <<storyTiddler>></li>
</$list>
</ol>"""/>
The names are those exported by [[modules|Modules]] whose <<.field module-type>> is <<.value storyview>>.
<<.operator-examples "storyviews">>
<<.operator-example 1 "[storyviews[]]">>
TiddlyWiki5 provides several features to help you structure information as [[tiddlers|Tiddlers]], and model the relationships between them:
* TiddlerLinks
* [[Tagging]]
* [[Title Lists|Title List]]
* DataTiddlers
You can use this construction to cause the wrapped content to be assigned specified CSS classes or styles:
<<wikitext-example src:"@@.myStyle
* List One
* List Two
@@
">>
Similar syntax is used to assign styles. For example:
<<wikitext-example src:"@@background-color:red;
* List One
* List Two
@@
">>
Multiple styles and classes can be mixed. For example:
<<wikitext-example src:"@@.tc-tiddler-frame
@@width:400px;
Some text
@@
">>
The following core [[macros|Macros]] make it easy to specify alternative browser-specific properties when constructing a [[stylesheet|Cascading Style Sheets]] tiddler:
;`<<box-shadow shadow>>`
: for the `x-box-shadow` properties
;`<<filter filter>>`
: for the `x-filter` properties
;`<<transition transition>>`
: for the `x-transition` properties
;`<<transform-origin origin>>`
: for the `x-transition-origin` properties
;`<<background-linear-gradient gradient>>`
: for the `x-linear-gradient` values of the `background-image` property
The following macros are documented separately:
* <<.mlink colour>>
* <<.mlink datauri>>
All these macros are defined in the [[$:/core/macros/CSS]] tiddler.
<<.s-matching-is-case-sensitive>>
<<.operator-examples "suffix">>
<<.operator-example 1 "[suffix[.jpg]]">>
<<.operator-example 2 "[tag[task]!suffix[ing]]">>
<<.this-is-operator-example>>
System tags are used to give special behaviour to tiddlers.
! Available system tags
These are the available system tags
* {{$:/tags/AboveStory||$:/core/ui/TagTemplate}} for elements to be placed at the top of the story river
* {{$:/tags/AdvancedSearch||$:/core/ui/TagTemplate}} for search elements
* {{$:/tags/Alert||$:/core/ui/TagTemplate}} for alerts
* {{$:/tags/BelowStory||$:/core/ui/TagTemplate}} for elements to be placed at the bottom of the story river
* {{$:/tags/ControlPanel||$:/core/ui/TagTemplate}} for control panel tabs
* {{$:/tags/ControlPanel/Advanced||$:/core/ui/TagTemplate}} for control panel advanced tabs
* {{$:/tags/ControlPanel/Appearance||$:/core/ui/TagTemplate}} for control panel appearance tabs
* {{$:/tags/ControlPanel/Info||$:/core/ui/TagTemplate}} for control panel info tabs
* {{$:/tags/ControlPanel/Settings||$:/core/ui/TagTemplate}} for control panel settings tabs
* {{$:/tags/ControlPanel/Toolbars||$:/core/ui/TagTemplate}} for control panel toolbar customisation tabs
* {{$:/tags/EditTemplate||$:/core/ui/TagTemplate}} for the edit template
* {{$:/tags/EditToolbar||$:/core/ui/TagTemplate}} for the edit mode tiddler toolbar
* {{$:/tags/Exporter||$:/core/ui/TagTemplate}} for the exporters
* {{$:/tags/Filter||$:/core/ui/TagTemplate}} for filters in advanced seach sample filter dropdown
* {{$:/tags/Image||$:/core/ui/TagTemplate}} for (core) images
* {{$:/tags/Macro||$:/core/ui/TagTemplate}} for global macros
* {{$:/tags/MoreSideBar||$:/core/ui/TagTemplate}} for tabs in the "more" sidebar
* {{$:/tags/PageControls||$:/core/ui/TagTemplate}} for the page control tools in the sidebar
* {{$:/tags/PageTemplate||$:/core/ui/TagTemplate}} for the main page elements
* {{$:/tags/Palette||$:/core/ui/TagTemplate}} for colour palettes
* {{$:/tags/PluginLibrary||$:/core/ui/TagTemplate}} for the plugin library
* {{$:/tags/RawMarkup||$:/core/ui/TagTemplate}} for raw markup to be included in the generated HTML file
* {{$:/tags/SearchResults||$:/core/ui/TagTemplate}} for customised search results
* {{$:/tags/SideBar||$:/core/ui/TagTemplate}} for sidebar tabs
* {{$:/tags/Stylesheet||$:/core/ui/TagTemplate}} to indicate that a tiddler should be applied as a CSS stylesheet
* {{$:/tags/TiddlerInfo||$:/core/ui/TagTemplate}} for tiddler info panel tabs
* {{$:/tags/TiddlerInfo/Advanced||$:/core/ui/TagTemplate}} for tabs under the advanced tiddler tab
* {{$:/tags/TopLeftBar||$:/core/ui/TagTemplate}} for the top left bar
* {{$:/tags/TopRightBar||$:/core/ui/TagTemplate}} for the top right bar
* {{$:/tags/ViewTemplate||$:/core/ui/TagTemplate}} for the view template
* {{$:/tags/ViewToolbar||$:/core/ui/TagTemplate}} for the view mode tiddler toolbar
! System tags in use
These are the system tags in use in this wiki:
<ul>
<$list filter="[all[shadows+tiddlers]tags[]prefix[$:/]sort[title]]">
<li>{{||$:/core/ui/TagTemplate}}</li>
</$list>
</ul>
System tiddlers are any tiddler whose title starts with `$:/`; such tiddlers are automatically hidden from most operations. They don't show up in lists or search results, but linking to one directly works in the usual way.
TiddlyWiki models everything as [[tiddlers|Tiddlers]], including its internal components and configuration. Thus, even an apparently empty TiddlyWiki actually contains dozens of tiddlers that are necessary to enable it function correctly. Using system tiddlers prevents them from confusing casual users.
The current system tiddlers are:
<$list filter="[is[system]sort[title]]"/>
~TiddlyWiki provides several macros for generating a tree of tiddler links by analysing [[tags|Tagging]]:
;<<.var toc>>
: A simple tree
;<<.var toc-expandable>>
: A tree in which all the branches can be expanded and collapsed
;<<.var toc-selective-expandable>>
: A tree in which the non-empty branches can be expanded and collapsed
;<<.var toc-tabbed-internal-nav>> and <<.var toc-tabbed-external-nav>>
: A two-panel browser:
:* on the left, a selectively expandable tree that behaves like a set of vertical tabs
:* on the right, the content of whichever tiddler the user selects in the tree
The difference between the last two has to do with what happens when the user clicks a link in the right-hand panel:
;<<.var toc-tabbed-internal-nav>>
: The target tiddler appears in the right-hand panel, replacing the tiddler that contained the link
;<<.var toc-tabbed-external-nav>>
: The target tiddler appears in the normal way (which depends on the user's configured storyview)
!! Structure
The top level of the tree consists of the tiddlers that carry a particular tag, known as the <<.def "root tag">>. Tiddlers tagged with any of those make up the next level down, and so on.
At each level, the tiddlers can be [[ordered|Order of Tagged Tiddlers]] by means of the <<.field list>> field of the parent tag tiddler. They can also be ordered by the macro's <<.param sort>> parameter.
The tree displays the <<.field caption>> field of a tiddler if it has one, or the tiddler's title otherwise.
Each tiddler in the tree is normally displayed as a link. To suppress this, give the tiddler a <<.field toc-link>> field with the the value <<.value no>>. In the [[examples|Table-of-Contents Macros (Examples)]], the SecondThree tiddler is set up like this. Clicking such a tiddler in the tree causes its branch to expand or collapse.
The table of contents is generated as an HTML ordered list. The `<ol>` elements always have the class `tc-toc`. Expandable trees have the additional class `tc-toc-expandable`. Selectively expandable trees (including those in the two-panel browser) have `tc-toc-selective-expandable`.
To make a table of contents appear in the sidebar, see [[How to add a new tab to the sidebar]].
!! Parameters
;tag
: The root tag that identifies the top level of the tree
;sort
: An optional extra [[filter step|Filter Step]], e.g. `sort[title]`
These two parameters are combined into a single [[filter expression|Filter Expression]] like this:
> `[tag[$tag$]$sort$]`
<<.var toc-tabbed-internal-nav>> and <<.var toc-tabbed-external-nav>> take additional parameters:
;selectedTiddler
: The title of the [[state tiddler|StateMechanism]] for noting the currently selected tiddler, defaulting to `$:/temp/toc/selectedTiddler`. It is recommended that this be a [[system tiddler|SystemTiddlers]]
;unselectedText
: The text to display when no tiddler is selected in the tree
;missingText
: The text to display if the selected tiddler doesn't exist
;template
: Optionally, the title of a tiddler to use as a [[template|TemplateTiddlers]] for transcluding the selected tiddler into the right-hand panel
[[Examples|Table-of-Contents Macros (Examples)]]
These examples derive tables of contents from the root tag <<.tag Contents>>.
You can explore the same structure with these clickable tag pills:
* {{Contents||$:/core/ui/TagTemplate}}
** {{First||$:/core/ui/TagTemplate}}
** {{Second||$:/core/ui/TagTemplate}}
*** {{SecondThree||$:/core/ui/TagTemplate}}
** {{Third||$:/core/ui/TagTemplate}}
** {{Fourth||$:/core/ui/TagTemplate}}
The tabbed example uses the real TableOfContents of this documentation instead.
<<tabs "[tag[table-of-contents-example]nsort[order]]" "Example Table of Contents: Simple">>
<div class="tc-table-of-contents">
<<toc-selective-expandable 'TableOfContents'>>
</div>
! Basics
TiddlyWiki5 formats tables using vertical bar characters like so:
```
|!Cell1 |!Cell2 |
|Cell3 |Cell3 |
```
Exclamation marks are used to indicate header cells. The example renders as:
|!Cell1 |!Cell2 |
|Cell3 |Cell3 |
! Cell Alignment
Table cell alignment is controlled by inserting space characters before and/or after the cell content. For example:
```
|Left aligned content |
| Right aligned content|
| Centred content |
|+++ a very wide column so we can see the alignment +++|
```
The example renders as:
|Left aligned content |
| Right aligned content|
| Centred content |
|+++ a very wide column so we can see the alignment +++|
! Cell vertical Alignment
Vertical alignment of cells is done by inserting either a `^` for top alignment or a `,` for bottom alignment as the first character of a cell. The normal horizontal alignment is still possible. For example:
```
|^top left |^ top center |^ top right|
|middle left | middle center | middle right|
|,bottom left |, bottom center |, bottom right|
```
The example renders as:
| :: | ::::::::::::::::::::::::::: | ::::::::::::::::::::::::::: | ::::::::::::::::::::::::::: | :: |
| ::<br>:: |^top left |^ top center |^ top right| ::<br>:: |
| ::<br>:: |middle left | middle center | middle right| ::<br>:: |
| ::<br>:: |,bottom left |, bottom center |, bottom right| ::<br>:: |
| :: | ::::::::::::::::::::::::::: | ::::::::::::::::::::::::::: | ::::::::::::::::::::::::::: | :: |
If you need to have a `^`or a `,` as the first character of a left aligned cell, you can use HTML escaping:
| `^` | &#94; |
| `,` | &#44; |
! Cell Merging
To merge a table cell with the one above, use the special cell text `~`. To merge a cell with the one to its left use the text `<`. To merge one to its right use `>`. For example:
```
|Cell1 |Cell2 |Cell3 |Cell4 |
|Cell5 |Cell6 |Cell7 |<|
|Cell5 |~|Cell7 |Cell8 |
|>|Cell9 |Cell10 |Cell11 |
```
Renders as:
|Cell1 |Cell2 |Cell3 |Cell4 |
|Cell5 |Cell6 |Cell7 |<|
|Cell5 |~|Cell7 |Cell8 |
|>|Cell9 |Cell10 |Cell11 |
! Table Classes, Captions, Headers and Footers
Table CSS classes, captions, headers and footers can be specified as special pseudo-rows. The following example:
* assigns the CSS classes "myclass" and "anotherClass" to the table
* gives the table the caption "This is a caption"
* adds a header row of cells with the text "Header"
* adds a footer row of cells with the text "Footer"
```
|myclass anotherClass|k
|This is a caption |c
|Cell1 |Cell2 |
|Cell3 |Cell3 |
|Header|Header|h
|Footer|Footer|f
```
Renders as:
|myclass anotherClass|k
|This is a caption |c
|Cell1 |Cell2 |
|Cell3 |Cell3 |
|Header|Header|h
|Footer|Footer|f
The <<.def tabs>> [[macro|Macros]] presents a [[selection of tiddlers|Title Selection]] as a set of tabs that the user can switch between.
The tabs display the <<.field caption>> field of a tiddler if it has one, or the tiddler's title otherwise.
By default the tabs are arranged horizontally above the content. To get vertical tabs, set the <<.param class>> parameter to <<.value tc-vertical>>.
!! Parameters
;tabsList
: A [[filter|Filters]] selecting which tiddlers to include
;default
: The title of the tiddler whose tab is to be selected by default
;state
: The prefix for the title of a [[state tiddler|StateMechanism]] for noting the currently selected tab, defaulting to `$:/state/tab`. It is recommended that this be a [[system tiddler|SystemTiddlers]]
;class
: Additional [[CSS|Cascading Style Sheets]] classes for the generated `div` elements. Multiple classes can be separated with spaces
;template
: Optionally, the title of a tiddler to use as a [[template|TemplateTiddlers]] for transcluding the content of the selected tab
Within the template, the title of the selected tab is available in the <<.var currentTab>> variable.
The <<.vlink currentTiddler>> variable is not affected by the <<.var tabs>> macro.
<<.macro-examples "tabs">>
<$macrocall $name=".example" n="1"
eg="""<<tabs "SampleTabOne SampleTabTwo SampleTabThree SampleTabFour" "SampleTabOne" "$:/state/tab1">>"""/>
<$macrocall $name=".example" n="2"
eg="""<<tabs "[tag[sampletab]]" "SampleTabTwo" "$:/state/tab2" "tc-vertical">>"""/>
<$macrocall $name=".example" n="3"
eg="""<<tabs "[tag[sampletab]nsort[order]]" "SampleTabThree" "$:/state/tab3" "tc-vertical">>"""/>
The <<.def tag>> [[macro|Macros]] generates a tag pill for a specified tag.
!! Parameters
;tag
: The title of the tag, defaulting to the [[current tiddler|Current Tiddler]]
<<.macro-examples "tag">>
<$macrocall $name=".example" n="1" eg="""<<tag>>"""/>
<$macrocall $name=".example" n="2" eg="""<<tag Concepts>>"""/>
The output is [[sorted|Order of Tagged Tiddlers]] using the tag's <<.field list>> field and the tiddlers' <<.field list-before>> and <<.field list-after>> fields.
If <<.place T>> is empty, the output of `tag` is empty, and the output of `!tag` is a copy of the input.
<<.operator-examples "tag">>
<<.operator-example 1 "[tag[task]]">>
<<.operator-example 2 "[tag[task]!tag[done]]">>
<<.operator-example 3 "[!tag[task]]">>
<<.operator-example 4 "[all[shadows]tag[$:/tags/Stylesheet]]">>
Tagging is a way of organising tiddlers into categories. For example, if you had tiddlers representing various individuals, you could tag them as ''friend'', ''family'', ''colleague'' etc to indicate these people's relationships to you.
A tag is in fact just a tiddler (or a potential tiddler), and it can have tags of its own. You can add any number of tags to the same tiddler.
See [[Creating and editing tiddlers]] for instructions on how to tag.
By tagging your tiddlers, you can view, navigate and organise your information in numerous additional ways:
* The coloured tag pills on a tiddler give you quick access to all the other tiddlers with the same tag, as well as to the tiddler that represents the tag itself.
* If a tiddler is serving as a tag, then the ''Tagging'' tab in its InfoPanel will show you which tiddlers are currently tagged with it.
* The ''More'' tab of the sidebar has a ''Tags'' tab that presents an overview of all your tags and lets you access all your tagged tiddlers.
* You can use [[filters|Filters]] to create lists of tiddlers based on their tags. You can then display any combination of the [[fields|TiddlerFields]] of those tiddlers. For example, you could build a glossary by listing the title and text of all tiddlers tagged ''Glossary''. Such lists can be formatted in any way you wish: e.g. bulleted, numbered or comma-separated.
* There are a number of special ''system tags'' that control the layout of tiddlers and the entire ~TiddlyWiki page. See [[Page and tiddler layout customisation]] for instructions.
There are two more things you can do with tags:
! Set a tag's colour and icon
You can use the [[tag manager|$:/TagManager]], found on the ''Tags'' tab under ''More'' in the sidebar, to change the colour of a tag's pill or add an icon to the pill.
* To change the colour, click the button in the ''Colour'' column to select from a colour picker. Alternatively, click the icon in the ''Info'' column, then type a [[CSS]] colour value in the ''Colour'' field
* To change the icon, click the {{$:/core/images/down-arrow}} button in the ''Icon'' column and choose from the list of available icons
! Change the order in which tags are listed
By default, tagged tiddlers are listed in alphabetical order.
If you want any other order, add a <<.flink ListField>> field to the tag tiddler, and set its value to be a [[list of the tiddlers|Title List]] in that order.
The ''list'' field doesn't have to mention all of the tiddlers. See the [[precise rules|Order of Tagged Tiddlers]] ~TiddlyWiki uses to order tagged tiddlers.
Each input tag is processed in turn. The list of tiddlers carrying that tag is generated, [[sorted|Order of Tagged Tiddlers]], and then [[dominantly appended|Dominant Append]] to the operator's overall output.
<<.operator-examples "tagging">>
<<.operator-example 1 "[[task]tagging[]]" "same as `[tag[task]]`">>
<<.operator-example 2 "Concepts task +[tagging[]]">>
<<.operator-example 3 "[all[current]tagging[]]" "tiddlers tagged with the current one">>
Each input title is processed in turn. The corresponding tiddler's tags are retrieved (in order of appearance in the <<.field tags>> field) and then [[dominantly appended|Dominant Append]] to the operator's output.
<<.operator-examples "tags">>
<<.operator-example 1 "[[Filter Operators]tags[]]">>
<<.operator-example 2 "[all[shadows]tags[]]">>
<<.operator-example 3 "[all[shadows+tiddlers]tags[]sort[]]">>
A tag tiddler is any tiddler that is in use as a tag.
The ''Tagging'' tab on the InfoPanel of a tag tiddler shows which tiddlers are tagged with the tag tiddler.
A tag can be used without a corresponding tag tiddler.
Sample tasks for the TaskManagementExample.
TiddlyWiki5 can be used as a simple task management system without further customisation. The idea is that tasks be tagged `task`, with those that are completed also tagged `done`. In this way it is straightforward to generate task lists.
! Outstanding tasks
<$list filter="[!has[draft.of]tag[task]!tag[done]sort[created]]">
<$checkbox tag="done"> <$link to={{!!title}}><$view field="title"/></$link></$checkbox>
</$list>
! Completed tasks
<$list filter="[!has[draft.of]tag[task]tag[done]sort[created]]">
<$checkbox tag="done"> ~~<$link to={{!!title}}><$view field="title"/></$link>~~</$checkbox>
</$list>
When writing an [[instruction tiddler|Instruction Tiddlers]], start by planning a route through the information you wish to present. This should be a simple, logical, direct progression of thoughts, with no backtracking or forward references. Use this approach even within individual sentences: always proceed from cause to effect, from the old or known to the new or unknown.
Keep sentences short and simple. A clear technical sentence seldom contains more than one idea. It therefore avoids parenthetical information. Similarly, keep paragraph structure simple. A flat presentation is often easier to understand than a hierarchical one.
It is often possible to simplify a sentence without changing its meaning, merely by adjusting its vocabulary or grammatical structure. <<.word "Execution of the macro is performed">> just means <<.word "The macro runs">>. <<.word "Your expectation might be...">> just means <<.word "You might expect...">>.
Prefer the active voice by default: <<.word "Jane creates a tiddler">> rather than <<.word "a tiddler is created by Jane">>. The passive voice can be useful if you want the reader to focus on the action itself or its result: <<.word "a tiddler is created">>. But it can often be clearer to proceed from cause to effect and say <<.word "this creates a tiddler">> in the active voice.
Documentation often presents two items that are parallel either by similarity or by difference. The reader will more easily detect such a pattern if you use the same sentence or phrase structure for both. But this must be balanced with the need to avoid monotony.
Prefer precise instructions over woolly descriptions. If something has a name, use it. If something lacks a name, give it a tiddler.
A template tiddler is not actually a type of tiddler, it is a role in which a tiddler can be used.
Templates are a way to re-use chunks of WikiText.
Transcluding through a template extends the basic functionality of [[Transclusion]] by combining two tiddlers:
* A template tiddler that contains the WikiText to be displayed. It can contain transclusions that reference fields in the [[current tiddler|Current Tiddler]]
* A target tiddler that identifies which tiddler is to be treated as current when resolving references to fields
The best example of templating is the main story river in TiddlyWiki. Each tiddler in the story river is rendered through a ViewTemplate that specifies how each field is to be rendered.
See [[Transclusion with Templates]] for details.
@@.tc-double-spaced-list
# With ~TiddlyWiki you can organise your notes your way, not their way. Your notes conform to your way of thinking rather than being forced into a hierarchical straightjacket of notebooks and tabs
# ~TiddlyWiki's nonlinear approach will actually make you think about your information in new and helpful ways
# Finding your notes in ~TiddlyWiki is lightning fast
# There are many ways to customise and adapt every aspect of ~TiddlyWiki
# ~TiddlyWiki is free and is compatible with all platforms. Any web browser will open it. You don't need to purchase an expensive program or pay a subscription fee to use it
# ~TiddlyWiki files promote the free sharing of information. There are many ways you can share your information from ~TiddlyWiki
# With ~TiddlyWiki, your information is yours, and you store it where you want to - on your device, on a USB stick, in Dropbox, on your server
# ~TiddlyWiki features an ever-growing number of plugins, themes, widgets, and languages
# The online ~TiddlyWiki community is friendly and will do their best to give you the help you need
# If you are a programmer, you have even more ways to play with ~TiddlyWiki. With ~TiddlyWiki, the more you know, the more fun you can have with it
@@
TiddlyWiki5 incorporates the Jasmine JavaScript testing framework (see http://pivotal.github.io/jasmine/). It allows the same tests to be run both in the browser and under Node.js.
! TiddlyWiki5 Testing Components
There are two main elements to the TiddlyWiki5 testing mechanism:
* The plugin `tiddlywiki/jasmine` that wraps Jasmine up into a plugin along with some glue code
* The TiddlyWiki5 edition `test` that contains the core test specifications and includes the Jasmine plugin
! Running the Tests in Node.js
To run the tests under Node.js just load up the `test` wiki:
```
node ./tiddlywiki.js \
./editions/test \
```
! Running the Tests in the Browser
To generate a wiki containing the browser tests load up the `test` wiki and save it as an HTML file:
```
node ./tiddlywiki.js \
./editions/test \
--verbose \
--rendertiddler $:/core/save/all test.html text/plain \
```
The `test.html` file will be placed in the `output` folder within the wiki folder. Open it in the browser to see the test results. There is a prebuilt version of `test.html` at:
http://tiddlywiki.com/test.html
A TextReference identifies a chunk of text from a tiddler that can be retrieved or modified depending on the context.
Text references are made up of several parts, most of which can be optional:
* `tiddlerTitle` - the text [[field|TiddlerFields]] of the specified tiddler
* `tiddlerTitle!!field` - a [[tiddler field|TiddlerFields]] (eg, `modified`, `modifier`, `type` etc)
* `!!field` - a [[field|TiddlerFields]] of the current tiddler
* `tiddlerTitle##propertyIndex` - extracts a named property from DataTiddlers
Text references can be used in several places:
* As [[indirect parameters|Filter Parameter]] within [[Filters]] (eg, `<$list filter="[tag{MyTag!!name}]"/>`)
* As IndirectAttributes of an element or widget (eg, `<$widget attrib={{Title!!description}}/>`)
* As the operand of a shortcut transclusion (eg, `{{MyTiddler!!title}}`)
* As the `state` attribute of the RevealWidget and the LinkCatcherWidget
! Introduction
The text widget displays plain text.
! Content and Attributes
The content of the `<$text>` widget is not used.
|!Attribute |!Description |
|text |The text to display |
! Horror Stories
Every so often, TiddlyWiki users report heart-rending tales of personal data loss on the discussion groups:
> My entire TiddlyWiki has just been wiped out when Firefox crashed during saving a tiddly.
https://groups.google.com/d/topic/tiddlywiki/oG2L7OXhUoI/discussion
> Last time I used it was last night at home on my Windows 7 desktop, hit the check mark to stop editing my last entry, it then saves via TiddlyFox and I eject my USB drive. I came to work this morning, plugged in my USB, enter my TW5 password and it doesn't want to open after several attempts. I browse to my TW5 html file and notice that my file size is no longer 3MB.. instead it is 80KB. This leads me to believe I lost everything.
https://groups.google.com/d/topic/tiddlywiki/SXStDJ0ntGI/discussion
Don't let it happen to you!
!! The first rule of using TiddlyWiki is:
<p style="font-size:40pt;line-height:48pt;font-weight:700;color:red;">
Backup your data!
</p>
TiddlyWiki is a very flexible, customisable system that puts you firmly in charge of your own data. Every care is taken in TiddlyWiki's development to ensure that it is a safe place to preserve your most valuable data but the ultimate responsibility to reduce the risk of data loss falls to users.
The best way to make sure that your data is safe is to practise a rigorous system of backups:
* Consider using services like Dropbox to continuously back up your personal data to the cloud. (Dropbox [[has a neat feature|https://www.dropbox.com/help/11]] whereby they keep track of previous versions of files)
* Retain backups before upgrading to a new version of TiddlyWiki
* Figure out and protect yourself from the worst case scenarios: what if your USB stick or hard drive fails? What if your computer is hit by a ransomeware virus?
* Be defensive and redundant: for example, take multiple backups and keep them in separate physical locations
The <<.def thumbnail>> [[macros|Macros]] are used to create linkable thumbnail panels.
!! Parameters
(none)
<<.macro-examples "thumbnail">>
! Examples
Here is an example of the `thumbnail-right` macro used to create a video thumbnail that floats to the right of the text
<$macrocall $name=".example" n="1" eg="""<<thumbnail-right link:"Introduction Video" image:"Introduction Video Thumbnail.jpg" caption:"Introduction to ~TiddlyWiki" icon:"{{$:/core/images/video}}" color:"red">>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."""/>
<<.this-is-operator-example>>
! <<.olink before>> and <<.olink after>>
<<.using-days-of-week>>
<<.operator-example 1 "[list[Days of the Week]before{!!title}]">>
<<.operator-example 2 "[list[Days of the Week]after{!!title}]">>
In accordance with the [[Philosophy of Tiddlers]], documentation tiddlers are typically short and interlinked.
When a tiddler seems as if it needs to contain subheadings, this is often a sign that it should in fact be split into several tiddlers. But it is reasonable for a [[reference tiddler|Reference Tiddlers]] to consist of an untitled introductory section followed by a titled section of details.
Consistency of terminology is essential if the reader is not to become confused. Consistent typography and punctuation lend a professional quality to the documentation. Macros can improve the consistency and maintainability of the text.
Use numbered lists for step-by-step instructions, and bullet points for lists whose order is arbitrary. Use a definition list in preference to a bulleted list if each bulleted item would begin with a term and a colon. If at all possible, avoid burdening the reader with a nested list.
Use a table when information naturally falls into three or more columns, and also for lists of parameters, attributes, etc in [[reference tiddlers|Reference Tiddlers]].
The documentation describes the current reality of ~TiddlyWiki. Avoid discussing future aspirations.
Many documentation tiddlers, especially the [[reference ones|Reference Tiddlers]], are concerned with a single concept. Their titles should be succinct noun phrases like <<.tid "List Widget">> or <<.tid "Tiddler Fields">>.
Each of the main words of such a title begins with a capital letter. Minor words such as <<.word and>>, <<.word or>>, <<.word the>>, <<.word to>> and <<.word with>> do not.
Tags also follow this pattern.
Titles of this kind are plural if they denote a category of items, e.g. <<.tid "Keyboard Shortcuts">> or <<.tid "Tiddler Fields">>. Such titles are used to tag more specific tiddlers within the category.
Where a concept is an item rather than a category, its tiddler has a singular title, e.g. <<.tid "List Widget">>, <<.tid "tag Operator">>.
Start a title with its most distinctive part. For instance, the tiddlers documenting the filter operators have titles like <<.tid "addprefix Operator">>. This helps the reader scan a list of links to find a particular tiddler.
Avoid starting a title with the word <<.word the>>.
In the past, many tiddlers had CamelCase titles. This is gradually being phased out of the documentation to improve readability. ~CamelCase titles should no longer be used, even for tags, except in cases like <<.tid ~JavaScript>> where that is the standard spelling.
[[Instruction tiddlers|Instruction Tiddlers]] often have longer titles that can be more complicated than just a noun phrase, e.g. <<.tid "Ten reasons to switch to ~TiddlyWiki">>. These titles use sentence case, i.e. only the first word (and any proper names) starts with a capital letter.
How-to tiddlers have titles that begin with <<.word "How to">>, e.g. <<.tid "How to edit a tiddler">>. Avoid titles like <<.tid "Editing tiddlers">>, because a less fluent English speaker could misunderstand that as the name of a category of tiddlers.
\define lingo-base() $:/language/Docs/Fields/
TiddlerFields are name:value pairs that make up a [[tiddler|Tiddlers]]. Field names must be lowercase letters, digits or the characters `-` (dash), `_` (underscore) and `.` (period).
The standard fields are:
|!Field Name |!Reference |!Description |
|`title` |TitleField |<<lingo title>> |
|`text` |TextField |<<lingo text>> |
|`modified` |ModifiedField |<<lingo modified>> |
|`modifier` |ModifierField |<<lingo modifier>> |
|`created` |CreatedField |<<lingo created>> |
|`creator` |CreatorField |<<lingo creator>> |
|`tags` |TagsField |<<lingo tags>> |
|`type` |TypeField |<<lingo type>> |
|`list` |ListField |<<lingo list>> |
Other fields used by the core are:
|!Field Name |!Reference |!Description |
|`color` |ColorField |<<lingo color>> |
|`description` |DescriptionField |<<lingo description>> |
|`draft.of` |DraftOfField |<<lingo draft.of>> |
|`draft.title` |DraftTitleField |<<lingo draft.title>> |
|`footer` |FooterField |<<lingo footer>> |
|`library` |LibraryField |<<lingo library>> |
|`name` |NameField |<<lingo name>> |
|`plugin-priority` |PluginPriorityField |<<lingo plugin-priority>> |
|`plugin-type` |PluginTypeField |<<lingo plugin-type>> |
|`source` |SourceField |<<lingo source>> |
|`subtitle` |SubtitleField |<<lingo subtitle>> |
The TiddlyWebAdaptor uses a few more fields:
|!Field Name |!Reference |!Description |
|`bag` |BagField |<<lingo bag>> |
|`revision` |RevisionField |<<lingo revision>> |
See the ''Advanced > TiddlerFields'' tab of the [[control panel|$:/ControlPanel]] for details of the fields used in this wiki.
Tiddlers can be stored in text files in several different formats. Files containing single tiddlers can also have an auxiliary `.meta` file formatted as a sequence of name:value pairs:
```
title: TheTitle
modifier: someone
```
!! ~TiddlyWeb-style .tid files
These files consist of a sequence of lines containing name:value pairs, a blank line and then the text of the tiddler. For example:
```
title: MyTiddler
modifier: Jeremy
This is the text of my tiddler.
```
Note that many text editors require that files include a terminating newline. If you want to avoid including the terminating newline in the text of the tiddler you can use this alternative syntax:
```
title: MyTiddler
modifier: Jeremy
text: This is the text of my tiddler.
```
//The ContentType `application/x-tiddler` is used internally for these files//
!! TiddlyWiki `<DIV>` .tiddler files
In TiddlyWiki 5, `*.tiddler` files look like this:
```
<div title="AnotherExampleStyleSheet" modifier="blaine" created="201102111106" modified="201102111310" tags="examples" creator="psd">
<pre>Note that there is an embedded <pre> tag, and line feeds are not escaped.
And, weirdly, there is no HTML encoding of the body.</pre>
</div>
```
These `*.tiddler` files are not exactly the same as the tiddlers inside a TiddlyWiki HTML file where they are HTML encoded.
Older `*.tiddler` files more closely matched the store format used by TiddlyWiki at the time:
```
<div tiddler="AnotherExampleStyleSheet" modifier="JeremyRuston" modified="200508181432" created="200508181432" tags="examples">This is an old-school .tiddler file, without an embedded <pre> tag.\nNote how the body is "HTML encoded" and new lines are escaped to \\n</div>
```
//The ContentType `application/x-tiddler-html-div` is used internally for these files//
!! ~TiddlyWeb-style JSON files
These files are a straightforward array of hashmaps of `name:value` properties. All field values must be specified as strings.
For example:
```
[
{
"title": "First Tiddler",
"text": "Text of first tiddler",
"tags": "one two [[t h r e e]]"
},{
"title": "Second Tiddler",
"text": "Text of second tiddler",
"modified": "20150216171751154"
}
]
```
//The ContentType `application/json` is used internally for these files//
!! TiddlyWiki HTML files
TiddlyWiki HTML files contain a collection of tiddlers encoded in `<DIV>` format.
For TiddlyWiki to import an unencrypted HTML file, it requires a `<div id="storeArea">` containing tiddler DIVs as explained above. For example:
```
<div id="storeArea">
<div created="20130302085406905" modified="20130302084548184" tags="Examples" title="A tiddler title">
<pre>HTML encoded text of tiddler
</pre>
</div>
<div created="20140315085406905" modified="20140321084548184" tags="One Two [[Three with Space]]" title="Another title" customfield="field value">
<pre>Text of this tiddler
</pre>
</div>
</div>
```
Links are regions of a tiddler that can be clicked to cause navigation to a different tiddler. The navigation behaviour is determined by the current StoryView; the classic TiddlyWiki view displays the story as a linear sequence of tiddlers.
Holding the ''control'' or ''command'' key while clicking on a tiddler link opens the target tiddler but doesn't navigate to it. This can be a useful way of queueing up tiddlers to be read later.
Links are useful for modelling organic relationships between tiddlers, and particularly for expressing the navigational paths between tiddlers.
The InfoPanel lists incoming links to a tiddler in the tab ''References''.
[[Filters]] can include the following filter operators that work with links:
* `[links[]]` - returns the titles of the tiddlers that are linked from the currently selected tiddler(s)
* `[backlinks[]]` - returns the titles of the tiddlers that link to the currently selected tiddler(s)
TiddlyWiki5 alters the appearance of tiddler links to convey additional information about the target of the link:
|!Link description |!Link appearance |
|To a tiddler that exists |[[LikeThis|TiddlerLinks]] |
|To a tiddler that doesn't exist |[[LikeThis|ATiddlerThatDoesntExist]] |
|To a shadow tiddler that has not been overridden |[[LikeThis|$:/core/copyright.txt]] |
|To a shadow tiddler that has been overridden by an ordinary tiddler |[[LikeThis|$:/SiteTitle]] |
External links are shown like this: http://tiddlywiki.com/ or [[like this|http://tiddlywiki.com/]].
Tiddlers are the fundamental units of information in TiddlyWiki. Tiddlers work best when they are as small as possible so that they can be reused by weaving them together in different ways.
A "tiddler" is an informal British word meaning a small fish, typically a stickleback or a minnow. Other systems have analogous concepts with generic names like "items", "entries", "entities", "nodes" or "records". TiddlyWiki takes the view that it is better to be confusingly distinctive than confusingly generic.
Internally, tiddlers are a list of uniquely named values called fields. The only field that is required is the `title` field, but useful tiddlers also have a `text` field, and some or all of the standard fields listed in TiddlerFields.
Tiddlers are ubiquitous in TiddlyWiki. They are used to store everything from JavaScript code modules to the settings and state associated with the user interface.
! Introduction
The TiddlerWidget sets the [[current tiddler|Current Tiddler]] that applies for processing its content.
! Content and Attributes
|!Attribute |!Description |
|tiddler |The title of the tiddler to become the new [[current tiddler|Current Tiddler]] |
|class |CSS classes to be added to the generated elements |
! CSS Class Variables
The tiddler widget assigns several useful CSS classes to variables that it creates:
; missingTiddlerClass
: `tc-tiddler-exists` or...
: `tc-tiddler-missing` depending on whether the tiddler exists
;shadowTiddlerClass
: `tc-tiddler-shadow` if the tiddler is a shadow tiddler
;systemTiddlerClass
:` tc-tiddler-system` if the tiddler is a system tiddler
;tiddlerTagClasses
: a space separated list of CSS classes named `tc-tagged-{tagname}`,<br>e.g. `tc-tagged-introduction`<br><br>''Note:'' tag names are URI encoded which means that the tag [[$:/tags/Macro]] appears as the CSS class `tc-tagged-%24%3A%2Ftags%2FMacro`. See [[How to apply custom styles by tag]] for more details
You can use these variables like this:
```
<$tiddler tiddler="MyOtherTiddler">
<div class=<<missingTiddlerClass>>>
<$transclude/>
</div>
</$tiddler>
```
See also [[$:/core/ui/ViewTemplate]].
BuggyJay's TiddlyClip browser extension for [[Firefox]] permits clipping of text and graphics from web pages:
{{!!url}}
<<<
TiddlyClip allows parts of webpages to be clipped into a TiddlyWiki, and consists of two parts, the browser addon and the TiddlyWiki plugin. The addon is completely memoryless, any configuration is determined by the current TiddlyWiki that the user has select to work with (we say that the addon is docked to the TiddlyWiki). TiddlyClip is designed to work (in a basic mode) without configuration. Once the addon and plugin are installed, all the user has to do is select which TW to dock to.
<<<
TiddlyDesktop is an app for working with TiddlyWiki files (both TiddlyWikiClassic and TiddlyWiki version 5). It can be installed on Windows, Mac OS X or Linux. It is compatible with TiddlyWiki version 5 and the older TiddlyWikiClassic.
See the [[Introducing TiddlyDesktop Video]]
! Instructions
# Install the latest release of TiddlyDesktop from https://github.com/Jermolene/TiddlyDesktop/releases
# Run TiddlyDesktop
# Use the browse button to open TiddlyWiki files
# Save changes within TiddlyWiki in the usual way
! Source
TiddlyDesktop is based on the OpenSource project [[NW.js]]. The source is on GitHub:
https://github.com/Jermolene/TiddlyDesktop/
See [[TiddlyDesktop Releases]]
<a href="https://github.com/Jermolene/TiddlyDesktop/releases/tag/v0.0.1" class="tc-btn-big-green" target="_blank">
{{$:/core/images/github}} Download from ~GitHub
</a>
First release - use with extreme caution
<a href="https://github.com/Jermolene/TiddlyDesktop/releases/tag/v0.0.2" class="tc-btn-big-green" target="_blank">
{{$:/core/images/github}} Download from ~GitHub
</a>
[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyDesktop/compare/v0.0.1...v0.0.2]]
This second version of TiddlyDesktop has the following fixes and improvements:
*The saving mechanism is now TiddlyFox compatible, so TiddlyWiki5 wikis don't need a special plugin to work with TiddlyDesktop
*TiddlyDesktop is now compatible with TiddlyWiki Classic
*Chromium Developer Tools now accessible via a pulldown menu
*Each TiddlyWiki document is now sandboxed, so it isn't possible for malicious or buggy JavaScript to affect other documents
*Linux 32-bit and 64-bit builds
<a href="https://github.com/Jermolene/TiddlyDesktop/releases/tag/v0.0.3" class="tc-btn-big-green" target="_blank">
{{$:/core/images/github}} Download from ~GitHub
</a>
[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyDesktop/compare/v0.0.2...v0.0.3]]
This third version of TiddlyDesktop has the following fixes and improvements:
*Access Chromium developer tools with F12
*No menu bars
*Fixed problem with paths containing spaces
*Enabled webkit experimental features
*Adjusted the main window toolbar to be position: sticky
*Fixed problem with relative inter-wiki links not working
*Add "file not found" error indication
<a href="https://github.com/Jermolene/TiddlyDesktop/releases/tag/v0.0.4" class="tc-btn-big-green" target="_blank">
{{$:/core/images/github}} Download from ~GitHub
</a>
[[See GitHub for detailed change history of this release|https://github.com/Jermolene/TiddlyDesktop/compare/v0.0.3...v0.0.4]]
This release includes a major reworking of the internals of TiddlyDesktop.
Please report any problems or suggestions via GitHub issues, or post to the TiddlyWiki discussion group:
http://groups.google.com/group/TiddlyWiki
!New Features
*Warning message when closing windows with unsaved changes (TWC and TW 5.1.8 and above only)
*Help window
*Toolbar for TiddlyWiki windows
*Reveal original file in Finder/Explorer
*Automatic backups
Note that there is currently no way to hide the toolbar for TiddlyWiki windows. This will be remedied soon!
!New Architecture
TiddlyDesktop itself is now an instance of the Node.js edition of TiddlyWiki. TiddlyWiki HTML files are run within embedded, sandboxed iframes with the "backstage" TiddlyWiki providing services such as saving to the file system.
The advantage of this approach is that the user interface and functionality of the desktop application can now be customised and extended with exactly the same techniques that are used in regular TiddlyWiki.
!Coming Soon
The functionality of this release barely matches that of the previous v0.0.3 version, but it lays the groundwork for a number of other features such as:
*Configurable toolbars
*Hyperbookmarklets
*Page zoom
*Creating new wikis from standard editions and custom templates
*Dragging _canonical_uri links from the file system
*Multiple languages
*One-click copying of text to the clipboard from within TiddlyWiki
*Global keyboard shortcut for clipping content etc.
Here are the details of recent releases of TiddlyDesktop
<$list filter="[tag[TiddlyDesktopReleaseNotes]!sort[created]limit[1]]">
<$macrocall $name="tabs" tabsList="[tag[TiddlyDesktopReleaseNotes]!sort[created]]"default={{!!title}} class="tc-vertical" template="ReleaseTemplate" />
</$list>
TiddlyFox is an extension for Firefox that allows standalone TiddlyWiki files to save their changes directly to the file system. TiddlyFox works on both desktop and smartphone versions of [[Firefox]]. See [[Saving with TiddlyFox]] or [[Saving with TiddlyFox on Android]] for detailed instructions.
TiddlyFox can be downloaded from the Mozilla Addons site:
https://addons.mozilla.org/en-US/firefox/addon/tiddlyfox/
<<<
You can also install the latest development version of TiddlyFox direct from GitHub:
https://github.com/TiddlyWiki/TiddlyFox/raw/master/tiddlyfox.xpi
<<<
TiddlyIE is an extension for Internet Explorer that allows standalone TiddlyWiki files to save their changes directly to the file system. TiddlyIE works with the desktop version of Internet Explorer.
See [[Saving with TiddlyIE]].
An interactive network visualisation plugin based on [[Vis.js|http://visjs.org]]. A demo that also contains installation instructions can be found here: {{!!url}}. The plugin's GitHub repository can be found [[here|https://github.com/felixhayashi/TW5-TiddlyMap]].
<<<
~TiddlyMap is a TiddlyWiki plugin that allows you to link your wiki-topics (tiddlers) in order to create clickable graphs. By creating relations between your topics you can easily do the following:
* Create concept maps and quickly manifest your ideas in tiddlers.
* Create task-dependency graphs to organize and describe your tasks.
* Visualize your topic structures to get an immediate grasp of topics and relations.
In general you may create, visualize and describe any network-structure you have in mind.
<<<
TiddlySpace is an environment for discourse on the web, built from TiddlyWeb.
TiddlySpace was originally sponsored by [[Osmosoft]] at [[BT]].
TiddlyWeb is a server application that puts [[Tiddlers]] on the web:
http://tiddlyweb.com/
TiddlyWeb can be used to host TiddlyWiki and TiddlyWiki5 wikis, making the individual tiddlers available over a flexible HTTP API.
TiddlyWeb was originally sponsored by [[Osmosoft]] at [[BT]] (along with TiddlySpace).
~TiddlyWiki is a rich, interactive tool for manipulating complex data with structure that doesn't easily fit into conventional tools like spreadsheets or wordprocessors.
~TiddlyWiki is designed to fit around your brain, helping you deal with the things that won't fit. The [[fundamental idea|Philosophy of Tiddlers]] is that information is more useful and reusable if we cut it up into the smallest semantically meaningful chunks -- [[tiddlers|Tiddlers]] -- and give them titles so that they can be [[structured|Structuring TiddlyWiki]] with [[links|TiddlerLinks]], [[tags|Tagging]], [[lists|ListField]] and [[macros|Macros]]. Tiddlers use a WikiText notation that concisely represents a wide range of text formatting and hypertext features. ~TiddlyWiki aims to provide a fluid interface for working with tiddlers, allowing them to be aggregated and composed into longer narratives.
People love using ~TiddlyWiki. Because it can be used without any complicated server infrastructure, and because it is [[open source|OpenSource]], it has bought unprecedented freedom to everyone to keep their precious information under their own control.
~TiddlyWiki was originally created by JeremyRuston and is now a thriving open source project with a busy [[Community]] of independent developers.
The first TiddlyWiki Camp Paris was held on Saturday 6th June 2015.
http://paris.twcamp.info
> Bienvenue sur le site du TiddlyWiki Camp. Un évènement pour rencontrer la communauté de ce logiciel Open Source, libre et gratuit. Découvrez ce bloc note personnel polyvalent et adoptez-le pour gérer votre quotidien !
The TiddlyWiki community holds regular Google Hangouts, usually every Tuesday from 4pm to 6pm (UK time). They are announced in the [[TiddlyWiki Google group|https://groups.google.com/d/forum/tiddlywiki]] and on the [[TiddlyWiki Twitter account|https://twitter.com/TiddlyWiki]].
Past Hangouts are archived in this ~YouTube playlist:
<iframe width="560" height="315" src="http://www.youtube.com/embed/videoseries?list=PLVT_2PPd-1p34gGCQ5qpwC8QdykxVAI3u" frameborder="0" allowfullscreen></iframe>
TiddlyWiki in the Sky for TiddlyWeb allows content to be synchronised between TiddlyWiki running in the browser and a TiddlyWeb (or TiddlySpace) server. Features include:
* Lazy loading
* Two way synchronisation between the browser and the server
** Synchronising from the server is accomplished by polling (currently every 60 seconds)
* Throttling so that rapidly changing tiddlers don't overwhelm the server
To try out TiddlyWiki in the Sky for TiddlyWeb:
# If necessary, create an account at http://tiddlyspace.com/
# Create a new space, eg `<myspace>`
# Include the space `tw5tiddlyweb`
# Visit `http://<myspace>.tiddlyspace.com/tw5`
A catchy jingle for TiddlyWiki.
{{!!url}}
<<<
Even if it sounds like some ol' jazz tune it ''IS'' an original composition and it should be quite obvious that the "hook of the melody" is a trill made by singing Tidd-ly Wiki :-).
My lacking skills for writing text/lyrics should be apparent in the fact that the text consists of 12 Tidd-ly Wikis and some extra "tiddly's" - just for the sake of getting the message delivered ;-)...
I've recorded every instrument on my guitar via a guitar synth on a loop machine (except for the drums - they were played live/in sync with the loop station on a "~BeatBuddy" drum pedal..) - no pc was involved..
<<<
This brief screencast shows how to setup Firefox for Android so you can save changes to TiddlyWiki:
<iframe width="560" height="315" src="http://www.youtube.com/embed/iikkv9orGGI" frameborder="0" allowfullscreen></iframe>
Running TiddlyWiki on [[Node.js]] brings several important benefits over and above the single file version:
* You can edit your content on any suitably compatible HTML5 browser, including smartphones and tablets
* Individual tiddlers are stored in separate files, which you can organise as you wish
* The ability to build multiple wikis that blend different combinations of shared and unique content
For more information see:
* [[Installing TiddlyWiki on Node.js]]
* [[Using TiddlyWiki on Node.js]]
* [[Upgrading TiddlyWiki on Node.js]]
Here are the details of recent releases of TiddlyWiki5. See [[TiddlyWiki5 Versioning]] for details of how releases are named.
(BetaReleases and AlphaReleases are listed separately).
<$list filter="[tag[ReleaseNotes]!sort[created]limit[1]]">
<$macrocall $name="tabs" tabsList="[tag[ReleaseNotes]!sort[created]]" default={{!!title}} class="tc-vertical" template="ReleaseTemplate" />
</$list>
\define tv-wikilinks() no
! Building TiddlyWikiClassic
{{Building TiddlyWikiClassic}}
TiddlyWiki5 is a reboot of TiddlyWiki for the next 25 years. It is a complete interactive wiki in JavaScript that can be run in the browser or on the server under [[Node.js]].
Each release of TiddlyWiki5 is identified by a version number that complies with the [[Semantic Versioning 2.0.0|http://semver.org/]] standard.
! TiddlyWiki Core Version
According to the standard:
```
Given a version number MAJOR.MINOR.PATCH, increment the:
MAJOR version when you make incompatible API changes,
MINOR version when you add functionality in a backwards-compatible manner, and
PATCH version when you make backwards-compatible bug fixes.
Additional labels for pre-release and build metadata are available as extensions to the MAJOR.MINOR.PATCH format.
```
!! Alpha and Beta versions
While in alpha TiddlyWiki5 uses the pre-release label "alpha", for example:
```
5.0.1-alpha
```
Each new alpha or beta release will bump the `PATCH` version number. This breaks the strict semantics of versioning because `PATCH` increments are supposed to be reserved for compatible changes.
//Note that prior to ''5.0.1-alpha'', TiddlyWiki5 used version numbers formatted as ''5.0.0-alpha.19''. The change was made to enable the upgrade mechanism to recognise plugin updates from the version information.//
!! Interim versions
During development when a new release is being prepared, the pre-release label is set to `prerelease`.
! Plugin Versions
Version numbers
TiddlyWiki5 uses the version information attached to plugins for determining which of two plugins is more recent during an upgrade or import. The pre-release label is ignored when performing these comparisons.
"~TiddlyWiki Classic" refers to versions prior to 5.0, when TiddlyWiki was completely rewritten from the ground up. TiddlyWiki Classic is still being maintained at:
http://classic.tiddlywiki.com/
MarioPietsch has started a site comparing the syntax and other changes between TiddlyWikiClassic and TiddlyWiki version 5:
http://compare-tw2-tw5.tiddlyspace.com
As well as traditional single file wikis, [[TiddlyWiki on Node.js]] supports wikis that are stored as a folder of individual tiddler files.
! Wiki folder files and folders
Wiki folders can contain the following files and folders:
* ''tiddlywiki.info'' - JSON file containing metadata for the wiki
* ''\tiddlers'' - folder containing tiddler files comprising the wiki
* ''\plugins'' - folder containing [[plugin folders|PluginMechanism]] to be included in the wiki
Only the ''tiddlywiki.info'' file is required, the ''tiddlers'' and ''plugins'' folders are optional. Any files and folders not listed above are ignored.
!! Content of `tiddlywiki.info` file
The `tiddlywiki.info` file in a wiki folder contains a JSON object comprising the following fields:
* ''plugins'' - an array of plugin names to be included in the wiki
* ''themes'' - an array of theme names to be included in the wiki
* ''languages'' - an array of language names to be included in the wiki
* ''includeWikis'' - an array of references to external wiki folders to be included in the wiki
* ''build'' - a hashmap of named build targets, each defined by an array of command tokens (see BuildCommand)
* ''config'' - an optional hashmap of configuration options (see below)
!!! ''includeWikis''
The entries in the ''includeWikis'' array can be either a string specifying the relative path to the wiki, or an object with the following fields:
* ''path'' - relative path to wiki folder
* ''read-only'' - set //true// to prevent the tiddlers in the included wiki from being modified. The modifications will be written to the directory specified in ''default-tiddler-location'', described below
!!! ''build''
Note that the build targets of included wikis are merged if a target of that name isn't defined in the current `tiddlywiki.info` file.
!!! ''config''
Configuration options include:
* ''default-tiddler-location'' - a string path to the default location for the filesystem adaptor to save new tiddlers (resolved relative to the wiki folder)
* ''retain-original-tiddler-path'' - If true, the server will generate a tiddler [[$:/config/OriginalTiddlerPaths]] containing the original file paths of each tiddler in the wiki
!!! Example
For example:
```
{
"plugins": [
"tiddlywiki/tiddlyweb",
"tiddlywiki/filesystem"
],
"includeWikis": [
"../tw5.com"
],
"build": {
"index": [
"--rendertiddler","$:/core/save/all","index.html","text/plain"],
"favicon": [
"--savetiddler","$:/favicon.ico","favicon.ico",
"--savetiddler","$:/green_favicon.ico","static/favicon.ico"]
},
"config": {
"retain-original-tiddler-path": true
}
}
```
!! Content of `tiddlers` folder
All the TiddlerFiles in the `tiddlers` folder are read into the wiki at startup. Sub-folders are scanned recursively for TiddlerFiles.
Sub-folders within the `tiddlers` folder can also be given a `tiddlywiki.files` JSON file that overrides the default processing for that folder. The file format is illustrated with this example from the D3 plugin:
```
{
"tiddlers": [
{
"file": "d3.min.js",
"fields": {
"type": "application/javascript",
"title": "$:/plugins/tiddlywiki/d3/d3.js",
"module-type": "library"
},
"prefix": "var d3;if($tw.browser){\n",
"suffix": "}\nexports.d3 = d3;\n"
},
{
"file": "cloud/d3.layout.cloud.js",
"fields": {
"type": "application/javascript",
"title": "$:/plugins/tiddlywiki/d3/d3.layout.cloud.js",
"module-type": "library"
}
}
]
}
```
The JSON data consists of an object with a `tiddlers` property that contains an array of information about each tiddler to be loaded into the wiki. That information consists of:
* `file`: the relative or absolute path to the file to include
* `fields`: an object containing fields that override any provided in the tiddler file
* `prefix` & `suffix`: (optional) specify strings to be prefixed and suffixed to the tiddler file text content
The <<.def timeline>> [[macro|Macros]] returns a list of tiddlers in reverse chronological order of modification (or some other [[date field|Date Fields]]), grouped by day.
!! Parameters
;limit
: The maximum number of tiddlers to include, defaulting to 100. But if <<.em any>> tiddlers are included for a particular day, <<.em all>> of the other tiddlers for that day will also be included -- even if this exceeds the limit
;format
: A string specifying the desired [[format|DateFormat]], defaulting to `DDth MMM YYYY`
;subfilter
: An optional extra [[filter step|Filter Step]], e.g. `tag[MyTag]`
;dateField
: The name of the date field to use, defaulting to `modified`
The tiddlers are selected by means of a [[filter expression|Filter Expression]], into which the <<.param subfilter>> and <<.param limit>> parameters are spliced as follows:
> `[!is[system]$subfilter$has[modified]!sort[modified]limit[$limit$]eachday[modified]]`
<<.macro-examples "timeline">>
<$macrocall $name=".example" n="1" eg="""<<timeline format:"DD/MM/YYYY">>"""/>
<$macrocall $name=".example" n="2" eg="""<<timeline limit:30 subfilter:"tag[Definitions]" format:"DD/MM/YYYY">>"""/>
A <<.def "title list">> is a line of text that presents one or more tiddler titles, strung together with a space between each one and the next.
If a title <<.em contains>> a space, it needs double square brackets around it:
`GettingStarted [[Discover TiddlyWiki]] Upgrading`
Title lists are used in various places, including PermaLinks and the ListField.
They are in fact the simplest case of a [[filter|Filters]], and are thus a way of expressing a [[selection of titles|Title Selection]].
`[title[An Example]]` can be shortened to `[[An Example]]`, because <<.op title>> is the default filter operator.
<<.op title>> is a [[constructor|Selection Constructors]] (except in the form `!title`), but <<.olink2 "field:title" field>> is a [[modifier|Selection Constructors]].
<<.operator-examples "title">>
<<.operator-example 1 "[title[HelloThere]]">>
<<.operator-example 2 "[[HelloThere]]">>
<<.operator-example 3 "HelloThere">>
<<.operator-example 4 "[title[HelloThere]] [title[Filter Operators]]">>
<<.operator-example 5 "[[HelloThere]] [[Filter Operators]]">>
<<.operator-example 6 "HelloThere [[Filter Operators]]">>
<<.operator-example 7 "[tag[Filters]] +[!title[Filter Operators]]">>
<<.operator-example 8 "[tag[Filters]] +[![Filter Operators]]">>
<<.operator-example 9 "[tag[Filters]] -[[Filter Operators]]">>
A <<.def "title selection">> is an ordered set of tiddler titles (or similar strings), in which no title appears more than once.
Title selections are important in [[filter|Filters]] processing.
The simplest way to write one down is as a [[title list|Title List]].
! Introduction
The TranscludeWidget dynamically imports content from another tiddler.
! Attributes
|!Attribute |!Description |
|tiddler |The title of the tiddler to transclude (defaults to the current tiddler) |
|field |The field name of the current tiddler (defaults to "text"; if present takes precedence over the index attribute) |
|index |The index of a property in a [[DataTiddler|DataTiddlers]] |
|subtiddler |Optional SubTiddler title when the target tiddler is a [[plugin|Plugins]] (see below) |
|mode |Override the default parsing mode for the transcluded text to "block" or "inline" |
The TranscludeWidget treats any contained content as a fallback if the target of the transclusion is not defined (ie a missing tiddler or a missing field).
! Parsing modes
TiddlyWiki parses text in two modes:
* ''inline'' mode recognises character formatting such as emphasis, links
* ''block'' mode recognises all the ''inline'' formatting, and adds block formatting such as tables, headings and lists
Usually, the mode is determined by whether the transclude widget itself has been parsed in block or inline mode. This can be overridden with the `mode` attribute.
For example, consider tiddler "A" with this content:
```
# Item one
#<$transclude tiddler="B"/>
# Item two
```
And a tiddler "B" with this content:
```
# Item one - a
# Item one - b
```
The result will be something like this:
# Item one
# # Item one - a # Item one - b
# Item two
This can be fixed by amending tiddler "A":
```
# Item one
#<$transclude tiddler="B" mode="block"/>
# Item two
```
! SubTiddler Access
The transclude widget allows access to the individual tiddlers stored within a [[plugin|Plugins]].
The following example will transclude the core version of the tiddler [[$:/DefaultTiddlers]] even if it has been overridden:
<<wikitext-example-without-html '
<$transclude tiddler="$:/core" subtiddler="$:/DefaultTiddlers"/>
'>>
<a href="http://en.wikipedia.org/wiki/Transclusion">Transclusion</a> is the process of referencing one tiddler "A" from another tiddler "B" such that the content of "A" appears to be a part of "B".
Copying and pasting content creates multiple copies of the same content in several different places. With transclusion, there can be a single copy and a special instruction in "B" which indicates the point at which content should be inserted from tiddler "A".
Note that if the content of "A" is modified then the modification automatically appears in "B". This makes it easier to maintain repetitive content, by allowing every piece to be written in a single place, but viewed from many.
The concept of transclusion plays an important role in the [[Philosophy of Tiddlers]] because it is the primary way in which small items of content are combined.
To learn more:
* [[Transclusion in WikiText]]
* [[Transclusion Basic Usage]]
* [[Transclusion with Templates]]
* TextReference
* TemplateTiddlers
* TranscludeWidget
The power of WikiText comes from the ability to use the content of one tiddler inside another one. This ability takes several different forms that can easily be confused.
The main distinction is between a transclusion and a textual substitution:
* A transclusion is replaced dynamically with the value of either:
** a tiddler field
** a variable
* Textual substitutions are performed on the text of macro definitions before they are used
! Tiddler Field Transclusion
[[Transclusion in WikiText]] describes the basics of transclusion. For example:
```
{{MyTiddler}}
```
As described in [[HTML in WikiText]], you can also transclude tiddler field values as attributes of HTML elements and widgets. For example:
```
<$text text={{MyTiddler}}/>
```
As described in [[Introduction to Filters]], you can also transclude tiddler field values as filter operands. For example:
```
{{{ [tag{TiddlerContainingMyTag}] }}}
```
! Variable/Macro Transclusion
Variables that were defined with parameter or variable substitution are referred to as "macros". The value of a variable/macro can be transcluded with the syntax:
```
<<myMacro param:"Value of parameter">>
```
As described in [[HTML in WikiText]], you can also transclude a variable as the value of an attribute of HTML elements and widgets. For example:
```
<$text text=<<myMacro>>/>
```
As described in [[Introduction to Filters]], you can also transclude a variable as the value of a filter operand. For example:
```
{{{ [tag<myMacro>] }}}
```
! Textual Substitution
Textual substitution occurs when the value of a macro/variable is used. It is described in [[Macros in WikiText]].
The key difference between substitution and transclusion is that substitution occurs before WikiText parsing. This means that you can use substitution to build WikiText constructions. Transclusions are processed independently, and cannot be combined with adjacent text to define WikiText constructions.
! Simple Transclusion
To include some content from [[TiddlerA]] into [[TiddlerB]], edit the latter to include the following text:
```
This is the content of TiddlerA: {{TiddlerA}}
```
The result is that the content of the ''text'' field (i.e. the main content) of [[TiddlerA]] is rendered within [[TiddlerB]].
! Usage
The notation ``{{TiddlerA}}`` is a shortcut for ``{{TiddlerA!!text}}``. This is because the default field for transclusion is ''text'', but any other [[field|TiddlerFields]] can be used explicitly. For example, you can print the last time TiddlerA was modified using:
```
TiddlerA was modified on {{TiddlerA!!modified}}
```
By omitting the tiddler title, the transclusion notation can also be used to display the content of a field from the current tiddler, for example:
```
The current tiddler was modified on {{!!modified}}
```
! Recursion Errors
Notice that using ``{{!!text}}`` or ``{{}}`` causes an error (//Recursive transclusion error in transclude widget//), because it does not make sense to include the content of the current tiddler into the content of the current tiddler (that is, into itself). Whenever you encouter this error message, it means that you are trying to include something into itself, directly or indirectly (for example if tiddler A transcludes tiddler B which transcludes tiddler C which, in turn, transcludes tiddler A).
! Learning More
In TiddlyWiki, transclusions are not limited to including raw content like the above. To learn about more advanced uses of transclusion, see [[Transclusion with Templates]].
See also:
* [[Transclusion]]
* [[Transclusion with Templates]]
* [[Transclusion in WikiText]]
* TextReference
* TiddlerFields.
! Introduction
You can incorporate the content of one tiddler within another using the [[Transclusion]] notation:
* `{{MyTiddler}}` transcludes a single tiddler
* `{{MyTiddler||TemplateTitle}}` displays the tiddler through a specified [[TemplateTiddler|TemplateTiddlers]]
* `{{||TemplateTitle}}` displays the specified template tiddler without altering the [[current tiddler|Current Tiddler]]
!! Transcluding Text References
You can also use a TextReference instead of a tiddler title:
* `{{MyTiddler!!field}}` transcludes a specified field of a tiddler
* `{{!!field}}` transcludes a specified field of the current tiddler
* `{{MyTiddler##index}}` transcludes a specified indexed property of a [[DataTiddler|DataTiddlers]]
* `{{##index}}` transcludes a specified indexed property of the current [[DataTiddler|DataTiddlers]]
!! Filtered Transclusion
A similar syntax can be used to transclude a list of tiddlers matching a specified [[filter|Filters]]:
```
{{{ [tag[mechanism]] }}}
{{{ [tag[mechanism]] ||TemplateTitle}}}
```
! Generated Widgets
The WikiText transclusion syntax generates a TiddlerWidget wrapped around a TranscludeWidget. For example, `{{MyTiddler||MyTemplate!!myField}}` generates the following pair of widgets:
```
<$tiddler tiddler="MyTiddler">
<$transclude tiddler="MyTemplate" field="myField"/>
</$tiddler>
```
See also:
* [[Transclusion Basic Usage]]
* [[Transclusion with Templates]]
* TemplateTiddlers
* TranscludeWidget
* [[Transclusion and Substitution]]
The <<.def transclusion>> [[variable|Variables]] is set by the <<.wlink TranscludeWidget>> widget to a string that identifies the position of that widget within the [[widget tree|Widgets]].
~TiddlyWiki's core uses it to detect recursive [[transclusion|Transclusion]]. It is also used to implement the <<.mlink qualify>> macro.
The string has the following syntax:
<$railroad text="""
"{" a "|" b "|" c "|" d "|" e "|" "}"
"""/>
<ol style="list-style-type: lower-alpha;">
<li>the title of the [[current tiddler|Current Tiddler]]</li>
<li>the title of the tiddler being transcluded</li>
<li>the name of the field being transcluded</li>
<li>the name of the property name or index being transcluded</li>
<li>the name of the subtiddler being transcluded from a plugin</li>
</ol>
Many of the five items are often blank.
In the sidebar, the value of <<.var transclusion>> is:
> `{|$:/core/ui/PageTemplate/sidebar|||}`
When the tiddler <<.tid HelloThere>> is displayed in the story river, <<.var transclusion>> is set to:
> `{HelloThere|HelloThere|||}`
<<.variable-examples "transclusion">>
This example shows how to distinguish between the sidebar and other environments:
<$macrocall $name=".example" n="1"
eg="""We are
<$list
filter="[<transclusion>prefix[{|$:/core/ui/PageTemplate/sidebar|||}]]"
emptyMessage="in the story river.">
in the sidebar.
</$list>"""/>
In the sidebar, this would show `We are in the sidebar` instead.
! Introduction
In [[Transclusion Basic Usage]] we have seen how to include the content of a tiddler A into a tiddler B. Now suppose that tiddler A contains:
```
@@background-color:yellow;
Hello, my title is {{!!title}}
@@
```
This makes tiddler A display its title with a yellow background (see [[Styles and Classes in WikiText]] to learn about CSS style). Imagine that you want to display the title in the same way in tiddler B. But you don't want to copy/paste the style instructions, because you might want to change the background colour later and you want to keep it consistent among tiddlers. This looks like a typical case of transclusion, so let's try to transclude tiddler A in tiddler B the usual way with ``{{A}}``. You should see the following content in tiddler B:
<<<
@@background-color:yellow;
Hello, my title is A
@@
<<<
The style is applied as expected, but the title is wrong: we want ``{{!!title}}`` to refer to the target tiddler B, and not the source tiddler A.
The solution is to use a //template//. In this case, the source tiddler A is called the [[TemplateTiddler|TemplateTiddlers]], and it is //applied// to tiddler B using the notation ``{{||A}}``. The difference is that any TextReference which does not refer explicitly to a specific tiddler is applied to the [[current tiddler|Current Tiddler]], that is, the target tiddler. As a result, tiddler B now looks as expected:
<<<
@@background-color:yellow;
Hello, my title is B
@@
<<<
! Usage
Transcluding via a template is like applying a mask: assuming that the source tiddler contains generic references (like eye holes in a mask), these will be replaced with the target tiddlers values (like the eyes of the person who wears the mask).
A template can be applied to any tiddler, not necessarily the current one. This is achieved using the full notation ``{{<target>||<template>}}``. The default ``<target>`` is the [[current tiddler|Current Tiddler]] (this is what we used in the above example).
! Examples
!! A predefined template to render tags nicely
You can apply the system template ``$:/core/ui/TagTemplate`` to a tag in order to see it as a tag pill with a drop-down menu:
```
{{Transclusion||$:/core/ui/TagTemplate}}
```
is rendered as {{Transclusion||$:/core/ui/TagTemplate}}
See also:
* [[Transclusion in WikiText]]
* [[Transclusion Basic Usage]]
* TextReference
* TemplateTiddlers
* TranscludeWidget
* [[Current Tiddler]]
There is a special edition of TiddlyWiki that simplifies creating and maintaining translations:
http://tiddlywiki.com/editions/translators/
Note that no knowledge of Node.js or GitHub is required.
See http://tiddlywiki.com/dev for technical details of creating and maintaining translations.
The translation mechanism of TiddlyWiki manages and switches between language plugins that provide translations of the TiddlyWiki user interface. The developer site at http://tiddlywiki.com/dev/ explains how translators can create and submit translations for TiddlyWiki.
The title of the current language plugin is read from the tiddler [[$:/language]]. If the selected plugin changes then any displayed translateable text automatically changes.
Translation plugins are bundles of tiddlers that each contain an indepedent translatable string. The strings are transcluded as needed.
Translatable strings are generally in the namespace `$:/language/`, for example:
* [[$:/language/EditTemplate/Shadow/OverriddenWarning]]
* [[$:/language/Docs/ModuleTypes/isfilteroperator]]
* [[$:/language/EditTemplate/Fields/Add/Value/Placeholder]]
<<.this-is-operator-example>>
Here are some webpages with tips and tutorials related to ~TiddlyWiki
<div class="tc-link-info">
<$list filter="[tag[Tutorials]!sort[modified]]">
<div class="tc-link-info-item">
! <$link><$view field="title"/></$link>
<div class="tc-subtitle">Posted <$view field="modified" format="relativedate"/></div>
<$transclude/>
</div>
</$list>
</div>
The <<.def tv-auto-open-on-import>> [[variable|Variables]] controls whether the `tm-import-tiddlers` message causes the tiddler [[$:/Import]] (which lists the pending imports) to open in the story river.
By default, the tiddler is opened. But if this variable has the value <<.value no>>, it isn't.
An example of setting this variable to <<.value no>> can be found in the upgrade plugin within the [[TiddlyWiki Upgrade Wizard|http://www.tiddlywiki.com/upgrade.html]]. People can drag their wiki files onto the wizard without triggering the normal import display.
The <<.def tv-config-toolbar-class>> [[variable|Variables]] controls the value of the [[CSS|Cascading Style Sheets]] `class` attribute on the HTML element for a toolbar button.
It can be set prior to transcluding such a button.
In most environments, it defaults to <<.value tc-btn-invisible>>, which removes the button's background colour and border.
<<.variable-examples "tv-config-toolbar-class">>
<style>
.green-background {
background-color: green;
fill: white;
}
</style>
<$macrocall $name=".example" n="1"
eg="""<$set name="tv-config-toolbar-class" value="tc-btn-invisible">
{{$:/core/ui/Buttons/new-tiddler}}
</$set>
"""/>
<$macrocall $name=".example" n="2"
eg="""<$set name="tv-config-toolbar-class" value="green-background">
{{$:/core/ui/Buttons/new-tiddler}}
</$set>
"""/>
The `green-background` [[CSS|Cascading Style Sheets]] class is declared in a stylesheet within this tiddler.
The <<.def tv-config-toolbar-icons>> [[variable|Variables]] controls whether toolbar buttons display icons.
<<.this-is-toolbar-config-variable $:/config/Toolbar/Icons>>
<<.variable-examples "tv-config-toolbar-icons">>
See also <<.vlink tv-config-toolbar-text>>.
<$macrocall $name=".example" n="1"
eg="""<$set name="tv-config-toolbar-icons" value="no">
<$set name="tv-config-toolbar-text" value="yes">
{{$:/core/ui/Buttons/new-tiddler}}
</$set>
</$set>
"""/>
<$macrocall $name=".example" n="2"
eg="""<$set name="tv-config-toolbar-icons" value="yes">
{{$:/core/ui/Buttons/new-tiddler}}
</$set>
"""/>
The <<.def tv-config-toolbar-text>> [[variable|Variables]] controls whether toolbar buttons display text.
<<.this-is-toolbar-config-variable $:/config/Toolbar/Text>>
<<.variable-examples "tv-config-toolbar-text">>
See also <<.vlink tv-config-toolbar-icons>>.
<$macrocall $name=".example" n="1"
eg="""<$set name="tv-config-toolbar-text" value="no">
{{$:/core/ui/Buttons/new-tiddler}}
</$set>
"""/>
<$macrocall $name=".example" n="2"
eg="""<$set name="tv-config-toolbar-text" value="yes">
{{$:/core/ui/Buttons/new-tiddler}}
</$set>
"""/>
The <<.def tv-get-export-image-link>> [[variable|Variables]] controls the value of the `src` attribute on the HTML `img` element generated by the <<.wlink ImageWidget>> widget when the value of its `source` attribute is not the title of a tiddler.
The variable should be a [[macro|Macros]] with the following parameter:
;src
: The value of the `source` attribute -- equivalent to the image name specified in <$link to="Images in WikiText">the shorthand syntax</$link> `[img[source]]`
The ability to override image URIs in this way can be useful when one is using the [[Node.js configuration|TiddlyWiki on Node.js]] to export a static version of a wiki.
<<.variable-examples "tv-get-export-image-link">>
This example fetches [[the TiddlyWiki icon|http://www.tiddlywiki.com/favicon.ico]]:
<$importvariables filter="$:/editions/tw5.com/macro-examples/tv-get-export-image-link">
<$codeblock code={{$:/editions/tw5.com/macro-examples/tv-get-export-image-link}}/>
<$macrocall $name=".example" n="1" eg="""[img[favicon.ico]]"""/>
</$importvariables>
The <<.def tv-get-export-link>> [[variable|Variables]] controls the value of the `href` attribute on the HTML `a` element generated by the <<.wlink LinkWidget>> widget.
<<.this-is-static-link-variable>>
The variable should be a [[macro|Macros]] with the following parameter:
;to
: The title of the target tiddler of the link, with no escaping
See also <<.vlink tv-wikilink-template>>. If both that variable and this one exist, this one dominates.
The <<.def tv-get-export-path>> [[variable|Variables]] specifies the full pathname to which the <<.clink rendertiddlers RenderTiddlersCommand>> [[Node.js|TiddlyWiki on Node.js]] command writes each tiddler.
The variable should be implemented as a <<.js-macro-link "JavaScript macro">> with the following parameter:
;title
: The title of the tiddler
If no such macro exists, the tiddlers are written to files whose names are [[percent-encoded|Percent Encoding]], in the command's output folder.
The <<.def tv-tiddler-preview>> [[variable|Variables]] indicates whether content is being rendered in a tiddler preview panel.
The value is ''yes'' within the preview panel, and undefined elsewhere.
The <<.def tv-wikilink-template>> [[variable|Variables]] controls the value of the `href` attribute on the HTML `a` element generated by the <<.wlink LinkWidget>> widget.
<<.this-is-static-link-variable>>
The variable is treated as if it was a [[macro|Macros]] with the following parameters:
;uri_encoded
: The title of the target tiddler of the link, but [[percent-encoded|Percent Encoding]]
;uri_doubleencoded
: The value of the <<.param uri_encoded>> parameter but percent-encoded again, i.e. with its `%` characters further converted to `%25`
> `\define tv-wikilink-template() ../tiddlers/$uri_encoded$.html`
The variable defaults to `#$uri_encoded$`.
See also the <<.vlink tv-get-export-link>> variable, which dominates over this one.
The <<.def tv-wikilink-tooltip>> [[variable|Variables]] specifies the default value for the <<.attr tooltip>> attribute of the <<.wlink LinkWidget>> widget.
It is often defined as a [[macro|Macros]], and its value parsed as inline WikiText.
<<.variable-examples "tv-wikilink-tooltip">>
This example shows a way of giving links a tooltip derived from the target tiddler's <<.field caption>> field:
<$importvariables filter="$:/editions/tw5.com/macro-examples/tv-wikilink-tooltip">
<$codeblock code={{$:/editions/tw5.com/macro-examples/tv-wikilink-tooltip}}/>
<$macrocall $name=".example" n="1" eg="""Here is a link to [[backlinks Operator]] with a custom tooltip."""/>
</$importvariables>
Here is [[a standard link|HelloThere]] for comparison.
The <<.def tv-wikilinks>> [[variable|Variables]] controls the behaviour of the <<.wlink LinkWidget>> widget.
The widget normally produces a link to a tiddler. But if this variable has the value <<.value no>>, the widget suppresses the link and simply displays the text that would otherwise have served as the link.
You can suppress links for a whole tiddler by placing the following line at the start of the tiddler's text:
> `\define tv-wikilinks() no`
This variable has no effect on external links, as those do not involve the <<.wid link>> widget.
<<.variable-examples "tv-wikilinks">>
<$macrocall $name=".example" n="1"
eg="""HelloThere,
[[HelloThere]],
<$link to="HelloThere">is //this// a link?</$link>"""/>
<$macrocall $name=".example" n="2"
eg="""<$set name="tv-wikilinks" value="no">
HelloThere,
[[HelloThere]],
<$link to="HelloThere">is //this// a link?</$link>
</$set>"""/>
This experimental plugin adds the ability to display WikiText written for the original Classic version of TiddlyWiki.
See http://tiddlywiki.com/plugins/tiddlywiki/tw2parser/
A collection of hints and tips, musings and proposals from long-time TiddlyWiki contributor Mat Goldman.
{{!!url}}
<<<
This is Mat's, a.k.a <:-) little man-cave in the ~TiddlyVerse.
Most TW development is, understandably, based on the premise that //"Improve code ➔ Better TW"//. ''TWaddle'' is also about developing TW but from the perspective that [[Bigger community ⇄ Better TW]]. Thus, TWaddle looks more to people issues - how to attract them, how to make them stick with TW etc.
I'm not a programmer but I //am// a TW enthusiast so I tiddlefiddle enough to make the occasional discovery of something cool. Given the amount of words I utter, it is also a mere numbers game before I say something that makes sense. TWaddle is intended to capture these eventualities.
<<<
A collection of community tips and tutorials curated by Andreas Hahn, including a handy "customiser" that simplifies creating an empty TiddlyWiki with selected plugins and enhancements.
Updated to include [[Tinka|http://twguides.org/tinka.html]], a plugin that "provides a GUI to create and modify plugins more easily, therefore saving time on the packaging process".
{{!!url}}
<<<
The intent of the project is to encourage people to use and actively tweak TiddlyWiki according to their needs. Similar to the old version, I also want to encourage people to share their knowledge and help other people get the most out of this wonderful piece of wiki software.
<<<
WikiText can include blocks of text that are rendered with an explicit ContentType like this:
```
$$$image/svg+xml
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="100">
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="green" />
</svg>
$$$
```
This renders as:
$$$image/svg+xml
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="100">
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="green" />
</svg>
$$$
It is also possible to abbreviate the ContentType to a file extension. For example:
```
$$$.svg
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="100">
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
</svg>
$$$
```
This renders as:
$$$.svg
<svg xmlns="http://www.w3.org/2000/svg" width="150" height="100">
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
</svg>
$$$
Unknown types render as plain text:
```
$$$text/unknown
Some plain text, which will not be //formatted//.
$$$
```
Which renders as:
$$$text/unknown
Some plain text, which will not be //formatted//.
$$$
A render type can also be specified, causing a particular text rendering to be displayed. For example:
```
$$$text/vnd.tiddlywiki>text/html
This is ''some'' wikitext
$$$
$$$text/vnd.tiddlywiki>text/plain
This is ''some'' wikitext
$$$
```
Renders as:
$$$text/vnd.tiddlywiki>text/html
This is ''some'' wikitext
$$$
$$$text/vnd.tiddlywiki>text/plain
This is ''some'' wikitext
$$$
Use the [[documentation macros|Documentation Macros]] to keep the text maintainable in the face of change.
Be wary of arbitrarily applying raw bold or italic markup in a sentence. If there's a suitable macro, use that instead. If there isn't a suitable macro, write one or request one.
Use simple backticks (<code>`...`</code>) for fragments of WikiText, but not for the names of things like fields and widgets. These have their own macros.
To keep things clean and simple, quotation marks and apostrophes should be straight `'`, not curly `’`, and the ellipsis should be three separate dots `...` rather than `…`.
Use `"` as the primary quotation mark, reserving `'` for the rare case of a nested quotation.
Avoid using a single hyphen `-` as sentence punctuation. Instead, use a double hyphen -- which ~TiddlyWiki renders as an en-dash -- with a space on either side.
Items in lists and tables should only end with a full stop (period in US English) if they are complete sentences. They should have no trailing punctuation otherwise.
It is very rarely necessary to use an exclamation mark in professional documentation.
{{$:/language/Help/unpackplugin}}
A tiddler is deemed to have no tags if it:
* doesn't exist
* doesn't have a <<.field tags>> field
* has an empty <<.field tags>> field
<<.operator-examples "untagged">>
<<.operator-example 1 "[untagged[]]">>
<<.operator-example 2 "[all[shadows]untagged[]]">>
<<.operator-example 3 "[list[HelloThere]!untagged[]]">>
# Open upgrade.html
# Includes a data tiddler called `$:/UpgradeLibrary` that contains the latest compatible versions of all plugins in the library
# Drag in old wiki file
# Place tiddlers into a data tiddler `$:/Import` that is typed as a "pending import"
# Kick off import processing for each tiddler
## Give each "upgrader" module a chance to inspect the incoming tiddlers
## Upgrader modules can trigger actions for each tiddler:
##* Display a warning message
##* Don't import
##* Replace with another tiddler from the upgrade library
##* Disable incompatible plugins
# Display the newly created pending import tiddler through a new view template segment
## Displays the payload tiddlers as a list of titles and checkboxes, with a dropdown showing the full details of the tiddler
## Perhaps we also suppress the usual JSON display for data tiddlers behind a reveal widget
# The user can adjust the selection checkboxes
# Clicking "done" unpacks the selected tiddlers from the pending import tiddler
# The pending import tiddler and the upgrade library tiddler are excluded from the subsequent save operation
There are regular releases of TiddlyWiki with bug fixes and improvements. It's a good idea to keep up to date by regularly upgrading to the latest version.
! Introduction
The process described here is for upgrading standalone TiddlyWiki files. There is a [[different procedure|Upgrading TiddlyWiki on Node.js]] for upgrading [[TiddlyWiki on Node.js]].
<<<
When upgrading, please remember the [[The First Rule of Using TiddlyWiki]]:
//You are responsible for looking after your own data; take care to make backups, especially when upgrading the ~TiddlyWiki core//
<<<
! Online upgrading
This process will work on most desktop browsers. Note that none of your personal data leaves your browser with this process.
# Locate your TiddlyWiki file in the file system (i.e. using Windows Explorer, the Finder on Mac OS X, or your file manager on Linux)
# Visit http://tiddlywiki.com/upgrade.html in your browser
# Drag your old TiddlyWiki HTML file into the browser window
#* If the file is encrypted you will be prompted for the password
# Review the list of tiddlers that will be upgraded
# Click ''Upgrade''
# Save changes to save the new version
This will download a file called ''upgrade.html'' to your computer. This file is the upgrade of your old file. You may need to open the location where ''upgrade.html'' was downloaded, rename ''upgrade.html'' with the name of the old file you are upgrading, and replace the old file by moving the new file in its place.
! Offline upgrading
You can also download http://tiddlywiki.com/upgrade.html locally and perform the same drag-and-drop procedure to upgrade your files.
! Problems with Upgrades
!! Firefox Security Restrictions
The following error occurs when trying to perform the online upgrade procedure using Firefox:
<<<
Error while saving:
Error:NS_ERROR_DOM_BAD_URI: Access to restricted URI denied
<<<
The upgrade operation falls foul of a security restriction in Firefox. Until this can be resolved, we suggest either using the offline upgrader, or using Chrome to perform the upgrade:
# Use Chrome to open http://tiddlywiki.com/upgrade.html, then drag the TiddlyWiki HTML file to be upgraded into the upgrader window, as described above in ''Online upgrading''
# After you've saved your upgraded file, you should be able to open it in Firefox and [[save using TiddlyFox|Saving with TiddlyFox]] again
!! Incompatible Customisations
It is possible for a customisation applied in a previous version to break when upgraded to the latest version. There are two techniques you can use to help track down issues:
* Try repeating the upgrade having selectively unchecked any tiddlers that may be applying customisations to TiddlyWiki
* Use SafeMode to disable all customisations of shadow tiddlers
You can see which shadow tiddlers have been overridden in the ''Filter'' tab of [[advanced search|$:/AdvancedSearch]]. Select "Overridden shadow tiddlers" from the dropdown.
If you've installed [[TiddlyWiki on Node.js]] on the usual way, when a new version is released you can upgrade it with this command:
```
npm update -g tiddlywiki
```
On Mac or Linux you'll need to add ''sudo'' like this:
```
sudo npm update -g tiddlywiki
```
A <<.dlink-ex "URI" "http://en.wikipedia.org/wiki/Uniform_resource_identifier">> (also often known as a <<.def URL>>) is a string of characters used to specify the location of a resource such as a web page.
By default, when running [[TiddlyWiki on Node.js]], the server exposes the wiki at the URI formed from the protocol, host and port - for example, `http://127.0.0.1:8080/`.
There are two steps to running the wiki at a custom path like `http://127.0.0.1:8080/path/to/my/wiki/`:
# Configure the server by passing `/path/to/my/wiki` as the ''pathprefix'' argument of the ServerCommand
# Configure the client by creating a tiddler called `$:/config/tiddlyweb/host` that contains `$protocol$//$host$/path/to/my/wiki/`
You can use links (normally displayed as blue text) to navigate from one tiddler to another. Clicking on a link to any tiddler will take you to that tiddler. If the tiddler is closed, it will be opened. The wonderful thing about ~TiddlyWiki is that it makes links to tiddlers as accessible as possible. There are links everywhere! Here are the key places where you can find links to tiddlers in ~TiddlyWiki:
* You can ''create a link'' to a tiddler, whether it exists yet or not, in the body of any tiddler. See [[Linking in WikiText]] to see the various easy ways to create links between tiddlers.
* Each ''tag pill'' in your tiddler (such as the ''Working with ~TiddlyWiki'' tag pill below the title of this tiddler) contains a link to that tag's tiddler, as well as lists of all the tiddlers that carry that tag. This lets you go to any of those tiddlers.
* The ''InfoPanel'' of each tiddler gives you access to four tabs containing additional lists of related tiddlers:
** The ''References'' tab lists all the tiddlers that link //to// the current tiddler.
** The ''Tagging'' tab lists all the tiddlers that have been tagged with the current tiddler's title.
** The ''List'' tab lists all the tiddlers (or potential tiddlers) mentioned in the [[list field|ListField]] of the current tiddler.
** The ''Listed'' tab lists all the tiddlers that mention the current tiddler in //their// list fields.
* The ''sidebar tabs'' contain numerous lists of links to tiddlers:
** The ''Open'' tab lists all the tiddlers that are currently open, i.e. visible somewhere on the page.
** The ''Recent'' tab lists the 100 most recently modified tiddlers, beginning with the most recently modified.
** The ''More'' tab offers eight additional lists of tiddlers:
*** ''All'' lists all tiddlers in alphabetical order.
*** ''Tags'' lists all the tags. You can click on the pill for any tag to access a list of the tiddlers tagged with that tag.
*** ''Missing'' lists any tiddlers that don't yet exist, but have been linked to from other tiddlers. This is helpful for finding tiddlers you planned to create, but never got around to.
*** ''Drafts'' lists any tiddlers that are currently in draft mode. ~TiddlyWiki considers a tiddler's draft to be a separate tiddler for as long as you are editing it, so while you're editing a tiddler entitled ''Australia'', there will be two tiddlers, ''Australia'' and ''Draft of 'Australia'''. When you close the draft by saving your changes to it, those changes will be applied to the ''Australia'' tiddler. So treat the ''Drafts'' tab as a way of finding any unfinished drafts you started.
*** ''Orphans'' lists all the tiddlers that are not connected to any other tiddler by links, tags or lists. This is a helpful aid to editing your file - it shows you which tiddlers need to be integrated more carefully with the others.
*** ''Types'' lists any tiddlers with special content, such as images or audio.
*** ''System'' lists all of the SystemTiddlers.
*** ''Shadows'' lists all of the ShadowTiddlers.
* ''Search results'' are a list of the tiddlers that contain the text you type in the search box.
* Finally, you can create your own custom lists of tiddlers by various methods:
** You can transclude a [[filter|Filters]] (see [[Transclusion in WikiText]]). For example, adding `{{{ [tag[mountain]] }}}` to a tiddler will insert a list of all tiddlers tagged with ''mountain''.
** You can use the ListWidget. This is more complicated than transcluding a [[filter|Filters]], but in return it allows you more flexibility in designing and displaying the list exactly as you want it to appear.
The first steps to changing the appearance of TiddlyWiki are to choose and apply one of the available themes, or to modify the [[colour palette|ColourPalettes]].
In addition, custom [[CSS stylesheets|http://www.w3schools.com/css]] can be defined by tagging a tiddler `$:/tags/Stylesheet`. Try creating a custom stylesheet now with the following content in order to change the page background colour to red:
```
html body.tc-body {
background: red;
}
```
! Overriding Theme Settings
Custom stylesheets are applied independently from theme stylesheets. Therefore, it is often necessary for the css rules in your custom stylesheet to be more specific than those of the theme you want to override. For example, `html body.tc-body` is more specific than `body.tc-body`.
! Stylesheet Types
Usually it is best to use the type `text/css` for stylesheets. This treats them as plain stylesheets, and ensures that TiddlyWiki doesn't apply any wiki processing to them.
If you wish to use macros and transclusions in your stylesheets you should instead use the default WikiText type `text/vnd.tiddlywiki`. This allows full WikiText processing to be performed. Here is an example:
```
\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline html
body.tc-body pre {
<<box-shadow "inset 0 1px 0 #fff">>
}
```
The `\rules` pragma at the top of the tiddler restricts the WikiText to just allow macros and transclusion. This avoids mistakenly triggering unwanted WikiText processing.
A stylesheet tiddler is processed such that it is first wikified and then the text portion of the ouput is extracted to apply as the CSS. Any HTML tags you will use in your stylesheet are thus ignored. For example, HTML elements generated by the RevealWidget will not affect the output. As in the following example, you can wrap CSS rules in `<pre>` tags to display them as a codeblock without affecting processing, including handling the inner macro.
```
\rules only filteredtranscludeinline transcludeinline macrodef macrocallinline html
<pre>body.tc-body pre {
<<box-shadow "inset 0 1px 0 #fff">>
}
</pre>
```
!! Stylesheet Macros
The ~TiddlyWiki core provides several [[global macros that are helpful in constructing stylesheets|Stylesheet Macros]].
TiddlyWiki5 can be used to produce documentation for GitHub projects. It lets you maintain a single set of documentation as a [[TiddlyWikiFolder|TiddlyWikiFolders]] containing separate tiddler files under source code control, and then use it to produce `readme.md` files for inclusion in project folders, or HTML files for storage in [[GitHub Pages|http://pages.github.com/]]. Both features are demonstrated by TiddlyWiki5 itself.
! Generating `readme.md` files
When displaying the contents of a folder GitHub will look for a `readme.md` file and display it. Note that it will not display full HTML files in this way, just static MarkDown files (this is a security measure). Happily MarkDown permits a safe subset of HTML, and thus to generate a `readme.md` file that is suitable for GitHub it is just necessary for TiddlyWiki5 to generate the content of the `<body>` element of an HTML document, and give it the appropriate filename.
This is done with this command:
```
--rendertiddler ReadMe ./readme.md text/html
```
It saves the tiddler ReadMe to the file `./readme.md` in the `text/html` format.
By default, tiddler links will be rendered as `<a>` links to a relative URI consisting of the title of the tiddler. This behaviour can be overridden by defining the macro `tv-wikilink-template`, as is done at the top of the tiddler ReadMe:
```
\define tv-wikilink-template() http://tiddlywiki.com/static/$uri_doubleencoded$.html
```
See the LinkWidget for more details.
In this example, tiddler links are rendered as links to the static rendering of tw5.com.
TiddlyWiki5 can be used on the command line to perform an extensive set of operations based on TiddlyWikiFolders, TiddlerFiles and TiddlyWikiFiles.
For example, the following command loads the tiddlers from a TiddlyWiki HTML file and then saves one of them in static HTML:
```
tiddlywiki --verbose --load mywiki.html --rendertiddler ReadMe ./readme.html
```
Running `tiddlywiki` from the command line boots the TiddlyWiki kernel, loads the core plugins and establishes an empty wiki store. It then sequentially processes the command line arguments from left to right. The arguments are separated with spaces.
The first argument is the optional path to the [[TiddlyWikiFolder|TiddlyWikiFolders]] to be loaded. If not present, then the current directory is used.
The commands and their individual arguments follow, each command being identified by the prefix `--`.
```
tiddlywiki [<wikipath>] [--<command> [<arg>[,<arg>]]]
```
The available commands are:
<<list-links "[tag[Commands]]">>
TiddlyWiki5 allows you to use SVG to display vector graphics in two ways:
* Tiddlers with the type `image/svg+xml` are interpreted as SVG images, and displayed and transcluded as self-contained `<img>` elements with the SVG embedded as a data URI in the `src` attribute.
** For examples of SVG images see [[Motovun Jack.svg]] and [[Tiddler Fishes.svg]]
* WikiText can also include inline SVG elements directly. See below for an example.
! Embedding SVG tiddlers
You can embed an SVG image tiddler using the ordinary transclusion syntax:
```
{{Motovun Jack.jpg}}
```
You can also use TypedBlockWikiText to embed an inline SVG tiddler.
The implications of the image being rendered within an `<img>` element are that it is sandboxed; it can't use CSS styles from the parent document, for example. Neither can the image use WikiText features like transclusion.
! Embedding SVG elements
The other way to use SVG is to embed the `<svg>` element directly. For example:
<svg width="150" height="100">
<circle cx="100" cy="50" r="40" stroke="black" stroke-width="2" fill="red" />
</svg>
Note that inline SVG elements don't need an `<?xml version="1.0"?>` directive.
! Including HTML or WikiText content in SVG images
You can include simple text strings in SVG images using the `<text>` element:
<svg width="100px" height="30px" viewBox="0 0 1000 300"><text x="250" y="150" font-family="Verdana" font-size="55">Hello, out there</text><rect x="1" y="1" width="998" height="298" fill="none" stroke-width="2" /></svg>
HTML or WikiText content can be included within inline SVG images using the `<foreignObject>` element. For example:
<svg width="260px" height="260px"><circle cx="150" cy="150" r="100" fill="blue" stoke="red"/><foreignObject x="70" y="110" width="150" height="180"><body>Here is some text that requires a word wrap, and includes a [[link to a tiddler|HelloThere]].</body></foreignObject></svg>
! Transcluding SVG elements
When embedding SVG elements you can also use WikiText features like transclusion. For example, here is an SVG circle with the radius set to the value in the tiddler [[$:/SVGExampleRadius]]:
<svg width="150" height="150"><circle cx="75" cy="75" r={{$:/SVGExampleRadius}} stroke="black" stroke-width="2" fill="green"/></svg>
You can edit the value of the radius here: <$edit-text tiddler="$:/SVGExampleRadius" tag="input"/>
! Making curved text with SVG
{{Making curved text with SVG}}
A <<.def variable>> is a snippet of text that can be accessed by name within a particular branch of the [[widget tree|Widgets]]. The snippet is known as the variable's <<.def value>>.
A new variable is defined using a <<.wlink SetWidget>> widget, and is then available to any of the children of that widget, including transcluded content. A <<.wid set>> widget can reuse an existing name, thus binding a different snippet to that name for the duration of the widget's children.
The <<.wlink ListWidget>> widget also sets a particular variable (<<.var currentTiddler>> by default) to each listed title in turn.
For an overview of how to use variables, see [[Variables in WikiText]].
Despite the term <<.word variable>>, each snippet is a constant string. The apparent variability is actually the result of the presence of multiple variables with the same name in different parts of the widget tree.
[[Macros]] are a special form of variable whose value can contain placeholders that get filled in with parameters whenever the macro is used.
By themselves, the snippets are <<.em not>> parsed as WikiText. However, a variable reference will transclude a snippet into a context where ~WikiText parsing <<.em may>> be occurring. Within a snippet, the only markup detected is `$name$` for a macro parameter transclusion and `$(name)$` for a variable transclusion.
The <<.mlink dumpvariables>> macro lists all variables (including macros) that are available at that position in the widget tree.
~TiddlyWiki's core has [[several variables|Core Variables]] built in.
See also the [[introduction to the concept of variables|Variables]].
To transclude the value of a variable, use the [[macro call syntax|Macro Calls in WikiText]] with no parameters. You can also use a <<.wlink MacroCallWidget>> widget.
A [[macro|Macros]] snippet can contain `$(name)$` as a [[placeholder|Macro Definitions in WikiText]] for which the value of the variable of that name will be substituted.
A variable's value can be used as a [[filter parameter|Filter Parameter]], or as a [[widget attribute|Widgets in WikiText]]. The latter supports macro parameters.
!! Example: defining a variable
<$macrocall $name=".example" n="1"
eg="""<$set name=animal value=zebra>
<<animal>>
</$set>"""/>
!! Example: defining a macro
The `\define` pragma below [[defines a macro|Macros in WikiText]] called <<.var tags-of-current-tiddler>>. The macro returns the value of the tiddler's <<.field tags>> field, and can be accessed from anywhere else in the same tiddler (or in any tiddler that [[imports|ImportVariablesWidget]] it).
<$importvariables filter="$:/editions/tw5.com/macro-examples/tags-of-current-tiddler">
<$codeblock code={{$:/editions/tw5.com/macro-examples/tags-of-current-tiddler}}/>
<$macrocall $name=".example" n="2" eg="""The tags are: <<tags-of-current-tiddler>>"""/>
</$importvariables>
!! Example: using a variable as a filter parameter
This example uses the <<.olink backlinks>> [[operator|Filter Operators]] to list all tiddlers that link to this one.
<$macrocall $name=".example" n="3" eg="""<<list-links filter:"[<currentTiddler>backlinks[]]">>"""/>
! Introduction
The ''vars'' widget allows multiple variables to be set in one operation. In some situations it can result in simpler code than using the more flexible SetWidget.
! Content and Attributes
The content of the `<$vars>` widget is the scope for the value assigned to the variable.
|!Attribute |!Description |
|//{attributes not starting with $}// |Each attribute name specifies a variable name. The attribute value is assigned to the variable |
! Examples
Consider a case where you need to set multiple variables.
Using the `<$vars>` widget, this situation may be handled in the following way:
```
\define helloworld() Hello world!
<$vars greeting="Hi" me={{!!title}} sentence=<<helloworld>>>
<<greeting>>! I am <<me>> and I say: <<sentence>>
</$vars>
```
In contrast, here is the same example using the `<$set>` widget:
```
<$set name="greeting" value="Hi" />
<$set name="me" value={{!!title}} />
<$set name="sentence" value=<<helloworld>> />
<<greeting>>! I am <<me>> and I say: <<sentence>>
</$set>
</$set>
</$set>
```
! Remarks
It should be noted that this widget differs from the set widget in the following ways:
* A fallback (also known as "emptyValue") cannot be specified
* Filters cannot be used to produce a conditional variable assignement
* Variable names must be literal strings
{{$:/language/Help/verbose}}
The <<.def version>> [[macro|Macros]] returns the current version number of ~TiddlyWiki.
!! Parameters
(none)
<<.macro-examples "version">>
<$macrocall $name=".example" n="1" eg="""Version number: <<version>>"""/>
{{$:/language/Help/version}}
The following TiddlyWiki videos are available.
<<list-links "[tag[Videos]]">>
The aim is to curate a series of videos to guide people through getting up and running with TiddlyWiki. [[Contributions|Contributing]] are welcome.
! Introduction
The view widget displays the contents of a tiddler field in a specified format.
! Content and Attributes
The content of the `<$view>` widget is displayed if the field or property is missing or empty.
|!Attribute |!Description |
|tiddler |The title of the tiddler (defaults to the [[current tiddler|Current Tiddler]]) |
|field |The name of the field to view (defaults to "text") |
|index |The name of the index to view |
|format |The format for displaying the field (see below) |
|template |Optional template string used with certain formats such as dates |
|subtiddler |Optional SubTiddler title when the target tiddler is a [[plugin|Plugins]] (see below) |
!! Formats
The following formats can be specified in the `format` attribute:
|!Format |!Description |
|''text'' |Plain text |
|''htmlwikified'' |The field is wikified and the resulting HTML returned as plain text |
|''htmlencoded'' |The field is displayed with HTML encoding issues |
|''date'' |The field is interpreted as a UTC date and displayed according to the DateFormat specified in the `template` attribute |
|''relativedate'' |The field is interpreted as a UTC date and displayed as the interval from the present instant |
|''stripcomments'' |The field is interpreted as JavaScript source code and any lines beginning `\\#` are stripped |
|''jsencoded'' |The field is displayed as a JavaScript encoded string |
! SubTiddler Access
The view widget allows access to the individual tiddlers stored within a [[plugin|Plugins]].
The following example will view the core version of the tiddler [[$:/DefaultTiddlers]] even if it has been overridden:
<<wikitext-example-without-html '
<$view tiddler="$:/core" subtiddler="$:/DefaultTiddlers"/>
'>>
An interactive timeline visualisation plugin based on [[Vis.js|http://visjs.org]]. A demo can be found here: {{!!url}}.
<<<
vis.js Timeline is a TiddlyWiki plugin that allows you to link your wiki-topics (tiddlers) in order to create clickable timelines. This project is a direct continuation of [[emkay's plugin|https://github.com/emkayonline/tw5visjs]].
<<<
<<.this-is-operator-example>>
<a class="tc-float-right tc-bordered-image" href="http://classic.tiddlywiki.com/" target="_blank">[img width="200" [TiddlyWiki Classic.png]]</a>
The original [[Classic|TiddlyWikiClassic]] version of TiddlyWiki is still available at:
http://classic.tiddlywiki.com.
Note that the [[current version|TiddlyWiki5]] of TiddlyWiki is not fully backwards compatible with TiddlyWikiClassic. Content can be imported but will need massaging to adapt to the new WikiText format. A ''tw2parser'' plugin is under development that will allow faithful display of most content created for TiddlyWikiClassic:
http://tiddlywiki.com/plugins/tiddlywiki/tw2parser/
The `tm-add-field` message is handled by the FieldManglerWidget. It adds the specified field with a blank value if the field doesn't already exist.
|!Name |!Description |
|param |Name of field to add |
The add field message is usually generated with the ButtonWidget, and is handled by the FieldManglerWidget.
The `tm-add-tag` message is handled by the FieldManglerWidget. It adds the specified tag.
|!Name |!Description |
|param |Name of tag to add |
The add tag message is usually generated with the ButtonWidget, and is handled by the FieldManglerWidget.
The autosave wiki message causes the current saver module to perform a background save if it is required.
The autosave wiki message should be generated whenever changes are made to the store. For example, the navigator widget generates the autosave wiki message as part of its handling of the [[WidgetMessage: tm-save-tiddler]], [[WidgetMessage: tm-delete-tiddler]] and [[WidgetMessage: tm-perform-import]].
The autosave wiki message is handled by the TiddlyWiki core SyncMechanism which invokes the current [[SaverModule|SaverModules]]. Not all SaverModules can handle autosaving.
The `tm-browser-refresh` message refreshes the page, causing the re-initialisation of any plugin tiddlers. It does not require any properties on the `event` object.
The refresh message is usually generated with the ButtonWidget and is handled by the core.
The `tm-cancel-tiddler` message abandons the changes in a draft tiddler. It requires the following properties on the `event` object:
|!Name |!Description |
|param |Title of the tiddler that is being cancelled out of edit mode |
|tiddlerTitle |Fallback title that is used if ''param'' isn't specified (automatically set by the ButtonWidget) |
The cancel tiddler message is usually generated with the ButtonWidget and is handled by the NavigatorWidget.
The `tm-clear-password` message clears the current password from the password vault, clearing the [[$:/isEncrypted]] tiddler. See EncryptionMechanism for details.
This message is typically generated with the ButtonWidget, and is handled by the core itself.
The close all tiddlers message empties the story list.
The close all tiddlers message is usually generated with the ButtonWidget and is handled by the NavigatorWidget.
The `tm-close-other-tiddlers` message removes all but a specified tiddler from the story list. It requires the following properties on the `event` object:
|!Name |!Description |
|param |Title of the tiddler that is not to be closed |
|tiddlerTitle |Fallback title that is used if ''param'' isn't specified (automatically set by the ButtonWidget) |
The close other tiddlers message is usually generated with the ButtonWidget and is handled by the NavigatorWidget.
The `tm-close-tiddler` message removes a specified tiddler from the story list. It requires the following properties on the `event` object:
|!Name |!Description |
|param |Title of the tiddler that is to be closed |
|tiddlerTitle |Fallback title that is used if ''param'' isn't specified (automatically set by the ButtonWidget) |
The close tiddler message is usually generated with the ButtonWidget and is handled by the NavigatorWidget.
The `tm-delete-tiddler` message deletes the specified tiddler and removes it from the current story. If the tiddler is a draft then it also deletes the tiddler specified in the `draft.of` field. The delete tiddler message requires the following properties on the `event` object:
|!Name |!Description |
|param |Title of the tiddler that is to be deleted |
|tiddlerTitle |Fallback title that is used if ''param'' isn't specified (automatically set by the ButtonWidget) |
The delete tiddler message is usually generated with the ButtonWidget and is handled by the NavigatorWidget.
The download file message causes the current saver module to prompt the user to download the result of parsing a specified template tiddler as a file. It requires the following properties on the `event` object:
|!Name |!Description |
|param |Title of a tiddler to use as a template for the new tiddler |
|paramObject |Optional hashmap of variable values to use for the rendering |
The download file message is usually generated with the ButtonWidget.
The download file message is handled by the TiddlyWiki core SyncMechanism which invokes the current [[SaverModule|SaverModules]].
The `tm-edit-tiddler` message replaces the specified tiddler in the current story with a draft version of itself. It requires the following properties on the `event` object:
|!Name |!Description |
|param |Title of the tiddler that is being switched to edit mode |
|tiddlerTitle |Fallback title that is used if ''param'' isn't specified (automatically set by the ButtonWidget) |
The edit tiddler message is usually generated with the ButtonWidget or the ActionSendMessageWidget and is handled by the NavigatorWidget.
The fullscreen message toggles the "fullscreen" mode of the browser, if it supports it.
The fullscreen message is handled by the TiddlyWiki core.
The `tm-home` message closes any open tiddlers and re-opens the default tiddlers set in [[$:/DefaultTiddlers]]. It also remove any [[permalink|PermaLinks]] from the browser address bar. It does not require any properties on the `event` object.
The home message is usually generated with the ButtonWidget and is handled by the core.
The `tm-import-tiddlers` message inserts a list of tiddlers into the pending import tiddler [[$:/Import]]. It also applies any active ''upgrader'' modules to each tiddler as it arrives (see the UpgradeMechanism for more details).
|!Name |!Description |
|param |JSON text of the array of tiddlers to be imported |
The import tiddlers message is usually generated with the DropzoneWidget or the BrowseWidget, and is handled by the NavigatorWidget.
! Configuration Variables
* <<.vlink tv-auto-open-on-import>>
The login message prompts the user for a username and password and attempts to login to the current serverside host. The tiddler [[$:/status/IsLoggedIn]] reflects the current login status with the values "yes" or "no", and [[$:/status/UserName]] reflects the current username.
The login message is handled by the TiddlyWiki core SyncMechanism which invokes the current [[SyncAdaptorModule|SyncAdaptorModules]] (typically the ''tiddlywiki/tiddlywebadaptor'' plugin).
The logout message attempts to log the user out of the current serverside host. The tiddler [[$:/status/IsLoggedIn]] reflects the current login status with the values "yes" or "no", and [[$:/status/UserName]] reflects the current username.
The logout message is handled by the TiddlyWiki core SyncMechanism which invokes the current [[SyncAdaptorModule|SyncAdaptorModules]] (typically the ''tiddlywiki/tiddlywebadaptor'' plugin).
The modal message displays a specified tiddler in a modal overlay that dims the main page. It requires the following properties on the `event` object:
|!Name |!Description |
|param |Title of the tiddler to be displayed |
|paramObject |Hashmap of variables to be provided to the modal |
The "currentTiddler" variable is set to the title of the modal tiddler, but can be overridden by specifying a different value in `paramObject`.
The modal message is usually generated with the ButtonWidget. The modal message is handled by the TiddlyWiki core.
! Example
Here is an example of displaying a modal and passing parameters to it:
<$macrocall $name='wikitext-example-without-html'
src='Your name: <$edit-text tiddler="$:/temp/yourName" tag="input" default="Your name"/>
Your message:
<$edit-text tiddler="$:/temp/yourMessage" default="Your message"/>
<$button>
<$action-sendmessage $message="tm-modal" $param="SampleModal" yourName={{$:/temp/yourName}} yourMessage={{$:/temp/yourMessage}}/>
Click me!
</$button>'/>
The `tm-navigate` message inserts the specified tiddler into the story and puts it at the top of the history stack. If the tiddler is not already present in the story then it will be positioned immediately after the tiddler specified in `event.navigateFromTitle`.
The navigate message requires the following properties on the `event` object:
|!Name |!Description |
|navigateTo |Title of the tiddler that is being navigated |
|navigateFromTitle |Title of the tiddler from which the navigation was initiated |
|navigateFromClientRect |Bounding rectangle in client page coordinates of the element initiating the navigation |
|navigateSuppressNavigation |''true'' causes the new tiddler to only be added to the story, and not the history stack. This suppresses the scrolling associated with navigating to a tiddler |
The navigate message can be generated by the LinkWidget, the ActionNavigateWidget and the ButtonWidget, and is handled by the NavigatorWidget.
The new tiddler message creates a new draft tiddler and adds it to the current story. It requires the following properties on the `event` object:
|!Name |!Description |
|param |The optional title of a tiddler to use as a template for the new tiddler |
|paramObject |Optional hashmap of additional tiddler fields |
|navigateFromTitle |Title of the tiddler from which the navigation to the new tiddler was initiated |
The title for the draft tiddler is chosen according to these rules:
* If a hashmap was used and a title field was specified, use that title
* If a template tiddler was used, use the title of the template tiddler, making it unique with a numeric suffix
* Otherwise, generate a new title based on the default new tiddler title with a numeric suffix to make it unique
The new tiddler message is usually generated with the ButtonWidget or ActionSendMessageWidget and is handled by the NavigatorWidget.
! Example
To make a button that creates new tiddlers tagged "task", create a tiddler called "TaskTemplate" with that tag, and then make your button like this:
```
<$button message="tm-new-tiddler" param="TaskTemplate">New Task</$button>
```
The notify message briefly displays a specified tiddler as a small alert in the upper right corner of the page. It requires the following properties on the `event` object:
|!Name |!Description |
|param |Title of the tiddler to be displayed |
The notify message is handled by the TiddlyWiki core.
The perform import message copies tiddlers from a specified plugin into the main store. See the UpgradeMechanism for an overview of how it is used by the core.
|!Name |!Description |
|param |Title of the pending import tiddler. Defaults to ''$:/Import'' |
To select which tiddlers are to be imported, fields with names formed from `selection-` plus the title of the tiddler are used. The value ''unchecked'' causes the tiddler to be skipped from the import.
The perform import message is usually generated with the ButtonWidget and is handled by the NavigatorWidget.
The `tm-permalink` message changes the browser address bar to form a [[permalink|PermaLinks]] to a specified tiddler, defaulting to the current tiddler.
The permalink message supports the following properties on the `event` object:
|!Name |!Description |
|param |Title of the tiddler to be permalinked |
|tiddlerTitle |The current tiddler (used by default if the tiddler title isn't specified in the `param`) |
The permalink message can be generated by the ButtonWidget, and is handled by the story mechanism.
The `tm-permaview` message changes the browser address bar to form a [[permaview|PermaLinks]] that specifies all the open tiddlers in the main story river, and the tiddler to be navigated, defaulting to the current tiddler.
The permaview message supports the following properties on the `event` object:
|!Name |!Description |
|param |Title of the tiddler to be navigated within the permaview |
|tiddlerTitle |The current tiddler (used by default if the tiddler title isn't specified in the `param`) |
The permaview message can be generated by the ButtonWidget, and is handled by the story mechanism.
The `tm-remove-field` message is handled by the FieldManglerWidget. It removes the specified field.
|!Name |!Description |
|param |Name of field to remove |
The remove field message is usually generated with the ButtonWidget, and is handled by the FieldManglerWidget.
The `tm-remove-tag` message is handled by the FieldManglerWidget. It removes the specified tag.
|!Name |!Description |
|param |Name of tag to remove |
The remove tag message is usually generated with the ButtonWidget, and is handled by the FieldManglerWidget.
The `tm-save-tiddler` message is applied to draft tiddlers. It saves the draft over the tiddler identified in the `draft.of` field and then deletes the draft. The save tiddler message requires the following properties on the `event` object:
|!Name |!Description |
|param |Title of the tiddler that is being switched out of edit mode |
|tiddlerTitle |Fallback title that is used if ''param'' isn't specified (automatically set by the ButtonWidget) |
The save tiddler message is usually generated with the ButtonWidget and is handled by the NavigatorWidget.
The save wiki message causes the current saver module to perform a full save operation. The save operation can involve user interaction. It requires the following properties on the `event` object:
|!Name |!Description |
|param |Title of a tiddler to use as a template for rendering the wiki (defaults to `$:/core/save/all`) |
|paramObject |Optional hashmap of variable values to use for the rendering |
The save wiki message is usually generated by the ButtonWidget.
The save wiki message is handled by the TiddlyWiki core SyncMechanism which invokes the current [[SaverModule|SaverModules]].
The server refresh message attempts to synchronise the latest changes to the current serverside host.
The server refresh message is handled by the TiddlyWiki core SyncMechanism which invokes the current [[SyncAdaptorModule|SyncAdaptorModules]] (typically the ''tiddlywiki/tiddlywebadaptor'' plugin).
The `tm-set-password` message prompts the user for a new password and stores it in the password vault, replacing any existing password. It also sets the [[$:/isEncrypted]] tiddler. See EncryptionMechanism for details.
This message is typically generated with the ButtonWidget, and is handled by the core itself.
~TiddlyWiki's display is driven by an underlying collection of <<.def widgets>>. These are organised into a tree structure: each widget has a parent widget and zero or more child widgets.
~TiddlyWiki generates this <<.def "widget tree">> by parsing the WikiText of tiddlers. Each component of the WikiText syntax, including even the trivial case of ordinary text, generates a corresponding widget. The widget tree is an intermediate representation that is subsequently rendered into the actual display.
Widgets are analogous to elements in an HTML document. Indeed, HTML tags in WikiText generate dedicated <<.def "element widgets">>.
Each class of widget contributes a specific ability to the overall functionality, such as the ability to <<.wlink2 "display an image" ImageWidget>> or <<.wlink2 "a button" ButtonWidget>>, to <<.wlink2 "call a macro" MacroCallWidget>> or <<.wlink2 "transclude text from elsewhere" TranscludeWidget>>, or to [[mark a piece of text as a heading|HTML in WikiText]].
The more specialised widgets use a general-purpose [[widget syntax|Widgets in WikiText]] as their only possible WikiText representation.
The following classes of widget are built into the core:
<<list-links "[tag[Widgets]]">>
Widgets provide rich functionality within WikiText. They have the same syntax as [[HTML elements|HTML in WikiText]], but the tag name always starts with `$`. For example:
```
<$button message="tm-close-tiddler">Close Me!</$button>
```
Note that widgets inherit all the features of [[HTML in WikiText]]:
* Widget attributes can be specified as:
** Unquoted strings (that cannot contain spaces)
** Strings quoted with single or double quotes
** Strings quoted with triple-double quotes
** Macro invocations (eg `attr=<<myMacro>>`)
** Transclusions (eg, `attr={{MyTiddler!!field}}`)
* The content of a widget is parsed in inline mode unless the opening tag is followed by two linebreaks, which forces block mode
** 'Inline mode' means that 'block mode' parse rules like headings, tables and lists are not recognised
See [[HTML in WikiText]] for more details.
The available widgets include:
<<list-links "[tag[Widgets]]">>
Groups of uniquely titled tiddlers are contained in WikiStore objects.
The WikiStore also manages the plugin modules used for widgets, and operations like serializing, deserializing, parsing and rendering tiddlers.
~WikiText is a concise, expressive way of typing a wide range of text formatting, hypertext and interactive features. It allows you to focus on writing without a complex user interface getting in the way. It is designed to be familiar for users of [[MarkDown|http://daringfireball.net/projects/markdown/]], but with more of a focus on linking and the interactive features.
See [[Formatting text in TiddlyWiki]] for an introduction to WikiText.
The following elements of WikiText syntax are built into the core:
<<list-links "[tag[WikiText]]">>
Under Windows it is possible to convert TiddlyWiki into a true local application by renaming the HTML file to have the extension `*.hta`. The ''fsosaver'' module can then use the ~ActiveX ~FileSystemObject to save changes.
Note that one disadvantage of this approach is that the TiddlyWiki file is saved in UTF-16 format, making it up to twice as large as it would be with the usual UTF-8 encoding. However, opening and saving the file via another saving method will re-encode the file to UTF-8.
See Wikipedia for more details: http://en.wikipedia.org/wiki/HTML_Application
! Introduction
If you want to [[contribute|Contributing]] to TiddlyWiki's development, rather than [[installing TiddlyWiki in the usual way|Installing TiddlyWiki on Node.js]], you can work directly with the GitHub repository.
Mario Pietsch has created a [[short video introduction|Working with the TiddlyWiki5 repository video]].
! Setting Up
# Create an account on GitHub if you don't already have one
# Fork the TiddlyWiki5 GitHub repository from https://github.com/Jermolene/TiddlyWiki5
# Clone a local copy of your fork
# Open a command line terminal and change the current working directory to the root of the repo
# Type `npm link` (Windows) or `sudo npm link` (Mac/Linux) to tell [[npm]] to use this copy of the repo as the globally installed one
After this procedure you can work with TiddlyWiki5 via [[npm]] as though it were installed in the usual way with `npm install -g tiddlywiki`.
See also [[Scripts for TiddlyWiki on Node.js]].
Mario Pietsch has created a short video tutorial on [[working with the TiddlyWiki5 GitHub repository|Working with the TiddlyWiki5 repository]].
<iframe width="560" height="315" src="http://www.youtube.com/embed/6ElUruH92tc" frameborder="0" allowfullscreen></iframe>
Information to help you get started using TiddlyWiki:
<<list-links "[tag[Working with TiddlyWiki]]">>
La traduction en Français (France) de TiddlyWiki démarre ici :
* ''documentation'' : http://tiddlywiki.com/languages/fr-FR/index.html
* ''empty'' : http://tiddlywiki.com/languages/fr-FR/empty.html
A toc of tiddler headings, based on the works of [[Danielo Rodríguez|http://braintest.tiddlyspot.com/]], Stephen Kimmel and [[EucalyJ|http://eucaly-tw5.tiddlyspot.com]] in [[this discussion|https://groups.google.com/forum/#!topic/tiddlywiki/6zBxrj4nV34]].
{{||toc}}
!Get ~MatchFilter
Install [[MatchFilter from EucalyJ|http://eucaly-tw5.tiddlyspot.com/#MatchFilter]], e.g. [[$:/core/modules/filters/match.js]], providing a plugin to extract tiddler contents via regular expressions.
!Create Template
Create a template tiddler for your tiddler-toc, dragging [[toc]] to your wiki.
!Use It
Render the tiddler-toc by [[transcluding the template tiddler|http://tiddlywiki.com/#Transclusion%20in%20WikiText]] [[toc]] via either of...
* `{{||toc}}`
* `<$transclude tiddler="toc"/>`
!Styles
The default styles are provided using an [[inline <style/> tag|http://tb5.tiddlyspot.com/#Core%20Images%20And%20Inline%20Stylesheets]] in [[toc]] tiddler. To override them, create a tidder tagged [[$:/tags/Stylesheet]] to define your desired toc styles.
<br>
Some more headings, just for fun...
!!Level 2
!!!Level 3
!!!!Level 4
!!!!!Level 5
!!!!!!Level 6
See TiddlyWiki for another example.
Example contents from Wikipedia, the free encyclopedia...
TiddlyWiki is an open-source single page application wiki. A single HTML file contains CSS, JavaScript, and the content. The content is divided into a series of components, or Tiddlers. A user is encouraged to read a TiddlyWiki by following links rather than sequentially scrolling down the page.
{{||toc}}
!Tiddlers
TiddlyWiki content is divided into a series of components called tiddlers. Each tiddler is stored inside an HTML division that contains the source text and meta data in wiki markup. For example, the following could be the HTML source code for the beginning of this section written as a tiddler:
```
<div title="Tiddlers"
modifier="John Smith"
created="200811132220"
modified="200811132225"
changecount="3"
tags="wikipedia section example code">
<pre>TiddlyWiki content is divided into a ...
```
!Plugins
In addition to containing text, a tiddler can be a plugin with additional JavaScript and CSS to extend TiddlyWiki. As a result, TiddlyWiki is used in a wide variety of adaptations and uses beyond that of a personal wiki.
!File saving
A TiddlyWiki opened from a file URI may save changes made back to the original file using one of the following techniques:
* formerly the Mozilla File I/O [2] under the control of the UniversalXPConnect per-file preferences [3] for Mozilla Firefox. That functionality was removed from Firefox, and is now replaced with a plugin called TiddlyFox.
* the Microsoft ActiveX FileSystemObject [4] for Internet Explorer
* TiddlySaver Java applet to extend Safari, Opera, Chrome/Chromium, and other browsers. Requires the Java runtime.
!Applications
Although there are many TiddlyWiki documents on the Web, the majority of TiddlyWikis reside on personal computers and are exchanged on USB flash drives and over email, in a manner similar to word processing documents and spreadsheets. It has been suggested that, as a single HTML file, or saved as an HTA file in Microsoft Windows (allowing corporate IE lockdown to be bypassed), TiddlyWiki is useful in corporate environments where red tape or IT resources might prevent the use of a wiki that requires a more complicated installation.[5]
TiddlyWiki has been used as a Software framework to build specialisations. SocialText uses TiddlyWiki as a part of their unplugged feature.[6]
!History
* The first version of TiddlyWiki was released by Jeremy Ruston in September 2004.
* BT Group bought Osmosoft in 2007[7][8] appointing Ruston as BT's "Head of Open Source Innovation".[9]
* TiddlyWiki was selected as one of the Top 100 Tools for 2007 and 2008 by the Centre for Learning & Performance Technologies.[10]
* In November 2011, Jeremy Ruston announced his departure from Osmosoft and commitment to continue development on TiddlyWiki.[11][12] He is currently building a new TiddlyWiki called TiddlyWiki 5 from the ground up based on lessons learned from the first versions. A beta version was released mid December 2013.[13]
!License
TiddlyWiki is free and open source software and is distributed under the terms of the BSD license.[14] The copyright of TiddlyWiki is held in trust by UnaMesa, a Non-profit organization.[15]
!See also
* Single page application
* Personal wiki
* List of wiki software
* Comparison of wiki software
* Comparison of notetaking software
!References
# "TiddlyWiki Translations". TiddlyWiki Trac Wiki. TiddlyWiki Development team. 2004–2011. Retrieved 20 January 2011.
# "File I/O - MDN". Developer.mozilla.org. 2012-03-31. Retrieved 2012-05-23.
# Stoltz, Mitch. "Per-File Permissions". Mozilla.org. Retrieved 2012-05-23.
# "FileSystemObject Basics". MSDN. Microsoft. Retrieved 2012-05-23.
# "Guerilla wiki". Tech Writer Wiki. Retrieved 11 February 2012.
# "TiddlyWiki - a reusable non-linear personal web notebook". W3.org. 2008-01-01. Retrieved 2012-05-23.
# jermolene (May 29, 2007). "I For One Welcome My New BT Overlords". Treat with Jermolene. Archived from the original on 2011-08-18.
# "Telco 2.0: BT Tries To Fix Global Services with Open Source". Telco2.net. Retrieved 2012-05-23.
# "Open Source Will Change Enterprises, Says BT Guru". TechWeekEurope UK. Eweekeurope.co.uk. 2009-10-16. Retrieved 2012-05-23.
# Hart, Jane (13 August 2011). "Top Tools: Tiddlywiki". Centre for Learning & Performance Technologies. Retrieved 2012-05-23.
# "On Leaving BT and Osmosoft - TiddlyWiki | Google Groups". Groups.google.com. Retrieved 2012-05-23.
# Rejali, Cameron. "Jeremy Ruston to leave BT". Osmosoft.
# "TiddlyWiki release history".
# "TiddlyWiki License". 1 August 2009. Archived from the original on 2010-12-22.
# "tiddlywiki - home". Tiddlywiki.projects.unamesa.org. Retrieved 2012-05-23.
!External links
* Wikimedia Commons has media related to TiddlyWiki.
* Official website
* TiddlyWiki Community documentation wiki
* TiddlyWiki source code repository
* Workaround to use TiddlyWiki remote for iPhone
* local Workaround for WebOS
* Runtime environment for TiddlyWiki on Android
* https://sourceforge.net/projects/woas/ - Woas (my wiki-on-a-stick fork)
Retrieved from "http://en.wikipedia.org/w/index.php?title=TiddlyWiki&oldid=627648501"
* This page was last modified on 30 September 2014 at 07:06.
* Text is available under the Creative Commons Attribution-ShareAlike License; additional terms may apply. By using this site, you agree to the Terms of Use and Privacy Policy. Wikipedia® is a registered trademark of the Wikimedia Foundation, Inc., a non-profit organization.
\define regexp-headings() (^!+.*)(?gmi)
<div class="tidtoc tc-tiddler-frame">
<$list filter="[all[current]match:text<regexp-headings>]">
{{!!title}}
</$list>
<style>
.tidtoc {
display:inline-block;
width:auto;
padding:10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:10px;
}
.tidtoc h1,
.tidtoc h2,
.tidtoc h3,
.tidtoc h4,
.tidtoc h5,
.tidtoc h6 {
font-size:100%;
margin:0;
}
.tidtoc h1 {
font-weight: bold;
}
.tidtoc h2 {
text-indent: 15px;
}
.tidtoc h3 {
text-indent: 30px;
}
.tidtoc h4 {
text-indent: 45px;
}
.tidtoc h5 {
text-indent: 60px;
}
.tidtoc h6 {
text-indent: 75px;
}
.float-right{
float:right;
text-align:right;
}
</style>
$:/plugins/ahahn/tinka/search-default
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
this is another sample plugin
<$list filter="[all[shadows+tiddlers]prefix[$:/core/images]]">
!!!! <<currentTiddler>>
<$transclude tiddler=<<currentTiddler>> />
</$list>
This is a Control Panel extension that helps with creating and modifying plugins in the browser.
You can get the extension by dragging the following link into your own wiki: $:/plugins/ahahn/tinka
<a target="blank" href="http://twguides.org/tinka.html">Project Homepage on TWGuides.org</a>
Button <$button class="tc-btn-invisible">{{$:/core/images/help}}</$button>:
The test was: {{!!result}}
Text to test:
<$edit-text tiddler="temp" field="test-text"/>
Testpattern:
<$edit-text tiddler="temp" field="test-pattern"/>
<$button>
Test Widgets
<$tinka-check text={{temp!!test-text}} pattern={{temp!!test-pattern}}>
<$tinka-filter verb="pass">
<$action-setfield result="Pattern matched" />
</$tinka-filter>
<$tinka-filter verb="fail">
<$action-setfield result="Pattern NOT matched" />
</$tinka-filter>
</$tinka-check>
</$button>
TiddlyWiki has been started in [[safe mode|http://tiddlywiki.com/static/SafeMode.html]]. All plugins are temporarily disabled. Most customisations have been disabled by renaming the following tiddlers:
* [[$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/export-tiddler|SAFE: $:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/export-tiddler]]
* [[$:/ControlPanel|SAFE: $:/ControlPanel]]
* [[$:/core/images/done-button|SAFE: $:/core/images/done-button]]
* [[$:/core/macros/export|SAFE: $:/core/macros/export]]
* [[$:/core/modules/parsers/wikiparser/rules/image.js|SAFE: $:/core/modules/parsers/wikiparser/rules/image.js]]
* [[$:/core/ui/AdvancedSearch/Filter|SAFE: $:/core/ui/AdvancedSearch/Filter]]
* [[$:/core/ui/AdvancedSearch/Standard|SAFE: $:/core/ui/AdvancedSearch/Standard]]
* [[$:/core/ui/Buttons/export-tiddler|SAFE: $:/core/ui/Buttons/export-tiddler]]
* [[$:/core/ui/ControlPanel/Basics|SAFE: $:/core/ui/ControlPanel/Basics]]
* [[$:/core/ui/ControlPanel/Info|SAFE: $:/core/ui/ControlPanel/Info]]
* [[$:/core/ui/ControlPanel/Plugins|SAFE: $:/core/ui/ControlPanel/Plugins]]
* [[$:/core/ui/ControlPanel/Plugins/Add/Plugins|SAFE: $:/core/ui/ControlPanel/Plugins/Add/Plugins]]
* [[$:/core/ui/ControlPanel/Plugins/Installed/Plugins|SAFE: $:/core/ui/ControlPanel/Plugins/Installed/Plugins]]
* [[$:/DefaultTiddlers|SAFE: $:/DefaultTiddlers]]
* [[$:/SiteSubtitle|SAFE: $:/SiteSubtitle]]
* [[$:/SiteTitle|SAFE: $:/SiteTitle]]
* [[$:/temp/advancedsearch|SAFE: $:/temp/advancedsearch]]
* [[$:/temp/search|SAFE: $:/temp/search]]
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
@@.sliderBG
<div>
For an introduction to '~TiddlyWiki 5' see:
* Jeremy Ruston's video [[Getting started with TiddlyWiki|http://youtu.be/1g66s7UbyuU]]
The TW5 documentation can be found at:
* http://tiddlywiki.com/
Further information:
* [[How to tweak a TW5 theme (video by Mario Pietsch)|http://www.youtube.com/watch?v=Jva7Azqu0hs&feature=youtu.be]]
* [[A lot of useful information (by Tobias Beer)|http://tb5.tiddlyspot.com/]]
<hr>
</div>
@@
!!!Bluish theme v<<tversion "bluish">>
[[$:/themes/tongerner/bluish]].
A theme with mainly bluish colors (as used here).
@@.BROWN How to make/modify bookmarklets@@
{{Under construction_}}
{{Upgraded}}
This guide describes how to make (modify existing) bookmarklets without ~JavaScript knowledge, just using templates.<br>
It is based upon the work of Stephan Hadrek, so all credits to him, see:
* http://tw5magick.tiddlyspot.com/
* [[Google groups|https://groups.google.com/d/msg/tiddlywiki/cUUXichiwdU/8gTL3lsO0MUJ]]
''Guide at ~TiddlySpot:''<br>[[How to make TW5 bookmarklets|http://tw5bookmarklets.tiddlyspot.com/]]
@@.BROWN How to add breadcrumbs@@
{{Under construction_}}
{{Upgraded}}
''Note:'' @@.RED Available as plugin.@@
This guide describes how to add a top menu with <<slider "breadcrumbs" "{{Breadcrumbs info}}">> to a TW5.
''Guide at ~TiddlySpot:''<br>[[How to add breadcrumbs|http://tw5breadcrumbs.tiddlyspot.com/]]
@@.sliderBG
<div>
Breadcrumbs are a list of links to tiddlers opened during a session, creating a 'trail of breadcrumbs' from one tiddler to the next.<br>
The number of breadcrumbs will be limited to the last ''x'' opened tiddlers (''x'' to be set in `$:/_breadcrumbsmenu`).
<<<
''Note:''<br>
The term breadcrumbs comes from the trail of breadcrumbs left by Hansel and Gretel in the popular fairytale by the Brothers Grimm.
<<<
---
</div>
@@
!!Breadcrumbs plugin v<<pversion "breadcrumbs">>
[[$:/plugins/tongerner/breadcrumbs]]
A plugin to create breadcrumbs of open tiddlers. It works best in Zoomin view.<br>
A button can be added to the Page Toolbar and/or View Toolbar to toggle the breadcrumbs on/off.
@@.BROWN How to customize TW5@@
{{Under construction_}}
{{Upgraded}}
This guide describes how to customize TW5 (in general) and gives customization examples.
* Standard customization via Control panel (tabs 'Basics', 'Appearance', 'Theme Tweaks', and 'Advanced' > 'Settings')
* Advanced customization by overwriting shadow tiddlers and/or adding certain tags (adding e.g. tabs and buttons to the wiki)
* Exploring the source code (UI shadow tiddlers, code snippets, macros, and themes).
''Guide at ~TiddlySpot:''<br>[[How to customize TW5|http://tw5custom.tiddlyspot.com/]]
@@.BROWN How to explore TW5@@
{{Under construction_}}
{{Upgraded}}
This guide let you explore the ~WikiText core tiddlers like the UI shadow tiddlers, code snippets, macros, themes and so on.
''Guide at ~TiddlySpot:''<br>[[How to explore TW5|http://tw5exploration.tiddlyspot.com/]]
@@.BROWN Introduction@@
I am a longtime user of ~TiddlyWiki Classic and still use it daily since you can't do everything in ~TiddlyWiki 5 (yet) ;-)
I started experimenting with TW5 at the end of September 2013 (alpha10).<br>
Since I missed a few things in the layout I got used to in ~TiddlyWiki Classic ^^1^^, I started with modifying the layout of TW5.<br>
To share my knowledge, I made a few guides about these 'modifications'.<br>
The guides started as a non-linear personal web notebook (yeah, the subtitle of ~TiddlyWiki!). I started experimenting with layout things and used TW5 to document my experiments.
<<<
''Note:''
* Be aware I am just an end user, no developer or programmer.
* This TW uses:
** My Bluish theme
** My Searchtab plugin which changes 'Search' from above the tabs to a tab and adds a 'System tags' tab below the 'Tags' tab.
<<<
|borderless|k
|^^^1^^ | |As an example see [[my site|http://www.tongerner.tk/]] about the history of the western part of Amsterdam (my birthplace)|
<<<
''Note:''
* Written in Dutch.<br>
* Contains more than 2700 photographs.<br>
See for example:<br>
`Diversen` > `Kunstenaars` > `Jacob Olie` > `Foto's van Jacob Olie`
`Diversen` > `Fotoalbum` > `Nostalgie`
<<<
---
;Thanks to
:[[Jeremy Ruston|http://tiddlywiki.com/]]
:[[David Gifford |http://www.giffmex.org/tw5mall.htm]]
:[[Stephan Hradek|http://tw5magick.tiddlyspot.com/]]
:[[Danielo Rodríguez|http://braintest.tiddlyspot.com]]
:[[Matabele|http://wills.tiddlyspot.com/]]
:[[Tobias Beer|http://tobibeer.github.io/tb5/#Welcome]]
:and all others who helped me to achieve this.
@@.BROWN Latest news@@
{{$:/_images/construction.gif}}My personal 'playground', always under construction.
---
<br>
!!!6 August 2015
* Bugfix in 'Customization of TW5'
!!!19 July 2015
* Upgraded 'TW5 tristate Sidebar' to TW v5.1.9.
!!!18 July 2015
* Upgraded 'Top + left menu' to TW v5.1.9 and made a 'topleft' plugin.
* New guide 'Top menu'; also available as plugin.
!!!15 July 2015
* Upgraded 'Customization of TW5' to TW v5.1.9.
!!!9 July 2015
* Upgraded 'TW5 - breadcrumbs' to TW v5.1.9 and made a 'breadcrumbs' plugin.
* Upgraded 'TW5 top menu toolbar' to TW v5.1.9.
!!!8 July 2015
* Upgraded this wiki to TW v5.1.9.
* Added Plugins tiddler.
* Made 'searchtab' plugin
* Upgraded 'TW5 bookmarklets' to TW v5.1.9.
* Upgraded 'TW5 Exploration' to TW v5.1.9.
* Upgraded 'TW5 read-only' to TW v5.1.9.
!!!18 May 2015
* Repackaged 'TW5 read-only' plugin with the Tinka plugin v0.1.0.
!!!15 May 2015
* Repackaged 'TW5 read-only' plugin with help of Andreas Hahn's Tinka plugin v0.0.2.
* Small bug fixes in 'TW5 read-only'.
!!!5 May 2015
* Upgraded 'Customization of TW5' to TW v5.1.8.
!!!25 April 2015
* Upgraded this wiki to TW v5.1.8.
* Upgraded 'TW5 bookmarklets' to TW v5.1.8.
* Upgraded 'TW5 Exploration' to TW v5.1.8.
* Upgraded 'TW5 tristate Sidebar' to TW v5.1.8.
* Upgraded 'TW5 - breadcrumbs' to TW v5.1.8.
* Upgraded 'Top + left menu' to TW v5.1.8.
* Upgraded 'TW5 top menu toolbar' to TW v5.1.8.
* Upgraded 'TW5 read-only' to TW v5.1.8.
!!!24 December 2014
* Upgraded this wiki and all guides to TW v5.1.7.
!!!9 December 2014
* Updated 'Customization of TW5'.
!!!6 December 2014
* Upgraded 'TW5 top menu toolbar' to TW v5.1.5.
* Upgraded 'Customization of TW5' to TW v5.1.5.
!!!5 December 2014
* Upgraded 'TW5 - breadcrumbs' to TW v5.1.5.
* Upgraded 'Top + left menu' to TW v5.1.5.
!!!4 December 2014
* Reworked Bluish theme, now at v0.7.8.
* Upgraded 'TW5 tristate Sidebar' to TW v5.1.5.
* Upgraded 'TW5 bookmarklets' to TW v5.1.5.
* Upgraded 'TW5 read-only' to TW v5.1.5.
!!!27 November 2014
* Upgraded this wiki (NOT all guides) to TW v5.1.5.
* Upgraded 'TW5 Exploration' to TW v5.1.5.
!!!14 November 2014
* Added new guide: 'TW5 Exploration'.
!!!10 November 2014
* Added 'Newline' (`<br>`) to 'TW5 bookmarklets'.
!!!30 October 2014
* Reworked Bluish theme, now at v0.7.4.
!!!24 October 2014
* Upgraded this wiki and all guides to TW v5.1.4.
!!!21 October 2014
* Upgraded 'TW5 - breadcrumbs' to TW v5.1.3.
* Upgraded 'TW5 top menu toolbar' to TW v5.1.3.
* Upgraded 'TW5 read-only' to TW v5.1.3.
!!!20 October 2014
* Upgraded this wiki to TW v5.1.3.
* Upgraded 'TW5 tristate Sidebar' to TW v5.1.3.
* Upgraded 'TW5 bookmarklets' to TW v5.1.3.
!!!28 September 2014
* Upgraded this wiki and all guides to TW v5.1.2.
!!!22 September 2014
* Upgraded this wiki and all guides to TW v5.1.1.
!!!21 September 2014
* Upgraded this wiki and guides - except 'Customization of TW5' - to TW v5.1.0.
!!!18 September 2014
* Upgraded this wiki AND all guides to TW5.0.18-beta.
!!!13 September 2014
* Upgraded 'TW5 tristate Sidebar' to TW5.0.17-beta.
* Upgraded 'TW5 - breadcrumbs' to TW5.0.17-beta.
* Upgraded 'Top + left menu' to TW5.0.17-beta.
!!!12 September 2014
* Upgraded this wiki to TW5.0.17-beta.
* Upgraded 'TW5 bookmarklets' to TW5.0.17-beta.
* Upgraded 'TW5 read-only' to TW5.0.17-beta.
!!!7 September 2014
* Upgraded 'Customization of TW5' to TW5.0.16-beta.
!!!6 September 2014
* Upgraded 'TW5 top menu toolbar' to TW5.0.16-beta.
* Upgraded 'TW5 tristate Sidebar' to TW5.0.16-beta.
!!!5 September 2014
* Upgraded 'TW5 read-only' to TW5.0.16-beta.
* Upgraded 'TW5 bookmarklets' to TW5.0.16-beta.
* Upgraded 'TW5 - breadcrumbs' to TW5.0.16-beta.
* Upgraded 'Top + left menu' to TW5.0.16-beta.
!!!4 September 2014
* Upgraded this wiki to TW5.0.16-beta.
!!!28 August 2014
* Upgraded 'Customization of TW5' to TW5.0.15-beta.
!!!24 August 2014
* Upgraded 'TW5 read-only' to TW5.0.15-beta.
!!!21 August 2014
* Upgraded this wiki to TW5.0.15-beta.
* Upgraded 'TW5 - breadcrumbs' to TW5.0.15-beta.
* Upgraded 'Top + left menu' to TW5.0.15-beta.
* Upgraded 'TW5 top menu toolbar' to TW5.0.15-beta.
* Upgraded 'TW5 tristate Sidebar' to TW5.0.15-beta.
* Upgraded 'TW5 bookmarklets' to TW5.0.15-beta.
!!!18 August 2014
* Upgraded 'TW5 - breadcrumbs' to TW5.0.14-beta.
* Upgraded 'Top + left menu' to TW5.0.14-beta.
* Upgraded 'TW5 top menu toolbar' to TW5.0.14-beta.
!!!15 August 2014
* Upgraded 'TW5 tristate Sidebar' to TW5.0.14-beta.
* Upgraded 'TW5 bookmarklets' to TW5.0.14-beta.
!!!14 August 2014
* Upgraded this wiki to TW5.0.14-beta.<br>Guides have to be upgraded to v5.0.14-beta!
!!!13 August 2014
* 'TW5 tristate Sidebar' v1.1.
* Monospace bookmarklet added to 'TW5 bookmarklets'.
!!!11 August 2014
* New guide 'TW5 tristate Sidebar', a 'tristate' toggle Sidebar.
!!!3 August 2014
* Added 'Exploration' to 'Customization of TW5'.
!!!1 August 2014
* Some changes/additions to 'TW5 bookmarklets'.
!!!29 July 2014
* 'TW5 bookmarklets':
** bug fixes.
** 'How to add a favicon to a bookmarklet'.
!!!8 July 2014
* 'How to make TW5 readonly': improved documentation.
!!!16 July 2014
* 'How to make TW5 readonly': Made a read-only plugin .
!!!9 July 2014
* Added drag & drop bookmarklets to 'TW5 bookmarklets'.
!!!6 July 2014
* Updated 'Customization of TW5'. Added description for:
** $:/tags/~ControlPanel/Advanced/Settings.
** $:/tags/~TiddlerInfo/Advanced.
!!!5 July 2014
* Created a new guide: 'TW5 bookmarklets'.
!!!28 June 2014
* Upgraded 'Top + left menu' to TW5.0.13-beta.
* Upgraded 'TW5 - breadcrumbs' to TW5.0.13-beta.
!!!27 June 2014
* Upgraded 'Customization of TW5' to TW5.0.13-beta.
!!!24 June 2014
* Upgraded this wiki to v5.0.13-beta.
* Upgraded 'TW5 top menu + toolbars' to TW5.0.13-beta.
* Upgraded 'How to make TW5 readonly' to TW5.0.13-beta. Other guides will follow.
!!!10 June 2014
* Added 'Dirtree slider' left menu to 'Top + left menu'.
!!!7 June 2014
* Updated 'Top + left menu' to Bluish theme v0.2.0. Changed 'Left menu'/Sidebar button behavior.
!!!5 June 2014
* Updated 'TW5 top menu + toolbars' to Bluish theme v0.2.0.
!!!3 June 2014
* Updated 'How to make TW5 readonly' and 'TW5 - breadcrumbs' to Bluish theme v0.2.0.
!!!2 June 2014
* 'Customization of TW5':
** added commented styles used in Bluish theme.
** new icon for 'Add tagging in view mode'.
!!!30 May 2014
* Small changes in Bluish theme (now v.0.2.0).
!!!23 May 2014
* 'Customization of TW5', added 'Add tagging in view mode' + small corrections/additions.
* Small corrections/additions to 'TW5 top menu + toolbars'.
!!!20 May 2014
* 'Customization of TW5', added 'prefix' filter to standard search.
!!!18 May 2014
* Upgraded 'TW5 top menu + toolbars' to TW5.0.12-beta.
* Upgraded 'Customization of TW5' to TW5.0.12-beta.
!!!17 May 2014
* Upgraded ''this'' wiki to TW5.0.12-beta.
* Upgraded 'TW5 - breadcrumbs' to TW5.0.12-beta.
* Upgraded 'How to make TW5 readonly' to TW5.0.12-beta.
* Upgraded 'Top + left menu' to TW5.0.12-beta.
> ''Note:'' Not all guides are yet upgraded to TW5.0.12-beta!
!!!9 May 2014
* Some corrections and additions to 'Customization of TW5'.
!!!8 May 2014
* Added documentation to 'Customization of TW5'.
!!!7 May 2014
* Upgraded 'Customization of TW5' to TW5.0.10-beta.
* A complete rewrite.
!!!3 May 2014
* Some corrections in 'TW5 top menu + toolbars'.
!!!2 May 2014
* Upgraded 'TW5 - breadcrumbs' to TW5.0.10-beta.
!!!1 May 2014
* Upgraded 'TW5 top menu + toolbars' to TW5.0.10-beta.
!!!28 april 2014
* 'How to make TW5 readonly': Added possibility to hide the 'Hamburger' menu icon.
!!!27 april 2014
* 'How to make TW5 readonly': Added possibility to hide the tabs in the Sidebar (checkbox per tab).
!!!24 april 2014
* Upgraded 'How to make TW5 readonly' to TW5.0.10-beta.<br>This is a new simplified version of it.
!!!21 April 2014
* Upgraded this wiki to TW5.0.10-beta.
> ''Note:'' Guides are not yet upgraded to TW5.0.10-beta!
!!!29 March 2014
* Added 'How to simplify the toggle button?' to [[How to create a top menu + toolbars|http://tw5toolbar.tiddlyspot.com/]].
!!!11 March 2014
* Added Stephan Hadrek's 'new journal' button to [[How to create a top menu + toolbars|http://tw5toolbar.tiddlyspot.com/]].
* Added tag pill based entries in top menu to [[How to create a left menu|http://tw5topleft.tiddlyspot.com/]].
!!!6 March 2014
* [[Problems with tag pills in combination with 3-column mode and Chrome|Problems with tag pills]].
!!!1 March 2014
* Made separate guide for [[Breadcrumbs|http:/tw5breadcrumbs.tiddlyspot.com/]].
* Upgraded all guides to TW5.0.8-beta.
!!!16 February 2014
* Updated [[How to make a left menu that can be toggled on/off + tiddlersbar (breadcrumbs)|http://tw5topleft.tiddlyspot.com/]].
!!!11 February 2014<
* Added a 'tiddlersbar' to a top menu, see:<br>
[[How to make a left menu that can be toggled on/off + tiddlersbar (breadcrumbs)|http://tw5topleft.tiddlyspot.com/]].
@@.BROWN How to create a left menu + top menu@@
{{Under construction_}}
{{Upgraded}}
This guide describes how to add a top menu and a left menu to a TW5.
Steps involved:
* add a top menu
* add tag pill based entries in a top menu
* add a left menu (with different kinds of entries)
* add a button in a top menu to toggle the left menu on/off.
It shows the relevant code and styles involved.
''Guide at ~TiddlySpot:''<br>[[How to make a top menu, and a left menu that can be toggled on/off|http://tw5topleft.tiddlyspot.com/]]
{{$:/_images_dordrecht.gif}}<br>
Dordrecht, the Netherlands, my home town.
{{Under construction general_}}
{{Upgraded}}
<<tabs "Introduction [[My guides]] Plugins [[Latest news]]" "Introduction" "$:/state/tab/playground" "tabsstyle">>
,,Comments and questions are welcome. Post them in the [[TW Google group|https://groups.google.com/forum/#!forum/tiddlywiki]],,
@@.BROWN My guides@@
A <<slider "basic knowledge" "{{Basic knowledge}}">>of '~TiddlyWiki 5' is assumed.
<<tabs "[tag[guide]sort[title]]" "Customization" "$:/state/tab/guides" "tc-vertical">>
<<tabs "[tag[plugin]]" "" "" "tc-vertical">>
Since TW5.0.8-beta there are problems with the 'List all tags' button, the 3-column layout, and Chrome as browser, see [[Google groups|https://groups.google.com/d/msg/tiddlywiki/DOlliTOEyCQ/lQxXhzXyzPAJ]].<br>
In short: the tag pills - except 'Untagged' - are not clickable anymore.
!!!The longer story.
To investigate it further, I tested with different devices, OSes, and browsers at my disposal. The results are given in the table below.
|Device|OS|Browser|5.0.7|5.0.8|h
|PC1|Win7|Firefox v27| √ | √ |
|~|~|Chrome v33| √ | x ^^1^^|
|~|~|Interner Explorer v10| √ | √/x ^^2^^|
|~|~|Opera v18| √ | x ^^1^^|
|PC2|Debian 7.4|Iceweasel (=Firefox) v17| √ | √ |
|~|~|Chrome v33| √ | x ^^1^^|
|iPad 2|iOS 7.0.6|Safari| √ | x ^^1^^|
|Nexus 7 ^^3^^|Android 4.4.2|Chrome v33| √ | x ^^1^^|
|^^^1^^ |All tags except 'Untagged' are not clickable. 'Click area' is shifted|
|^^^2^^ |Although 'clickable', strange behaviour: when clicked sometimes going to 1 or 2 column mode or the dropdown list is broken in 2 or 3 parts|
|^^^3^^ |First (2012) version|
''Summary of results:''
# The problem started with TW5.0.8-beta; TW5.0.7-beta did behave in all cases as expected.
# Webkit based browsers (Chrome, Opera, Safari) do show this strange behaviour in combination with TW5.0.8-beta.
# Although the tag pills are 'clickable' with Internet Explorer, there is no 'normal' behaviour in combination with TW5.0.8-beta:<br>a) Dependent on the (place of) the clicked tag, going to 1 or 2 column mode<br>b) Dependent on the (place of) the tag clicked, the dropdown list is broken in 2 or 3 parts.
@@.BROWN How to make a TW read-only@@
{{Under construction_}}
{{Upgraded}}
''Note:'' @@.RED Available as plugin@@.
This guide describes how to make a TW5 read-only.
Making TW5 read only can be done with the ~ReadOnly theme available at http://tiddlywiki.com/
Unfortunately to persist in this 'read-only' state you have to save the TW and that is not possible anymore!
So there must be a - hidden - save possibility.<br>One way to go is based on creating a tiddler - with a 'non-suspicious' name - wherein the possibility to switch to read-only mode (decoupled from the ~ReadOnly theme) ''and'' saving this situation.
Besides saving the read-only mode it is also possible to hide:
* the Sidebar
* the 'double chevron' Sidebar icon(s) ({{$:/core/images/chevron-left}}/{{$:/core/images/chevron-right}}) and Advanced search icon ({{$:/core/images/advanced-search-button}}).
* the tabs in the Sidebar (the 4 'standard' tabs and all added Sidebar tabs).
''Guide at ~TiddlySpot:''<br>[[How to make TW5 read-only|http://tw5readonly.tiddlyspot.com/]]
!!Readonly plugin v<<pversion "ro">>
[[$:/plugins/tongerner/ro]]
A plugin to make ~TiddlyWiki read-only.
You can hide (at a minimum):
* View Toolbar
** Edit button
* Page Toolbar
** New tiddler button
** Control panel button
** Save button
so the TW will be read-only.
But you can hide as well:
* ''all'' other buttons per button
** 'Menu' button (to switch Sidebar) and 'Advanced search' button (next to Search) included
* ''all'' Sidebar tabs per tab.
!!Searchtab plugin v<<pversion "searchtab">>
[[$:/plugins/tongerner/searchtab]]
This plugin add a 'System tag' tab just below the standard 'Tags' tab and changes 'Search' from above the tabs to a tab (as used here).
For a description, see [[Customization of TW5|http://tw5custom.tiddlyspot.com/]] > Examples: Add a 'System tags' tab & Change search box position.
<<toc-tabbed-external-nav tag:"guide" selectedTiddler:"$:/temp/toc/selectedTiddler" unselectedText:"Select a topic in the table of contents. Click the arrow to expand a topic.">>
@@.sliderBG
<div>
Older versions of 'TW5 top menu + toolbars [1] (before TW5.0.9-beta) contained the possibility of hiding the Sidebar and using fluid tiddler width (the so-called 'toggle sidebar' functionality).<br>Since the introduction of the 'Hamburger' icon in TW 5.0.9 (in TW 5.0.11 changed to 'double chevron' icon) for dismissing the Sidebar and expanding the story river to fill the space, I left my 'toggle sidebar' functionality out.
But after some time I felt I missed something of my 'toggle sidebar' functionality, especially when using a widescreen monitor. Therefore I changed the 'standard 'hide Sidebar' functionality to a 'tristate' functionality by adding an intermediate state: smaller Sidebar with fluid tiddler width. The Sidebar width is configurable.
[1] http://tw5toolbar.tiddlyspot.com/
---
</div>
@@
!!Top menu + left menu plugin v<<pversion "topleftmenu">>
[[$:/plugins/tongerner/topleftmenu]]
A plugin to create a - tag pill based - top menu and a left menu that can be toggled on/off.<br>Different kinds of left menu entries (links, tags, tag pills, sliders, Table of Contents, ...) are possible.
@@.BROWN How to create a top menu@@
{{Under construction_}}
{{Upgraded}}
''Note:'' @@.RED Available as plugin.@@
This guide describes how to make a - tag pill based - top menu:
It shows the relevant code and styles involved.
''Guide at ~TiddlySpot:''<br>[[How to make a top menu|http://tw5topmenu.tiddlyspot.com/]]
!!Top menu plugin v<<pversion "topmenu">>
[[$:/plugins/tongerner/topmenu]]
A plugin to create a - tag pill based - top menu.
@@.BROWN How to create a top menu toolbar@@
{{Under construction_}}
{{Upgraded}}
This guide describes how to:
* define buttons
* add a top menu toolbar
* add buttons to the top menu toolbar
It shows the relevant code and styles involved.
As a demo it shows ''all'' described toolbar buttons added to the top menu.
''Guide at ~TiddlySpot:''<br>[[How to make a top menu toolbar|http://tw5toolbar.tiddlyspot.com/]]
!!Tristate plugin v<<pversion "tristate">>
[[$:/plugins/tongerner/tristate]]
This plugin is meant for widescreen monitors. It changes the standard 'twostate' functionality of the Sidebar to a 'tristate' functionality:
# normal tiddler width (default 686px) with a broad Sidebar (showing {{$:/core/images/right-arrow}}).
# small Sidebar (with programmable width; default 30em) and fluid tiddler width (showing {{$:/core/images/chevron-right}}).
# fluid tiddler width without Sidebar (showing {{$:/core/images/chevron-left}}).
<<<
''Note:''<br>
Sidebar layout (~ControlPanel > Appearance > Theme Tweaks: Options) ''must'' be set at 'Fixed story, fluid sidebar' (default) since 'Fluid story, fixed sidebar' interferes with the Tristate plugin!
<<<
@@.BROWN How to create a 'tristate' Sidebar@@
{{Under construction_}}
{{Upgraded}}
''Note:'' @@.RED Available as plugin.@@
This guide describes how to change the standard twostate ({{$:/core/images/chevron-right}} / {{$:/core/images/chevron-left}}) to tristate ({{$:/core/images/right-arrow}} / {{$:/core/images/chevron-right}} / {{$:/core/images/chevron-left}}) functionality of the Sidebar:
# standard tiddler width (default 686px) with a broad Sidebar (showing {{$:/core/images/right-arrow}}).
# small Sidebar (with programmable width; default 30em) and fluid tiddler width (showing {{$:/core/images/chevron-right}}).
# fluid tiddler width without Sidebar (showing {{$:/core/images/chevron-left}}).
<<slider "Toggle Sidebar history" "{{Toggle Sidebar history}}">>
''Guide at ~TiddlySpot:''<br>[[How to make a tristate toggle Sidebar|http://tw5tristate.tiddlyspot.com/]]
|{{Under_construction.gif}}|^''This guide is under construction.''<br>@@.RED This guide has to be upgraded from TW v5.1.9 to TW v<<version>>@@.<br>Check this page or the tab 'Latest news' for news about the upgrade process.|
|{{Under_construction.gif}}|^''This site is under construction.''<br>@@.RED Although this site is already upgraded to TW v<<version>> not all the guides are (yet) upgraded!@@<br>Check the guides under the tab 'My guides' or check the tab 'Latest news' for news about the upgrade process.|
@@.RED Upgraded to TW <<version>>@@
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
  This plugin adds the ''Top Left Toolbar'' tab to the ''Toolbars'' tab on the ''Appearance'' tab in the control panel. It provides a list of buttons that have the $:/tags/PageControls tag and can be selected to appear in the Top left toolbar.<br>
  Simply drag [[$:/plugin/ajh/toplefttoolbar]] to the top of your tiddlywiki display, save and reload.<br>
  It includes the tiddlers below packed for easy use:<br>
[[$:/plugin/ajh/toplefttoolbar/icon]]<br>
[[$:/plugin/ajh/toplefttoolbar/stylesheet]]<br>[[$:/plugin/ajh/toplefttoolbar/template]]<br>[[$:/plugin/ajh/toplefttoolbar/toolbar]]
You can create a simple tiddler that has fields, code, tags, anything you want to use over again. See StandardNoteTemplate as an example.
Then, use the code below to make a button to easily make tiddlers from your new templage.
```
<$button message="tw-new-tiddler" param="StandardNoteTemplate">New standard note</$button>
```
NOTE: As of [[5.0.16|http://tiddlywiki.com/#Release%205.0.16-beta]] the syntax changed.
```
<$button message="tm-new-tiddler" param="StandardNoteTemplate">New standard note</$button>
```
I put a couple buttons in the sidebar by editing: [[$:/core/ui/SideBarLists]]
Make a new tiddler. The title of it will be the name on the tab.
Tag your new tiddler: $:/tags/SideBar
Anything you put in your tiddler will show up in the tab.
See [[MyTab]] as an example.
Lots of details about Book A
Lots of details about Book B
\define MyFilter()
[tag[$(MyTag)$]subtopic{!!subtopic}sort[title]]
\end
<$set name="MyTag" value={{!!title}}>
<$list filter="[is[current]tagging[]has[subtopic]each[subtopic]sort[subtopic]]">
<div class="tc-menu-list-item">
<$view field="subtopic"/>
</div>
<$list filter=<<MyFilter>>>
<div class="tc-menu-list-subitem">
<$link to={{!!title}}><$view field="title"/></$link>
</div></$list></$list></$set>
-----
This shows the solution to the question posed in the [[Problems]] tiddler. Solution provided to me Stephan Hradek on the Google Group
https://groups.google.com/d/msg/tiddlywiki/XxLT8zJqHYM/XPHUH0AJvt0J
<<tabs "[[Creating Tabs From Static Tiddlers]] [[Creating Tabs From Dynamic Tiddlers]]">>
By dynamic tiddlers I mean something like the [[Books]] tiddler which has content that changes as other tiddlers are created and tagged.
Tabs from dynamic tiddlers take a little bit more setup. I'll use the [[Books]] tiddler again. Just linking to the tiddler won't show your content in the tab. You need to first create another tiddler that calls the one you want. I created mine as a system tiddler like [[$:/TabBooks]]. In that tiddler I call the tiddler I want (in this case Examples) with this syntax:
```
{{Books}}
```
Also, importantly, I createe a field at the bottom called caption and the text that goes in there will be the text that shows up in the tab.
Now you can create the tabs using this syntax, calling the system tiddler. Note that I've also mixed in some static tiddlers to show they can work together as tabs.
```
<<tabs "[[$:/TabBooks]] [[Book Title A]] [[Book Title B]]" "[[$:/TabBooks]]">>
```
<<tabs "[[$:/TabBooks]] [[Book Title A]] [[Book Title B]]" "[[$:/TabBooks]]">>
Creating tabs to static tiddlers is easy. Just the syntax is:
```
<<tabs "[[GettingStarted]] [[Book Title A]] [[Book Title B]]" "[[GettingStarted]]">>
```
Which makes these there tabs:
<<tabs "[[GettingStarted]] [[Book Title A]] [[Book Title B]]" "[[GettingStarted]]">>
Use an iframe to embed one of your [[Remember The Milk|https://www.rememberthemilk.com/]] lists.
```
<html><iframe src="https://www.rememberthemilk.com/services/modules/googleig/" width="420" height="315" style="border: none;"></iframe></html>
```
<html><iframe src="https://www.rememberthemilk.com/services/modules/googleig/" width="420" height="315" style="border: none;"></iframe></html>
You can use the code below for most videos on YouTube. Go to YouTube, look at the URL of the video you want to embed in your wiki. Copy the unique numbers at the end of the URL (in this example, ~Qo7vUdKTlhk) and replace the ones in this sample link..
<html><iframe src="https://www.youtube.com/v/Qo7vUdKTlhk" width="420" height="315" style="border: none;"></iframe></html>
\define MyFilter()
[tag[$(MyTag)$]subtopic{!!subtopic}sort[title]]
\end
<$set name="MyTag" value={{!!title}}>
<$list filter="[is[current]tagging[]has[subtopic]each[subtopic]sort[subtopic]]">
<div class="tw-menu-list-item">
<strong><$view field="subtopic"/></strong>
</div>
<$list filter=<<MyFilter>>>
<div class="tw-menu-list-subitem">
<$link to={{!!title}}><$view field="title"/></$link><br>
<div class="tw-menu-list-subitem">
<$transclude field="blurb"/>
</div></div></$list></$list></$set>
I never used node.js until a couple weeks ago when I started using ~TiddlyWiki again and wanted to see how it worked. I thought other newbies might need some help so here are the steps I used.
This how-to will describe how to download and install node.js on your Windows machine.
This build will be portable. That is, you will install it into a folder that you can easily copy and move to another machine or keep in sync via Dropbox, Google Drive or any similar service.
<strong>Installing Node.js Portable</strong>
You'll first need to download nodejs-portable from https://github.com/crazy-max/nodejs-portable
I'll assume you are connected to the internet for the rest of the instructions.
# Unzip the files to the directory you want to install Node. For this example, I am going to install to D:\NodePortable which I will call the Install Directory in this how-to.
# Open a command window by running cmd
# cd to the Install Directory
# type: `nodejs-portable` and hit enter to run the batch file
# Enter 2 to install
# When it is done, enter 1 and you'll get a reply that all is done.
You now have a copy of Node!
Ok, now let's get ~TiddlyWiki installed.
<strong>Installing ~TiddlyWiki</strong>
(The following is a bit of a modification of the [[official tiddlywiki node.js how-to|http://tiddlywiki.com/static/Installing%2520TiddlyWiki%2520on%2520Node.js.html]] put here for convenience.)
# cd back to the Install Directory (you must do this because the batch file above leaves the cursor in the work directory)
# In the command window type:
#> `npm install -g tiddlywiki`
#> If it fails with an error you may need to re-run the command as an administrator
# Check ~TiddlyWiki is installed by typing:
#> `tiddlywiki --version`
# In response, you should see ~TiddlyWiki report its current version (eg `5.0.8-beta`; you may also see other debugging information reported)
# Try it out:
## `tiddlywiki mynewwiki --init server` to create a folder for a new wiki that includes server-related components
## `tiddlywiki mynewwiki --server` to start TiddlyWiki
## Visit http://127.0.0.1:8080/ in your browser
## Try editing and creating tiddlers
Many more details about running TW5 on Node can be found [[here|http://tiddlywiki.com/static/TiddlyWiki%2520on%2520Node.js.html]]. Including how to update your ~TiddlyWiki when a new version comes out.
<strong>Importing from a stand alone HTML file</strong>
If you have a traditional TW5 wiki and you now want to run it on Node.js, you can import it.
* Go to a terminal window again and get to your Install Directory
* Assuming your wiki is in the mynewwiki folder, type:
*>`tiddlywiki ./mynewwiki --load path/to/my-tw5-wiki-file.html`
* If your wiki was password protected the command would be:
*> `tiddlywiki ./mynewwiki --password pa55w0rd --load path/to/my-tw5-wiki-file.html`
<strong>Things to note:</strong>
* If you want another ~TiddlyWiki installed you would just go back to the command line and type
*>`tiddlywiki myotherwiki --init server`
* You would start your other wiki by typing:
*>`tiddlywiki myotherwiki --server`
* __Each wiki must be run on a different port__
** The default port is 8080. If you wanted to use 8081 for example, you would start the wiki by typing:
*>`tiddlywiki mynewwiki --server 8081`
Welcome to [[TiddlyWiki|http://tiddlywiki.com/]], the non-linear personal web notebook.
To get started, first verify that you can save changes successfully - see http://tiddlywiki.com/ for detailed instructions.
Then you can:
* Create new tiddlers using the 'plus' button in the sidebar
* Visit the [[control panel|$:/ControlPanel]] using the 'cog' button in the sidebar to customise your wiki
** Stop this message appearing by changing the default tiddlers under the ''Basics'' tab
* Save changes using the 'download' button in the sidebar
* Learn more about [[WikiText|http://tiddlywiki.com/static/WikiText.html]]
Upgrade: http://tiddlywiki.com/upgrade.html (be sure to backup first!)
https://groups.google.com/forum/#!forum/tiddlywiki
I created a Style Sheet in this ~TiddlyWiki that you can drag and drop into your own tiddly wiki to make it a little like Google Now cards.
Mostly it just changes the fonts and line spacing a bit. Looks good in Chrome and Firefox.
My style sheet is here: [[$:/StyleSheet]]
-----
You make your own style sheet by:
*creating a new tiddler,
*naming it $:/~StyleSheet,
*and tagging it $:/tags/stylesheet.
https://plus.google.com/communities/117285869700890736959
Jeremy Ruston explains here:
https://groups.google.com/d/msg/tiddlywiki/qxfH1fBqACA/AYhwI8qdPosJ
\define MyFilter()
[tag[$(MyTag)$]subtopic{!!subtopic}sort[title]]
\end
<$set name="MyTag" value={{!!title}}>
<$list filter="[is[current]tagging[]has[subtopic]each[subtopic]sort[subtopic]]">
<div class="tc-menu-list-item">
<strong><$view field="subtopic"/></strong>
</div>
<$list filter=<<MyFilter>>>
<div class="tc-menu-list-subitem">
<$link to={{!!title}}><$view field="title"/></$link><br>
<div class="tc-menu-list-subitem">
<$transclude field="blurb"/>
</div></div></$list></$list></$set>
Note: This tiddler is NOT tagged but does have a subtopic of Comedy
Note: This tiddler is NOT tagged but does have a subtopic of Travel
http://tiddlywiki.com/markdowndemo.html
Notes from the Group about modifying the View Template
https://groups.google.com/d/msg/tiddlywiki/f2qjeiwn37U/8VUJcIZu5agJ
Note: Tiddler is tagged Movies but has NO subtopic
<$list filter="[is[current]tagging[]has[subtopic]each[subtopic]sort[subtopic]]">
<div class="tc-menu-list-item">
<$view field="subtopic"/>
</div>
<$list filter="[subtopic{!!subtopic}sort[title]]">
<div class="tc-menu-list-subitem">
<$link to={{!!title}}><$view field="title"/> </$link>
</div></$list></$list>
[[Knowledge Base]]
GettingStarted
* [[Dave Gifford's tiddlywiki notes|http://www.giffmex.org/tw5mall.htm]]
* [[Skeeve's TiddlyStuff|http://tiddlystuff.tiddlyspot.com/]]
* [[TW5 Magick|http://tw5magick.tiddlyspot.com/]]
** More tricks and snippets for ~TiddlyWiki 5 from Skeeve.
* [[Top menu + toolbar and other toolbars]]
This tool could be helpful if you have a document and need to convert it to a format that ~TiddlyWiki understands.
http://johnmacfarlane.net/pandoc/index.html
If you want to convert to Markdown, you'll need the Markdown plugin and take a look at the [[Markdown Demo|http://tiddlywiki.com/markdowndemo.html]].
Trying to get generic code to list all Tiddlers that are tagged with the title of a Tiddler then creating a a list with the titles by subtopic. See [[Movies]] example.
Issues:
<div class="tw-menu-list-subitem">
* In the Movies example you'll see Book Title B because even though it is tagged Books it does have a subtopic that matches a subtopic in the list of movies<br>
* Similar, Magazine Title A shows up in under Comedy in Movies because of its subtopic and it isn't tagged at all<br>
</div>
Filtering is working because Magazine Title B is not showing up in lists because it has a Subtopic of Travel which no other list has. Also, Movie Title E has no subtopic so it isn't showing up in Movies.
-----
Update: See the [[Books]] Tiddler for the solution
A ~TextReference identifies a chunk of text from a tiddler that can be retrieved or modified depending on the context.
http://tiddlywiki.com/static/TextReference.html
This guide describes how to:
* define buttons
* add a top menu
* add buttons to the top menu
* add buttons to other toolbars.
http://tw5toolbar.tiddlyspot.com/
\define MyFilter()
[tag[$(MyTag)$]subtopic{!!subtopic}sort[title]]
\end
<$set name="MyTag" value={{!!title}}>
<$list filter="[is[current]tagging[]has[subtopic]each[subtopic]sort[subtopic]]">
<div class="tc-menu-list-item">
<strong><$view field="subtopic"/></strong>
</div>
<$list filter=<<MyFilter>>>
<div class="tc-menu-list-subitem">
<$link to={{!!title}}><$view field="title"/></$link><br>
<div class="tc-menu-list-subitem">
<$transclude field="blurb"/>
</div></div></$list></$list></$set>
An alternative to running inside a browser is to use [[TiddlyDesktop|http://tiddlywiki.com/static/Using%2520TiddlyWiki%2520on%2520TiddlyDesktop.html]]. It is lightweight, simply unzip and run. Details here:
http://tiddlywiki.com/static/Using%2520TiddlyWiki%2520on%2520TiddlyDesktop.html
http://tiddlywiki.com/static/WikiText.html
{{||$:/CommunityExtractedPluginTemplate}}
Some quick documentation is here http://inmysocks.tiddlyspot.com/#TriggerActions%20Plugin
plugin tiddler: [[$:/plugins/inmysocks/TriggerActions]]
\define thisThing()
Yay!
\end
<$message2action message='tm-modal'>
</$message2action>
<$select field='selected'>
<option>First option</option>
<option>Second option</option>
<option>bob</option>
</$select>
<$list filter='[is[current]]'>
<hr>
</$list>
<$list filter='[tag[Icon Menus]]'>
</$list>
<$checkbox tiddler='Black Line' tag='$:/tags/ViewTemplate'>Show Horizontal Rule Under Tiddler Titles</$checkbox><br>
<$checkbox tiddler='$:/core/ui/PageTemplate/sidebar' tag='$:/tags/PageTemplate'>Toggle Old Sidebar</$checkbox> (This only hides the menu, it doesn't change the size of the tiddlers)
\define thisSelectTag()
Tag to replace: <$select field='selected_tag'>
<$set name=TagSearch value={{$:/temp/changetags!!search_tags}}>
<$list filter='[tags[]regexp[(?i)$(TagSearch)$]]'>
<option><<currentTiddler>></option>
</$list>
</$set>
</$select> <$edit-text tiddler='$:/temp/changetags' field='search_tags' class='tc-exit-textexitor' placeholder='Narrow Tags List'/>
\end
This lets you search for all tiddlers with a specific tag and selectivly replace that tag with another one. Or if the 'Replace With' field is empty just remove the tag from the tiddler(s).
<<thisSelectTag>>
Replace With: <$edit-text tiddler='$:/temp/changetags' field='replace_tag' class='tc-edit-texteditor'/>
<$list filter='[tag{!!selected_tag}]'>
<$fieldmangler tiddler=<<currentTiddler>>>
<<currentTiddler>> <$button>Change Tag<$action-sendmessage $message='tm-add-tag' $param={{$:/temp/changetags!!replace_tag}}/><$action-sendmessage $message='tm-remove-tag' $param={{Search and Replace Tags!!selected_tag}}/></$button><br>
</$fieldmangler>
</$list>
This is a demo of the icon menus I have made for TiddlyWiki5 based on the example at http://tw5topleft.tiddlyspot.com, and several good suggestions from this discussion https://groups.google.com/forum/#!topic/tiddlywiki/UO9y7LWy0Lc
!!There are 5 new menu positions as well as the top bar:
*The Top Bar - The bar at the top of the screen, it contains the three top menus
*The Left Menu - On the left side of the screen between the left edge of the screen and the right edge of the tiddlers
*The Right Menu - On the right side of the screen
*The Top Left Menu - in the upper left corner
*The Top Middle Menu - in the middle of the top of the screen
*The Top Right Menu - in the upper right corner
Each of these things can be configured in the [[$:/ControlPanel]] in the new `Icon Menu Settings` tab. Things that can be changed include what is displayed in each menu, the width and position of each menu, the text size, background and text colors and the css class that determines the menus appearance. The left and right menus can be set to be mostly transparent until the mouse hovers over them, or they can be mostly hidden off screen and pop out when the mouse hovers over them.
!!Changing the content of the menus
In the `Icon Menu Settings` tab of the [[$:/ControlPanel]] there are 6 smaller tabs, one for each menu and one for the top bar. In each of the menu tabs there is a list of available menu items which can be toggled. The order in which the items appear in the menus is controlled by the order column in the list.
!!Adding things to the menus
Any tiddler with the tag `Menu Item` will appear in the list of possible menu items. The size of the SVG icons is controlled by the font size parameter for each menu (which can be changed for each menu in the tab on the control panel), but if you wish to have items on the menu that won't fit with the current sizes the menu widths can be changed as well.<br>
For the left and right menus using the pop out on hover classes and making the menus wide allows you to have text entries in each menu that only are fully shown when hovered over. Or you could just make the menus wide using the other classes.
!!Other tweaks
While not actually related to the icon menus there is another new tab in the control panel called `Other Tweaks`. Currently it has an option to display a horizontal black line below each tiddlers title, I find this makes things a bit easier to follow. There is also an option to hide the normal menu. This option doesn't change the width of the tiddlers the way the {{$:/core/images/chevron-right}} button does, it just removes the menu. The normal {{$:/core/images/chevron-right}} button is available as an item in the icon menus.
!!Some Things to be aware of:
The three top menus are partly controlled by the top bar, and if the top bar is turned off than the three top menus are also hidden. If the top menu is set to pop out on hover than the three menus follow it.
For the left and right menus, the `Position of Hidden Menu` parameter in the control panel controls how much of the menu can be seen when it is hidden (not hovered over) using the pop out on hover menu types. This is given in terms of how far the menu edge is from the opposite side of the screen. Unless you are only going to be using a single screen with a set resolution using a percentage may work better for this.
If you have the old menu visible, and it is big enough that it would have a scroll bar of its own, the right menu will partially or fully cover it if the right menu is visible.
!!How to use this in your own wiki
If you click on the {{$:/core/images/advanced-search-button}} icon next to the search in the menu, or on the icon in the upper right menu, you can use the `filter` tab and enter `[tag[Icon Menus]]` as the filter. This will give a list of all the tiddlers used for the icon menus, then click on the {{$:/core/images/export-button}} button to export these tiddlers. Select `JSON Tiddlers File` form the menu that appears and save the file somewhere. Then in the wiki you want to use the icon menus in import that file.
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
Added “[all[current]listed[source]listed[source]]” to the list filter of the tabs and captions for notes, comments and ideas.
Changed tiddlers:
* [[$:/_tw-scholars/macros/tabs/tabContents]]
* [[$:/_tw-scholars/macros/tabs/tabCaption]]
When creating a new chapter, the fields “description“ and “about“ were not working properly. Changed tiddlers:
* [[$:/_tw-scholars/newHere/chapter/table]]
* [[$:/_tw-scholars/newHere/chapter/button]]
The new concept and new theory buttons in the sidebar did not passed the content of the text box to the new created tiddler.
Changed tiddlers:
* [[$:/_tw-scholars/macros/SideBar/newConcept/button]]
* [[$:/_tw-scholars/macros/SideBar/newTheory/button]]
<div class="cit">
{{!!text}}
<cite>
<$link>{{!!title}}</$link>
</cite>
</div>
Around 230 years after Shakespeare's death, doubts began to be expressed about the authorship of the works attributed to him.[189] Proposed alternative candidates include Francis Bacon, Christopher Marlowe, and Edward de Vere, 17th Earl of Oxford.[190] Several “group theories” have also been proposed. Only a small minority of academics believe there is reason to question the traditional attribution, but interest in the subject, particularly the Oxfordian theory of Shakespeare authorship, continues into the 21st century.
William Shakespeare was the son of John Shakespeare, an alderman and a successful glover originally from Snitterfield, and Mary Arden, the daughter of an affluent landowning farmer. He was born in ~Stratford-upon-Avon and baptised there on 26 April 1564. His actual date of birth remains unknown, but is traditionally observed on 23 April, Saint George's Day. This date, which can be traced back to an 18th-century scholar's mistake, has proved appealing to biographers, since Shakespeare died 23 April 1616. He was the third child of eight and the eldest surviving son.
Although no attendance records for the period survive, most biographers agree that Shakespeare was probably educated at the King's New School in Stratford, a free school chartered in 1553, about a quarter-mile from his home. Grammar schools varied in quality during the Elizabethan era, but grammar school curricula were largely similar, the basic Latin text was standardised by royal decree, and the school would have provided an intensive education in grammar based upon Latin classical authors.
At the age of 18, Shakespeare married the 26-year-old Anne Hathaway. The consistory court of the Diocese of Worcester issued a marriage licence on 27 November 1582. The next day, two of Hathaway's neighbours posted bonds guaranteeing that no lawful claims impeded the marriage. The ceremony may have been arranged in some haste, since the Worcester chancellor allowed the marriage banns to be read once instead of the usual three times, and six months after the marriage Anne gave birth to a daughter, Susanna, baptised 26 May 1583. Twins, son Hamnet and daughter Judith, followed almost two years later and were baptised 2 February 1585. Hamnet died of unknown causes at the age of 11 and was buried 11 August 1596.
<h1><span title="Éditer cette section"><$link>{{!!title}}</$link></span></h1>
<$transclude/>
\define slider-h1s(caption,state,text)
<h1><span title="Éditer cette section"><$button message="tw-edit-tiddler" class="btn-invisible">@@color:green;$caption$@@</$button></span> <$button popup="$:/state/$state$" class="btn-invisible"><span title="Montrer"><small><small><small><small><$reveal type="match" text="" default="" state="$:/state/$state$">[voir] </$reveal></small></small></small></small></span><span title="Cacher"><small><small><small><small><$reveal type="nomatch" text="" default="" state="$:/state/$state$">[cacher] </$reveal></small></small></small></small></span></$button></h1>
<$reveal type="nomatch" state="$:/state/$state$" text="">
$text$
</$reveal>
\end
<<slider-h1s "{{!!title}}" "" "{{!!text}}">>
<h2><span title="Éditer cette section"><$link>{{!!title}}</$link></span></h2>
<$transclude/>
\define slider-h2s(caption,state,text)
<h2><span title="Éditer cette section"><$button message="tw-edit-tiddler" class="btn-invisible">@@color:green;$caption$@@</$button></span> <$button popup="$:/state/$state$" class="btn-invisible"><span title="Montrer"><small><small><small><small><$reveal type="match" text="" default="" state="$:/state/$state$">[voir] </$reveal></small></small></small></small></span><span title="Cacher"><small><small><small><small><$reveal type="nomatch" text="" default="" state="$:/state/$state$">[cacher] </$reveal></small></small></small></small></span></$button></h2>
<$reveal type="nomatch" state="$:/state/$state$" text="">
$text$
</$reveal>
\end
<<slider-h2s "{{!!title}}" "" "{{!!text}}">>
!!<span title="Éditer cette section"><$link>{{!!title}}</$link></span>
<$transclude/>
To be, or not to be, that is the question:
Whether 'tis nobler in the mind to suffer
The slings and arrows of outrageous fortune,
Or to take arms against a sea of troubles
And by opposing end them. To die—to sleep,
No more; and by a sleep to say we end
The heart-ache and the thousand natural shocks
That flesh is heir to: 'tis a consummation
Devoutly to be wish'd. To die, to sleep;
To sleep, perchance to dream—ay, there's the rub:
For in that sleep of death what dreams may come,
When we have shuffled off this mortal coil,
Must give us pause—there's the respect
That makes calamity of so long life.
For who would bear the whips and scorns of time,
Th'oppressor's wrong, the proud man's contumely,
The pangs of dispriz'd love, the law's delay,
The insolence of office, and the spurns
That patient merit of th'unworthy takes,
When he himself might his quietus make
With a bare bodkin? Who would fardels bear,
To grunt and sweat under a weary life,
But that the dread of something after death,
The undiscovere'd country, from whose bourn
No traveller returns, puzzles the will,
And makes us rather bear those ills we have
Than fly to others that we know not of?
Thus conscience does make cowards of us all,
And thus the native hue of resolution
Is sicklied o'er with the pale cast of thought,
And enterprises of great pitch and moment
With this regard their currents turn awry
And lose the name of action.
This note has nothing to do here.
What's in a name? That which we call a rose
By any other name would smell as sweet.
The Tragedy of Hamlet, Prince of Denmark, often shortened to Hamlet, is a tragedy written by William Shakespeare at an uncertain date between 1599 and 1602. Set in the Kingdom of Denmark, the play dramatizes the revenge Prince Hamlet is instructed to enact on his uncle Claudius. Claudius had murdered his own brother, Hamlet's father King Hamlet and then taken the throne, marrying his deceased brother's widow, Hamlet's mother Gertrude.
Macbeth is Shakespeare's shortest tragedy, and tells the story of a brave Scottish general named Macbeth who receives a prophecy from a trio of witches that one day he will become King of Scotland. Consumed by ambition and spurred to action by his wife, Macbeth murders King Duncan and takes the throne for himself. He is then wracked with guilt and paranoia, and he soon becomes a tyrannical ruler as he is forced to commit more and more murders to protect himself from enmity and suspicion. The bloodbath and consequent civil war swiftly take Macbeth and Lady Macbeth into the realms of arrogance, madness, and death.
Some scholars claim that members of Shakespeare's family were Catholics, at a time when Catholic practice was against the law.[194] Shakespeare's mother, Mary Arden, certainly came from a pious Catholic family. The strongest evidence might be a Catholic statement of faith signed by John Shakespeare, found in 1757 in the rafters of his former house in Henley Street. The document is now lost, however, and scholars differ as to its authenticity.[195] In 1591 the personities reported that John Shakespeare had missed church “for fear of process for debt”, a common Catholic excuse.[196] In 1606 the name of William's daughter Susanna appears on a list of those who failed to attend Easter communion in Stratford.[196] As several scholars have noted, whatever his private views, Shakespeare “conformed to the official state religion”, as Park Honan put it.[197][198] Shakespeare's will uses a Protestant formula and he was a confirmed member of the Church of England, where he got married, his children were baptized, and where he was buried. Other authors argue that there is a lack of evidence about Shakespeare's religious beliefs. Scholars find evidence both for and against Shakespeare's Catholicism, Protestantism, or lack of belief in his plays, but the truth may be impossible to prove.[199]
Stratford-upon-Avon (/ˌstrætfəd əpɒn ˈeɪvən/, known locally as Stratford) is a market town and civil parish in south Warwickshire, England. It lies on the River Avon, 22 miles (35 km) south east of Birmingham and 8 miles (13 km) south west of Warwick. It is the largest and most populous town of the non-metropolitan district Stratford-on-Avon, which uses the term "on" rather than "upon" to distinguish it from the town itself.[1] Four electoral wards make up the urban town of Stratford; Alveston, Avenue and New Town, Mount Pleasant and Guild and Hathaway. The estimated total population for those wards in 2007 was 25,505.[2]
The town is a popular tourist destination owing to its status as birthplace of the playwright and poet William Shakespeare, often regarded as the world's greatest playwright of all time, receiving about 4.9 million visitors a year from all over the world.[3] The Royal Shakespeare Company resides in Stratford's Royal Shakespeare Theatre, one of Britain's most important cultural venues.
{{!!title||$:/core/ui/TagTemplate}}
|! Version | ''<$button set="$:/state/tab-{-1076863771}" setTo="$:/_tw-scholars/tab/journal" class="btn-invisible">{{!!version}}</$button>'' |
!What is this?
[[TiddlyWiki|http://tiddlywiki.com/static/TiddlyWiki.html]] is a great piece of software created by [ext[Jeremy Ruston|https://github.com/Jermolene]]. It allows you, among other things, to take notes, organize ideas, store information, and display all your stuff the way you want. It is an incredibly flexible tool you can adapt to fit almost all your needs.
//''~TiddlyWiki for Scholars''// is a personal customization of ~TiddlyWiki <<version>> I made for note-taking from readings, but it can be useful for other purposes. The idea behind this adaptation is to show and to allow creating relevant data related to the current tiddler without leaving the tiddler.
<div class="box">
{{$:/_tw-scholars/doc/TabsBar}}
</div>
The current tiddler is an example of how //~TiddlyWiki for Scholars//, with its bottom tabs bar, can be used for. A more academic example is the tiddler [[William Shakespeare]].
This adaptation have been created with help and support from other community members who provide plugins, guides, tutorials and help through the [[discussion group|http://groups.google.com/group/TiddlyWiki]] and their own TWs ([[links here|http://tiddlywiki.com/static/Community.html]]). I am very grateful to the community and to Jeremy Ruston.
<div class="important">
{{$:/_images/arrow-right}} //~TiddlyWiki for Scholars// is a work in progress and a moving target. <br>
{{$:/_images/arrow-right}} I'm not a developper but only an end user.<br>
{{$:/_images/arrow-right}} ~TiddlyWiki itself is still in beta phase.<br>
<br>
Thus, <b>use it with extreme caution and create regular backups of your data.</b>
</div>
For more information about //~TiddlyWiki for Scholars//, see the tabs below…
\define toc-heading(caption)
<$reveal type="nomatch" state=<<qualify "$:/state/tac/$caption$">> text="show">
<$link>$caption$</$link>
<$list filter=" [all[current]listed[about]] [all[current]listed[source]] [all[current]listed[parent]] +[limit[1]]">
<$button set=<<qualify "$:/state/tac/$caption$">> setTo="show" class="btn-invisible">
{{$:/core/images/right-arrow}}
</$button>
</$list>
</$reveal>
<$reveal type="match" state=<<qualify "$:/state/tac/$caption$">> text="show">
<$link>$caption$</$link>
<$button set=<<qualify "$:/state/tac/$caption$">> setTo="hide" class="btn-invisible">
{{$:/core/images/down-arrow}}
</$button>
</$reveal>
<$reveal type="match" state=<<qualify "$:/state/tac/$caption$">> text="show" retain="yes" animate="yes">
<$list filter="[all[current]listed[about]] [all[current]listed[source]] [all[current]listed[parent]]">
# <$macrocall $name="toc-heading" caption={{!!title}}/>
</$list>
</$reveal>
\end
<div class="tw-table-of-contents">
{{ToC - authors}}
<$list filter="[tag[@ToC]]">
# <$macrocall $name="toc-heading" caption={{!!title}}/>
</$list>
</div>
\define normal(body) $body$
\define filter(body)
<$list filter="$body$">
## <$link><$view field="title"/></$link>
</$list>
\end
\define authors(body)
<$list filter="$body$">
## {{$:/_images/person}} <$link to={{!!title}}>
@@text-transform:uppercase;<$view field="person_surname"/>@@<$reveal type="nomatch" state="!!person_name" text="">, <$view field="person_name"/></$reveal></$link>
<$list filter="[all[current]listed[authors]tag[$:/_type/publication]]">
### — <$link to={{!!title}}>
<$reveal type="match" state="!!publication_type" text="article">“</$reveal><$view field="publication_title"/><$reveal type="match" state="!!publication_type" text="article">”</$reveal>, <$view field="publication_date"/></$link>
</$list>
</$list>
\end
\define toc-heading(caption,body,type:"normal")
<$reveal type="nomatch" state=<<qualify "$:/state/toc/$caption$">> text="show">
<$button set=<<qualify "$:/state/toc/$caption$">> setTo="show" class="btn-invisible">$caption$ {{$:/core/images/right-arrow}}
</$button>
</$reveal>
<$reveal type="match" state=<<qualify "$:/state/toc/$caption$">> text="show">
<$button set=<<qualify "$:/state/toc/$caption$">> setTo="hide" class="btn-invisible">$caption$ {{$:/core/images/down-arrow}}
</$button>
</$reveal>
<$reveal type="match" state=<<qualify "$:/state/toc/$caption$">> text="show" retain="yes" animate="yes">
<<$type$ "$body$">>
</$reveal>
\end
<div class="tw-table-of-contents">
# <<toc-heading "Authors / texts" "[tag[$:/_type/person]person_type[author]!is[system]has[person_surname]sort[person_surname]]" "authors">>
</div>
\define increment(item)
#$item$
\end
\define level6()
<$list filter="[all[current]listed[about]] [all[current]listed[parent]] [all[current]listed[source]]">
###### 6. - {{!!title}}
</$list>
\end
\define level5()
<$list filter="[all[current]listed[about]] [all[current]listed[parent]] [all[current]listed[source]]">
##### 5. - {{!!title}}
<<level6>>
</$list>
\end
\define level4()
<$list filter="[all[current]listed[about]] [all[current]listed[parent]] [all[current]listed[source]]">
#### 4. - {{!!title}}
<<level5>>
</$list>
\end
---
<div class="tw-table-of-contents">
<$list filter="[tag[MainTopic]]">
<$macrocall $name="increment" item={{!!title}}/>
<$set name="level1" value=<<increment {{!!title}}>> >
<$list filter="[all[current]listed[about]] [all[current]listed[parent]] [all[current]listed[source]]">
<$macrocall $name="increment" item=<<level1>>/>
<$macrocall $name="increment" item=<<level1>>/>
<$list filter="[all[current]listed[about]] [all[current]listed[parent]] [all[current]listed[source]]">
### 3. - {{!!title}}
<<level4>>
</$list>
</$list>
</$set>
</$list>
---
</div>
This is the first empty version of ~TiddlyWiki for Scholars. It is based on TW 5.0.14 beta.
Upgrade to TW 5.0.15 and bug fixes (see journal)
''William Shakespeare'' (/ˈʃeɪkspɪər/; 26 April 1564 (baptised) – 23 April 1616) was an English poet, playwright and actor, widely regarded as the greatest writer in the English language and the world's pre-eminent dramatist. He is often called England's national poet and the "Bard of Avon". His extant works, including some collaborations, consist of about 38 plays, 154 sonnets, two long narrative poems, and a few other verses, the [[authorship of some of which is uncertain|Doubts about authorship]]. His plays have been translated into every major living language and are performed more often than those of any other playwright.
Shakespeare was born and brought up in [[Stratford-upon-Avon]]. At the age of 18, he married Anne Hathaway, with whom he had three children: Susanna, and twins Hamnet and Judith. Between 1585 and 1592, he began a successful career in London as an actor, writer, and part-owner of a playing company called the Lord Chamberlain's Men, later known as the King's Men. He appears to have retired to Stratford around 1613 at age 49, where he died three years later. Few records of Shakespeare's private life survive, and there has been considerable speculation about such matters as his physical appearance, sexuality, [[religious beliefs|Shakespeare's religious beliefs]], and whether the works attributed to him were written by others.
<div class="text-grey">
(source: [ext[Wikipedia|https://en.wikipedia.org/wiki/William_Shakespeare]])
</div>
I like this guy very much!
I have an idea concerning William Shakespeare, but I can't tell here.
Shakespeare's works include the 36 plays printed in the First Folio of 1623, listed according to their folio classification as comedies, histories and tragedies. Two plays not included in the First Folio, The Two Noble Kinsmen and Pericles, Prince of Tyre, are now accepted as part of the canon, with scholars agreed that Shakespeare made a major contribution to their composition. No Shakespearean poems were included in the First Folio.
In the late 19th century, Edward Dowden classified four of the late comedies as romances, and though many scholars prefer to call them tragicomedies, his term is often used. These plays and the associated Two Noble Kinsmen are marked with an asterisk (*) below. In 1896, Frederick S. Boas coined the term “problem plays” to describe four plays: All's Well That Ends Well, Measure for Measure, Troilus and Cressida and Hamlet. “Dramas as singular in theme and temper cannot be strictly called comedies or tragedies”, he wrote. “We may therefore borrow a convenient phrase from the theatre of today and class them together as Shakespeare's problem plays.” The term, much debated and sometimes applied to other plays, remains in use, though Hamlet is definitively classed as a tragedy.
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
@@.sliderBG
<div>
Breadcrumbs are a list of links to tiddlers opened during a session, creating a 'trail of breadcrumbs' from one tiddler to the next.<br>
The number of breadcrumbs will be limited here to the last ''x'' opened tiddlers (''x'' to be set in the 'Settings' tab).
<<<
''Note:''<br>
The term breadcrumbs comes from the trail of breadcrumbs left by Hansel and Gretel in the popular fairytale by the Brothers Grimm.
<<<
---
</div>
@@
@@.BROWN Breadcrumbs menu@@
Parts can be added to the ~PageTemplate. As of TW5.0.9-beta a ~TopLeftBar and a ~TopRightBar (with double chevron icon for hiding the Sidebar) are standard added to the ~PageTemplate.
Here we will add an extra breadcrumbs menu to the ~PageTemplate by tagging it with [[$:/tags/PageTemplate]].
The breadcrumbs menu comprises 3 tiddlers:
* [[$:/plugins/tongerner/breadcrumbs/menu]]
* [[$:/plugins/tongerner/breadcrumbs/breadcrumbs]]
* [[$:/plugins/tongerner/breadcrumbs/styles]]
!!$:/plugins/tongerner/breadcrumbs/menu
The tiddler [[$:/plugins/tongerner/breadcrumbs/menu]] contains - modified - code used for the 'Open' tab in the Sidebar:
<<source "$:/plugins/tongerner/breadcrumbs/menu">>
The macro on top, and the `<$set> ...>` line below it, make it possible to set the maximum number of displayed breadcrumbs in [[$:/plugins/tongerner/breadcrumbs/settings]] ('Settings' tab) and use this value here.
<<<
''Note:''
* Default the number of breadcrumbs will be limited to the last ''6'' opened tiddlers. Adjust this number to your liking in [[$:/plugins/tongerner/breadcrumbs/settings]].
* The top menu has room for 2 - 3 rows of breadcrumbs. In the unlikely event you want more room, you can increase the 'Top Sidebar' and 'Top story-river' values in 'Settings' with the same amount.
* Tagging [[$:/plugins/tongerner/breadcrumbs/menu]] with [[$:/tags/PageTemplate]] does not show the breadcrumbs! Therefore a transcluded version of the menu will be tagged with [[$:/tags/PageTemplate]] which works.
<<<
!!$:/plugins/tongerner/breadcrumbs/breadcrumbs
[[$:/plugins/tongerner/breadcrumbs/breadcrumbs]], tagged with [[$:/tags/PageTemplate]], contains:
<<source "$:/plugins/tongerner/breadcrumbs/breadcrumbs">>
!!$:/plugins/tongerner/breadcrumbs/styles
The tiddler [[$:/plugins/tongerner/breadcrumbs/styles]], tagged with [[$:/tags/Stylesheet]], contains the styles for the breadcrumbs:
<<source "$:/plugins/tongerner/breadcrumbs/styles">>
<<<
''Note:''
<<slider "Known 'hitches' »." "{{Known 'hitches'}}">>
<<<
<<tabs "Introduction Plugin Changelog More" "Introduction" "$:/state/tab/intro" "tabsstyle">>
,,Comments and questions are welcome. Post them in the [[TW Google group|https://groups.google.com/forum/#!forum/tiddlywiki]],,
\define myfilter()
[list[$:/StoryList]limit[&fieldparam$]]
\end
<div class="tc-breadcrumbs">
<$set name="fieldparam" value={{!!limit}}>
<$list filter=<<myfilter>>>
<$set>
</$link><$button message="tc-close-tiddler" class="tc-btn-invisible btn-top">×</$button></$list></div>
@@.BROWN Changelog@@
<<<
''Note:''<br><span title="Known 'hitches'"><<slider "Known 'hitches' »" "{{Known 'hitches'}}">></span>
<<<
!!!!v2.01 (9-7-2015)
* Upgraded to TW5.1.9
* Made a breadcrumbs plugin.
!!!!v1.19 (25-4-2015)
* Upgraded to TW5.1.8.
!!!!v1.18 (24-12-2014)
* Upgraded to TW5.1.7.
!!!!v1.17 (5-12-2014)
* Upgraded to TW5.1.5.
!!!!v1.16 (24-10-2014)
* Upgraded to TW5.1.4.
!!!!v1.15 (21-10-2014)
* Upgraded to TW5.1.3.
!!!!v1.14 (28-9-2014)
* Upgraded to TW5.1.2.
* Per section divided Settings menu.
!!!!v1.13 (22-9-2014)
* Upgraded to TW5.1.1.
!!!!v1.12 (21-9-2014)
* Upgraded to TW5.1.0.
!!!!v1.11 (18-9-2014)
* Upgraded to TW5.0.18-beta.
!!!!v1.10 (13-9-2014)
* Upgraded to TW5.0.17-beta.
!!!!v1.9 (5-9-2014)
* Upgraded to TW5.0.16-beta.
* Bug fixes.
!!!!v1.8 (21-8-2014)
* Upgraded to TW5.0.15-beta.
!!!!v1.7 (18-8-2014)
* Upgraded to TW5.0.14-beta.
* Removed ribbon; interfered with new programmable buttons in the Tools tab.
!!!!v1.6 (xx-7-2014)
* Max. number of breadcrumbs defined in $:/_settings.
!!!!v1.5 (28-6-2014)
* Upgraded to 5.0.13-beta.
* Bluish theme v0.3.0.
!!!!v1.4 (3-6-2014)
* Bluish theme v0.2.0.
!!!!v1.3 (17-5-2014)
* Upgraded to 5.0.12-beta.
!!!!v1.2 (2-5-2014)
* Upgraded to 5.0.10-beta.
!!!!v1.1 (1-3-2014)
* First release as separate guide.
* Upgraded to 5.0.8beta.
* Created toggle breadcrumbs on/off button.
* Extended documentation.
!!!!v1.0 (11-2-2014)
* Added breadcrumbs to top & left menu http://tw5topleft.tiddlyspot.com/
<<<
''Note:''<br>Values from the 'Settings' table will be transcluded here, e.g.<br>`top: {{!!top-breadcrumbs}};`
<<<
<<source "$:/plugins/tongerner/breadcrumbs/settings-styles">>
@@.sliderBG
<div>
The tiddler [[$:/plugins/tongerner/breadcrumbs/button]] contains the code to toggle the tag [[$:/tags/Stylesheet]] of the style sheet tiddler [[$:/plugins/tongerner/breadcrumbs/styles]] ''on/off''.
!!!To see the 'Toggle breadcrumbs' button in action:
# Open [[$:/plugins/tongerner/breadcrumbs/styles]].
# Click the {{$:/plugins/tongerner/breadcrumbs/image-breadcrumbs-on}}/{{$:/plugins/tongerner/breadcrumbs/image-breadcrumbs-off}} button. Note the toggling of the [[$:/tags/Stylesheet]] tag.
If [[$:/plugins/tongerner/breadcrumbs/styles]] is ''not'' tagged with [[$:/tags/Stylesheet]], [[$:/plugins/tongerner/breadcrumbs/style-no-breadcrumbs]] becomes active which contains `display: none;`.
---
</div>
@@
@@.BROWN Introduction@@
<<<
''Note:''
* @@.BLUE Available as a plugin (v<<pversion "breadcrumbs">>).<br>Just drag & drop [[$:/plugins/tongerner/breadcrumbs]] to your wiki to add the breadcrumbs plugin@@
* @@.BLUE The breadcrumbs work best in zoomin mode.@@
<<<
This guide describes how <<slider "breadcrumbs »" "{{Breadcrumbs info}}">> can be added.
The breadcrumbs can be toggled ''on/off'' with the {{$:/plugins/tongerner/breadcrumbs/image-breadcrumbs-on}}/{{$:/plugins/tongerner/breadcrumbs/image-breadcrumbs-off}} button (in Page Toolbar or View Toolbar).
To see the breadcrumbs in action in this demo, open a few tiddlers (Sidebar, tab 'Recent').<br>After that you can go to opened tiddlers by clicking a breadcrumb and/or close them by clicking the 'x' at the right of the breadcrumb (the same functionality as in the Sidebar, tab 'Open').
This guide describes how the breadcrumbs menu is made (code and styles involved).
<<<
''Note:''
* This TW uses:
** My Searchtab plugin which changes 'Search' from above the tabs to a tab and adds a 'System tags' tab below the 'Tags' tab
** My Bluish theme (see <<slider "Known 'hitches' »" "{{Known 'hitches'}}">>).
<<<
@@.sliderBG
<div>
The appearance of styled breadcrumbs is not perfect.<br>
There is a difference in height of breadcrumb and 'x'-part dependent on theme and browser used.<br>
It looks quite good when using my 'Bluish' theme and Firefox but changing theme and/or browser (e.g. Chrome) gives differences in height of breadcrumb and 'x'-part.
So the styles have to be optimized for the preferred theme/browser combination; default styles ($:/plugins/tongerner/breadcrumbs/styles):
```
.tc-breadcrumbs a.tc-tiddlylink {
padding: 1px 5px 3px 5px;
}
.tc-btn-top {
padding: 1px 5px 3px 0px;
}
```
---
</div>
@@
@@.BROWN More@@
My guides:
* [[How to customize TW5|http://tw5custom.tiddlyspot.com/]]
* [[How to make a top menu toolbar|http://tw5toolbar.tiddlyspot.com/]]
* [[How to make a top menu, and a left menu that can be toggled on/off|http://tw5topleft.tiddlyspot.com/]]
* [[How to add breadcrumbs|http://tw5breadcrumbs.tiddlyspot.com/]]
* [[How to make TW5 readonly|http://tw5readonly.tiddlyspot.com/]]
* [[How to make/modify TW5 bookmarklets|http://tw5bookmarklets.tiddlyspot.com/]]
* [[How to make a 'tristate toggle' Sidebar|http://tw5tristate.tiddlyspot.com/]]
* [[How to explore TW5|http://tw5exploration.tiddlyspot.com/]]
For the latest news, see http://tongerner.tiddlyspot.com/
@@.sliderBG
<div>
In case a breadcrumbs menu has to be combined with other 'top menus' like the ones in 'TW5 top menu + toolbars' [1] or 'Top + left menu' [2], some adjustments to the breadcrumbs menu and the 'receiving' TW are required:
# The breadcrumbs menu has to be shifted downwards, otherwise toolbars and/or top menu will be hidden:
#* [[$:/plugins/tongerner/breadcrumbs/settings]]: @@.BLUE Top 'Breadcrumbs'@@
# To prevent the breadcrumbs menu hides the top part of the tiddlers and the Sidebar, story-river and Sidebar have to be shifted downwards as well.
#* [[$:/plugins/tongerner/breadcrumbs/settings]]: @@.BLUE Top story-river@@
#* [[$:/plugins/tongerner/breadcrumbs/settings]]: @@.BLUE Top Sidebar@@
[1] http://tw5toolbar.tiddlyspot.com/<br>
[2] http://tw5topleft.tiddlyspot.com/
---
</div>
@@
@@.BROWN Plugin@@
The breadcrumbs plugin contains 12 tiddlers:
<<list-links-title filter:"[all[shadows+tiddlers]]+[prefix[$:/plugins/tongerner/breadcrumbs/]]">>
The menu uses tiddlers 1, 6 & 11, the toggle breadcrumbs button uses tiddlers 2, 4, 5 & 12, 'Settings' uses tiddlers 8, 9 & 10. The remaining tiddlers 3 & 7 are for the plugin itself.
<<tabs "[[Breadcrumbs menu]] [[Toggle breadcrumbs button]] Settings Tinka" "[[Breadcrumbs menu]]" "$:/state/tab/breadcrumbs" "tabsstyle">>
<<<
''Note:''<br>Transcluded 'Settings' values are rendered, e.g. `top: 5px;`):
<<<
{{$:/plugins/tongerner/breadcrumbs/settings-styles}}
@@.BROWN Settings@@
<<<
''Note:''
* <<slider "Known 'hitches' »." "{{Known 'hitches'}}">>
* <<slider "Combination of breadcrumbs with other top menus »" "{{Other adjustments}}">>
<<<
Adjustments to the layout can be made in the 'Settings' tab.<br>
'Settings' comprises 3 tiddlers:
* [[$:/plugins/tongerner/breadcrumbs/settings]]
* [[$:/plugins/tongerner/breadcrumbs/settings-help]]
* [[$:/plugins/tongerner/breadcrumbs/settings-styles]]
!!$:/plugins/tongerner/breadcrumbs/settings
The tiddler [[$:/plugins/tongerner/breadcrumbs/settings]], tagged with [[$:/tags/SideBar]], contains:
<<source "$:/plugins/tongerner/breadcrumbs/settings">>
which shows as an editable table with settings for adjusting the layout, see [[$:/plugins/tongerner/breadcrumbs/settings]].<br>The values set will be transcluded in the stylesheet ('Max. # of breadcrumbs' will be transcluded in the breadcrumbs menu).
!!$:/plugins/tongerner/breadcrumbs/settings-help
Help can be found in [[$:/plugins/tongerner/breadcrumbs/settings-help]] which contains:
<<source "$:/plugins/tongerner/breadcrumbs/settings-help">>
and shows as a Help table, see [[$:/plugins/tongerner/breadcrumbs/settings-help]].
!!$:/plugins/tongerner/breadcrumbs/settings-styles
The [[$:/plugins/tongerner/breadcrumbs/settings-styles]] contains most of the adjustable CSS (to be set in [[$:/plugins/tongerner/breadcrumbs/settings]]).
<<tabs "[[Code of Settings table]] [[Rendered Settings table]]" "[[Code of Settings table]]" "$:/state/tab">>
@@.BROWN Tinka@@
The plugin [[$:/plugins/tongerner/breadcrumbs]] was made in a standalone version of TW5 with help of Andreas Hahn's [[Tinka plugin|http://twguides.org/tinka.html]].
@@.BROWN Toggle breadcrumbs button@@
The breadcrumbs menu on top can be toggled on/off with a button ({{$:/plugins/tongerner/breadcrumbs/image-breadcrumbs-on}}/{{$:/plugins/tongerner/breadcrumbs/image-breadcrumbs-off}}) in Page Toolbar or View Toolbar.<br>
The 'Toggle breadcrumbs' button comprises 4 tiddlers.
* [[$:/plugins/tongerner/breadcrumbs/button]]
* [[$:/plugins/tongerner/breadcrumbs/image-breadcrumbs-off]]
* [[$:/plugins/tongerner/breadcrumbs/image-breadcrumbs-on]]
* [[$:/plugins/tongerner/breadcrumbs/style-no-breadcrumbs]]
!!$:/plugins/tongerner/breadcrumbs/button
<<slider "How does the button work? »" "{{How does the button work?}}">>
The tiddler [[$:/plugins/tongerner/breadcrumbs/button]] - tagged with [[$:/tags/PageControls]] - contains:
<<source "$:/plugins/tongerner/breadcrumbs/button">>
<<<
''Note:''
* In case breadcrumbs are used in combination with other top menus see [[Settings]] (Combination of breadcrumbs with other top menus).
* The 'Toggle breadcrumbs' button can be added to the Page Toolbar and/or View Toolbar.
<<<
!!$:/plugins/tongerner/breadcrumbs/image-breadcrumbs-off
The tiddler [[$:/plugins/tongerner/breadcrumbs/image-breadcrumbs-off]] contains:
<<source "$:/plugins/tongerner/breadcrumbs/image-breadcrumbs-off">>
!!$:/plugins/tongerner/breadcrumbs/image-breadcrumbs-on
The tiddler [[$:/plugins/tongerner/breadcrumbs/image-breadcrumbs-on]] contains:
<<source "$:/plugins/tongerner/breadcrumbs/image-breadcrumbs-on">>
!!$:/plugins/tongerner/breadcrumbs/style-no-breadcrumbs
The tiddler [[$:/plugins/tongerner/breadcrumbs/style-no-breadcrumbs]], tagged with [[$:/tags/Stylesheet]], contains:
<<source "$:/plugins/tongerner/breadcrumbs/style-no-breadcrumbs">>
<<<
''Note:''
* Default nothing of the breadcrumbs menu will be shown (`display: none`). Without this `display: none`, breadcrumbs appear at the bottom of the story-river.
* The 'real' styles for the breadcrumbs menu can be found in [[$:/plugins/tongerner/breadcrumbs/styles]]!
<<<
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
!!!The plan
We start with one.
Pick one from the [[applications|ApplicationCategory]] or come up with a better. Maybe we look at which are the most popular software types? Or just maybe we do look at the applications and decide which one is the easiest to emulate.
Whichever one we go for, we take a look at some of the commercial versions of that.
We tweak so it looks a bit like those, including adding a logo and some graphics.
We write a [[mini pitch|The TWelevator Pitch]] for that target group.
There. A new frickin' pro-duct! Just like that!
It's FREE.
We check out five industry magazines or similar.
We post a press-release.
They get happy.
We get community.
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[@JeremyRuston]!tag[Unfinished]] [all[shadows+tiddlers]!has[draft.of]tag[@Jeremy]!tag[Unfinished]] [all[shadows+tiddlers]!has[draft.of]tag[@Jermolene]!tag[Unfinished]]">>
<<list-links "[tag<currentTiddler>]">>
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[@TobiasBeer]!tag[Unfinished]] [all[shadows+tiddlers]!has[draft.of]tag[@TobiBeer]!tag[Unfinished]] [all[shadows+tiddlers]!has[draft.of]tag[@Tobias]!tag[Unfinished]] [all[shadows+tiddlers]!has[draft.of]tag[@tb5]!tag[Unfinished]]">>
\define revatt(who)
<$reveal type="nomatch" state="$:/state/attention/$who$" text="show">
<$button set="$:/state/attention/$who$" setTo="show"><$view tiddler=$who$ field="title" format="text">$title$</$view></$button>
</$reveal>
<$reveal type="match" state="$:/state/attention/$who$" text="show">
<$button set="$:/state/attention/$who$" setTo="hide"><$view tiddler=$who$ field="title" format="text">$title$</$view></$button><br>
//@@color:gray; Hi [[$who$]] - here's some stuff that made me think of you specifically.<br>{{$who$!!note}}@@ //
<$list filter="[tag[$who$]] +[!sort[recent]]">
<li><<linkify {{!!title}}>></li><dd>@@font-size:95%;color:gray; {{!!summary}}@@</dd>
</$list>
<$list filter="[{!!title}backlinks[]first[]]">//@@color:gray; BTW, you're mentioned in these articles:@@ //<br></$list><$list filter="[{!!title}backlinks[]sort[title]]">@@font-size:90%;color:crimson; ∘ @@<<linkify {{!!title}}>></$list>
</$reveal>
\end
<$list filter="[all[tiddlers]tags[]prefix[@]] -[[@TWaddle]]">
<$macrocall $name=revatt who={{!!title}}/>
</$list>
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[@tw.com]!tag[Unfinished]]">>
.tc-sidebar-lists .tc-table-of-contents { white-space: nowrap; }
.tc-table-of-contents button { color: crimson; /* <<colour sidebar-foreground>>; */ }
.tc-table-of-contents svg { width: 0.7em; height: 0.7em; vertical-align: middle; fill: <<colour sidebar-foreground>>; }
.tc-table-of-contents ol { list-style-type: none; padding-left: 0;}
.tc-table-of-contents ol ol { padding-left: 1em; }
.tc-table-of-contents li { font-size: 1.0em; font-weight: bold; }
.tc-table-of-contents li a { font-weight: bold; }
.tc-table-of-contents li li { font-size: 0.95em; font-weight: normal; line-height: 1.4; }
.tc-table-of-contents li li a { font-weight: normal; }
.tc-table-of-contents li li li { font-size: 0.95em; font-weight: 200; line-height: 1.5; }
.tc-table-of-contents li li li a { font-weight: bold; }
.tc-table-of-contents li li li li { font-size: 0.95em; font-weight: 200; }
.tc-tabbed-table-of-contents { display: -webkit-flex; display: flex; }
.tc-tabbed-table-of-contents .tc-table-of-contents {
z-index: 100;
display: inline-block;
margin-left: -1.2em; /* pull menu left */
max-width: 50%;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
background: transparent; /* <<colour tab-background>>; */
border: 0px; /* previously left/top/botttom 1px; solid <<colour tab-border>>; */
background: -webkit-linear-gradient(left, red , blue); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(right, red, blue); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(right, red, blue); /* For Firefox 3.6 to 15 */
background: linear-gradient(to right, lightgrey, transparent); /* Strd syntax (must be last) */
background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(80%,#ffffff), color-stop(90%,<<color page-background>>),color-stop(100%, rgba(240,67,239,0)));
}
.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item > a,
.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item-selected > a {
display: block; padding: 0.12em 1em 0.12em 0.25em;
}
.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item > a {
border-left: 0px;
border-top: 1px solid transparent; /*<<colour tab-background>>; */
border-bottom: 1px solid transparent;
*/
}
.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item > a:hover {
text-decoration: none;
border-top: 1px solid green /* <<colour tab-border>>; */
border-left: 1px solid green;
border-bottom: 1px solid green;
background: green; /* <<colour tab-border>>; */
}
_TWaddle/CSS/ToCMacroC
.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item-selected > a:hover { text-decoration: none; }
.tc-tabbed-table-of-contents .tc-tabbed-table-of-contents-content {
display: inline-block;
vertical-align: top;
padding: 0px;
padding-left: 1.5em;
padding-right: 0px; /* 1.5em; */
border: 0px; /* 1px solid <<colour tab-border>>; */
-webkit-flex: 1 0 50%;
flex: 1 0 50%;
}
.tc-tabbed-table-of-contents .tc-table-of-contents .toc-item-selected > a {
background-image:-webkit-gradient(linear, left bottom, right bottom, color-stop(100%,<<color background>>));
-moz-border-image: -moz-linear-gradient(left, <<color tab-border>> 0%, rgba(240,67,239,0) 100%);
-webkit-border-image: -webkit-linear-gradient(left, <<color tab-border>> 0%, rgba(240,67,239,0) 100%);
border-image: linear-gradient(to right, <<color tab-border>> 0%, rgba(240,67,239,0) 100%);
border-image-slice: 1;
border-right: 0px;
border-left: 7px solid <<color tab-border-selected>>; /* color is set in border-image */
margin-left:-7px; /* make up for border-left disloc. */
margin-right:0px; /*move shade to right*/
}
@@.tc-tiddler-frame
@@width:400px;
A text frame defined in some core stylesheet. Easy to use for quotes, info-boxes etc. See code.
@@
This is [[Mat|Mat]]'s, a.k.a [[<:-)|Mat]] little man-cave in the [[TiddlyVerse]].
Most TW development is, understandably, based on the premise that //"Improve code ➔ Better TW"//. ''TWaddle'' is also about developing TW but from the perspective that [[Bigger community ⇄ Better TW]]. Thus, TWaddle looks more to people issues - how to attract them, how to make them stick with TW etc.
I'm not a programmer but I //am// a TW enthusiast so I tiddlefiddle enough to make the occasional discovery of something cool. Given the amount of words I utter, it is also a mere numbers game before I say something that makes sense. TWaddle is intended to capture these eventualities.
<br>
<br>
<br>
{{img/hat}}
Academic disciplines in //''Humanities''// and //''Social sciences''// are particularly centered on text material and text notes, compared to e.g texts in //Natural sciences// or //Formal sciences// that often contain special characters. TW would need little modification to be useful as a note taking tool fort hose former academic areas.
As proposed [[here|https://groups.google.com/d/msg/tiddlywiki/eZqoogwCrZ0/imK4qf34mY0J]], one alternative to begin building [[Content Communities|Content Community]] could perhaps be done with a tiddler aggregator engine somewhat like what fellow Erwan has created for his [[Community Search Engine|http://erwanm.github.io/tw-community-search]].
Might it be an idea to start thinking about how sites are best designed for this? Maybe it's possible to set up arbitrary sites that aggregate content and where anyone can contribute. A bit like e.g google groups. So they (at least a few) get a life of their own, serving the group //and// working as a marketing tool for TW.
The optimum(?) would be to aggregate individual tiddlers, rather than full TWs, for instance every tiddler tagged with "Harry Potter".... to make up a "Harry Potter TW aggregation". A bit like I believe hashtagging works in Twitter? Maybe not, I'm not a Twitter user. But we could use a filter instead of a mere hashtag, i.e `[tag[Harry Potter]] [tag[Daniel Radcliffe]]` to get both Harry Potter stuff and things on Radcliffe as an actor.
Assume tw.com featured such a service. Maybe it could allow for a filter as part of the url;
`tiddlywiki.com/#:[tag[Harry Potter]] [tag[Daniel Radcliffe]]`
...i.e it roams the net for TW's, or like with Erwans creation pre-reported TWs, that write on Potter or Radcliffe and aggregates a list of those (external) tiddlers. Either as //links// to those tiddlers or - who knows - even a (temporary) full display of readable tiddlers.
And if you're not jumping up and down in excitement right now, just exchange //Harry Potter// for whichever interest //you// might have. Maybe even niche questions within TW.
If it was on tw.com, it would definitely make that site an even more valuable. Like there are (...to be) official //TW editions// on tw.com (or as I call them, //applications//), there could perhaps be community endorsed content wikis. "TW for education", "Javascripting for TW",...
Quite often do I find myself thinking "Hm, did I change anything here? ...ah, dang, I'd better just press cancel so I know I have what worked before I possibly botched it... but what if it was a new tiddler that I've edited but never saved? Don't want to loose all this..."
It's late, please forgive me...
I read some stuff about //Electro Magnetic Pluses//, EMP's. Apparently some natural and not-totally-unlikely phenomenon from the sun related to solar storms. It's basically an extremely powerful magnetic pulse that, among other things, would erase all magneto-dependent devices including hard drives.
Once we're past the chock and societies are being built up again... hm, surely must be within a week, right? ...except you're probably killed by then from some neighbor who wanted your can of Ravioli because the whole societal infrastructure is knocked out. But anyway.) ...then I figure TW is one candidate for the "primitive" technologies to use because of it's general applicability and because it is easy to spread.
Of course, you must store a copy of it so it cannot be erased from the EMP to begin with. Along with a browser. And, I guess, an OS.
Come to think of it, would a computer even start after an EMP? Better throw in a Raspberry Pi computer also actually. And what about the electric grid? Ah, throw in some batteries too.
Hm, maybe it's easier to store an extra can of ravioli.
<$macrocall
$name="toc-tabbed-internal-nav"
tag="Appetizer"
selectedTiddler="$:/temp/dontpublish/appetizertw"
unselectedText="{{Intro to Appetizer TiddlyWikis}}"
missingText="<p>Missing tiddler.</p>"
/>
For more reasoning on ''Appetizer TW''s, see: [[Under the radar gateways into TW]]
<$macrocall
$name="toc-tabbed-internal-nav"
tag="ApplicationCategory"
selectedTiddler="$:/temp/dontpublish/applicationcategory"
unselectedText="<p>Select a topic in the table of contents. Click the arrow to expand a topic.</p>"
missingText="<p>Missing tiddler.</p>"
/>
If specific [[applications|Application Categories]] are implemented (and officially endorsed), such as a GTD application or a tool for authors based on TW (as contrasted to "a TW tweaked a bit so it can also be used to author things"), then there could be //Application Communities// bringing in people and centered around specific needs. For instance, a community for teachers or medical doctors or GTD'ers or Flower lovers that collectively develop their particular TW in it's own direction.
Applications centered on a //database//, i.e one or a few types of "units" instantiated many times.
I include this as an application category because there's probably many applications of this kind and because it should be easy to set up in TW using templates.
See [[Application Categories]] for actual display
I found a really [[interesting layout|https://matt.life/writings/computer-geeks]] for an article. Basically the text is split into "small columns" of fixed-width //and// fixed height; about some 5cm/2" wide and high as the view port. The longer the article, the more of these bite sized columns stacking up to the right, eventually causing a need for horizontal scroll.
I never thought I would say this about horizontal scrolling... but it works really good in this context and it triggers an idea for a new storyview!
<center>{{img/storyview_article}}</center>
That's a full tiddler river, but your browser window only (like always) shows the viewport, here in red. The river has five open tiddlers. The third one is, just for illustration, showing two imaginable variants for how to display a tiddler. In reality only one would show. More on this later.
The viewport thus only shows one tiddler. This can make sense for longer tiddlers such as articles. The reader scrolls right only if he or she is interested. What is now displayed depends on...
''...the sidebar''<br>
As noted in the illustrations, the sidebar is to the left. I prefer the standard TW sidebar with it's "administration tabs" to be on the right (close to the scrollbars). But I imagine this "Article Storyview" is for best for "longer tiddlers"... as in public articles and not "notes"... and for this I think a left menu is just perfect. This is why I created the [[leftbar|http://leftbar.tiddlyspot.com/]] theme and the left bar here on TWaddle is a case in point (...but because you, dear reader, can handle a right sidebar it's included too ;-)
Still, I see some possible options including a right sidebar in this storyview. I will return to these thoughts later but, for now, let's say the sidebar is on the left. So;
In scrolling right, this left sidebar could
*scroll out of view to the left
*float in front of the tiddler on left screen side as you scroll right.
The "scroll out of view" should be particularly good for smaller screens as the display gets fully dedicated to the content.
The right scroll should be limited to the width of the tiddler currently in focus! You should only see a //relevant// scroll bar. In other words, if the viewport is currently focussed on a tiddler that does //not// extend beyond the right edge, then it should not show any horizontal scrollbar!
Switching focus from one article to another automatically scrolls left.
But scrolling doesn't have to be via the traditional browser scrollbar- There can be nice right- and left buttons to scroll horizontally or the whole last column can be a scroll-right trigger
''Vertical scroll''<br>
In the illustration, if you //click// downscroll, the viewport jumps down a full step to that second very long tiddler. This is a main point; vertical //click// scroll (as opposed to drag-scroll) presents a new article in a seemingly static place. Multiple scroll clicks along the river shows the tiddlers with the titles in a nice seemingly fixed position at top, instead of the blurry drag-scroll experience.
Scrolling thus ''differs from classic story view'' in an interesting way; In classic storyview you scroll down to see the content //or you scroll down to pass the tiddler// to reach another tiddler. The system cannot know which. And if it is a long tiddler, you are exposed to a lot of uninteresting content as it whizzes by.
In contrast, with the proposed storyview, vertical scrolling is only done to reach another tiddler. And horizontal scrolling is pretty much only to take part of the content. The scroll directions are used for very distinct and different purposes.
''The sidebar'' could in vertical scroll be affixed to viewport left (like my left menu) or like the standard sidebar tabs in TW. If it is a longer than viewport sidebar, I guess it could scroll along with the tiddler river (less good as it would break the on the "one tiddler per view" idea or you'd need a second scrollbar... like for the standard sidebar... but I guess on the left side then, hm. If the menu buttons are there maybe this makes some sense and is for non-tiddlywikians probably more intuitive than our current //double// right hand side scrollbars.
But, also for vertical there could be a "click bottom or top of viewport to jump one full viewport height.
...on screen scroll triggers like this that jump a full viewport verticaly or horizontally could probably severely lessen the quirky experience of the double scrollbars.
So, about ''those two parallel tiddlers'' in the illustration;<br>
Again, they are just for illustration. My point is to show that one could imagine a small tiddler (a "short article") to either stick with the fixed height or, possibly, to fill out the viewport width. In the illustration three text columns apparently fit. This spread out latter would probably look nicer on the screen but it has the probable drawback of breaking the "one view = one tiddler" idea and thereby also "one scrollclick = one tiddler"...
...unless the ''on-screen scrolls are set to jump to the next tiddler'', instead of a view port. IMO this is a pretty neat idea in itself, independent of this Article Storyview proposal. Even or Classic storyview.
But apropos tiddler height; Just maybe the tiddler height should be set so //two//, or multiple, tiddlers fit in vertically:
<center>{{img/storyview_article2}}</center>
It is obviously a screen size matter, but I think it would also be extra nice with a "scroll down one tiddler at a time" feature so one tiddler is visible in two views as you go down the river (...or up). This may also be suitable for very small tiddlers ("notes").
''Right sidebar''<br>
As touched on above, there could be a right sidebar instead of a left or complimenting a left. Not sure it's a great idea, but here are my thoughts.
For (only) a right sidebar, the wide and right-spreading tiddler could simply go in under it. Horizontal scroll simply moves the viewport with the sidebar affixed to the right side. No problem actually and you'd see as much of the article as before because now there is no left sidebar taking up space.
Actually, if the leftmost text column is dedicated to the tiddler title, as in the [[referenced article|https://matt.life/writings/computer-geeks]], you might get an interesting framing of the content between the title and the sidebar.
With both a right and a left sidebar, it would again have to go under the right one. What is seen originally is very similar to e.g how this tiddler appears at first, residing between the two sidebars and filling the viewport vertically. But instead of scrolling down, you scroll right.
''Finishing thoughts''<br>
IMO this takes the best from zoomin storyview in putting full focus on the current tiddler - but at the same time it makes the other tiddlers more accessible (which is a problematic aspect in zoomin, IMO)
There could be a //tiddler specific// option to choose this "rightward" spread or the normal "downward" spread (classic storyview). For code this might be preferable?
Maybe edit view should display like normal?
@@color:crimson; Note@@: The listing is incomplete because it only lists articles that have a summary(-field).
<table class="tableFormatter">
<$list filter="[all[shadows+tiddlers]has[summary]!prefix[$:/]!tag[Unfinished]] +[sort[title]]">
<tr>
<td valign="top"><$link to=<<currentTiddler>>><$view field='title'/></$link></td>
<td>{{!!summary}}</td>
</tr>
</$list>
</table>
Like in google search, autosuggest ''inside the field ''when filling in
*search field
*tagpill field
*new field names
I don't refer to the dropwdown feture we get when editing pills or creating field names.
Have the most matching suggestion automatically fill in as you type instead of forcing you to move down the list to select one. If you press keyboard right arrow, you accept the suggestion.
Admit it - with that title you were expecting your name to show up here, eh!? ;-)
No, this is about the visual aspects of TW. The whole concept of TW is the big beauty of course but here I look at the tidbits. There are a number of details I find beautiful in TW. For once, a purely positive and confirming post.
Just take a look `at this` for example. I mean... the color combination is just really, really nice. Is that [[crimson|http://en.wikipedia.org/wiki/Crimson]]?
And the whole Snow White theme. Beautiful! So clean. Each tiddler like a clean cut piece of paper on a background that is relaxing to the eye.
Most icons look good too. To the point, clean cut.
In a way there isn't that much visually left to comment on. And //that// is beauty in itself.
<<boxref "Benchmarking is the process of comparing one's business processes and performance metrics to industry bests or best practices from other companies." "https://en.wikipedia.org/wiki/Benchmarking">>
<<twistify "[tag<currentTiddler>]">>
I can only speak about FF, Chrome and IE. And IE can be dismissed right away since there is so much that doesn't work with it. The future will tell if their coming replacement, [[Microsoft Edge|https://en.wikipedia.org/wiki/Microsoft_Edge]], will be better.
So, Chrome and FF, for me on a Windows 8.1 machine. Obviously, my //general// use of browsers, i.e for surfing, plays in as a "starting point" for which browser I prefer... which is Firefox. Still, there are at least two critical reasons why I //also// bother with Chrome, particularly when using TW;
*FF crashes easily. At least for me. Now, I should mention that having, over he years, seen peoples reactions when they see me use the internet, I've realized that my way of using browsers may not be typical; I regularly have some 3-5 FF windows open in parallel and often with well over a 100 tabs in total. So crashes, it turns out, are just a matter of time. And when FF crashes, it all crashes. Chrome, on the other hand, runs each tab as a separate process meaning it also crashes only the single tab.<br>Crashing can be disastrous because it can erase your TW. Even if it doesn't, you likely loose your unsaved changes. (The FF plugin "Form History Control" has saved me a few times.)
*The second downer with FF is that after you create a //new tiddlyspot//, you cannot use FF the first(!) time you save/upload a TW5 to it. This //forced// me to use another browser than FF... and it has simply shown to be the case that I create new tiddlyspots with enough frequency (One per month? For testing stuff.) to simply leave Chrome open... and then I might just as well use it for other stuff too, if FF freezes etc. The result is that I have both browsers open in parallel most of the time.<br><br>
*Chrome has it's own drawbacks when it comes to TW. For me, the major one is that Chrome can't handle "CSS sticky" as in the standard Theme Tweak //Sticky titles//. It may seem like a detail but it affects the workflow //all the time//, forcing you to scroll a lot to access the toolbar.
So, not the deepest of analysis but... well, that's it.
An index over the users personal library
<<boxref "An ''enumerative bibliography'' is a systematic list of books and other works such as journal articles. [...] An entry for a book in a bibliography usually contains the following elements:<br> ● creator(s)<br> ● title<br> ● publisher and place of publication<br> ● date of publication" "https://en.wikipedia.org/wiki/Bibliography">>
<center>
What if ''you did not know'' about TW?<br>
<br>
Would you be grateful if someone told you about it?<br>
<br>
''Who'' will you tell? ...<br>
<br>
[[today?|http://tiddlywiki.com/prerelease/static/HelpingTiddlyWiki.html]]
<br><br>
{{WordOfMouth.png}}
</center>
<style>
#fishclick {
visibility: hidden;
}
</style>
Authoring of books and papers.
If you ask for help, in any way related to your TW or TW in general, but for a question that is not directly related to TW - say a question on CSS or javascript or website hosting etc - then just provide a link to TW to illustrate your problem.
Or even just mention it - //"I'm setting up a webshop (using TiddlyWiki)... and have a question regarding payment systems: ..."//
There are many occasions where it is desirable to increase or decrease a value or a position (i.e a value in a sequence) with //one//. Examples include "likes" ("+1"), sorting a list of tiddler titles (maybe even in the tiddler river?), sorting of (generated) table rows and/or columns, (...any more?)
How about a simple button widget or macro that on click increases or decreases the value in a field with //one//. Maybe it could render like a "button pair" ⊕ ⊝ or ▵ ▿ - i.e you press either of the two to increase/decrease the value.
The value could be stored in a default field (e.g "plusminus") and if it is a macro can be called like so;
:`<<+->>`
...or the macro (and the default field) could be called "inc" (increment/increase) and allow specification of context appropriate symbols;
:`<<inc +>>` or just `<<inc>>` gives `⊕ ⊝`
:`<<inc ->>` (etc) gives `⊝ ⊕`
:`<<inc up>>` or perhaps `<<inc ^>>` or `<<inc A>>` gives `▵ ▿`
:`<<inc down>>` (etc) gives `▿ ▵`
:...left/right, yin/yang,
Use `<<inc +2>>` or `<<inc up2>>` to increase with two or take two steps up respectively.
Going all the way `<<inc +2 imgA imgB>>`
In a github [[issue|https://github.com/Jermolene/TiddlyWiki5/issues/1284#issuecomment-82086340]] there was a link to a [[site|http://sheep.art.pl/Textarea%20Scrolling#72]] describing a supposedly very simple idea so you can;
//"click anywhere on a [wiki-] page, and the editor will come up scrolled to that spot. "//
The text refers to the problem with editing in wikis smoothly when the "double-click to edit" is active, as for TWc. The problem is that if you found, say, a misspelling in a long document and double click then focus is lost as the top of the tex is scrolled into view.
The proposed (and demonstrated!) solution appearently calculates where on the page you are //physically// clicking and then resets the cursor at that point. Something along those lines.
Very interesting.
First proposal:
In list widgets, is the attribute name //filter// really necessary?
`<$list filter="[tag[foo]]"/>`
...couldn't it just say
`<$list "[tag[foo]]"/>`
...? Not only is the (actual) filter the mandatory attribute in a list (right?) but doesn't a filter always enclose with `"[ ... ]"`?... if so, these biths would be enough to confirm it is a filter, even without the explicit `filter=`.
Frankly, I even confuse the concepts //list// and //filter// sometimes. Of course a list is filtered, what else could it be? But, equally as obvious; if I take a bunch of things and filter them... of course I get a list! There is no other way to present a bunch of output on the screen other than as a list!!!
Is my point even limited to the //list// widget? Is the attribute name //filter// perhaps redundant also in other widgets?
In other words, ''can we make an unspecified parameter be assumed to be a filter for widgets?''<br><br>
''Second proposal, pushing it further'':
The //list widget// is possibly the ''most common widget''. Many a times must the little tiddlywikians type the string `<$list filter=...`
Could we simplify even futher by omitting also `list` ? I.e instead of;
`<$list filter="[tag[foo]]"/>`
...we just need
`<$ "[tag[foo]]"/>`
//...or even...//
`<$[tag[foo]]/>`
//...or ''even''...//
`<$tag[foo]/>`
...!!!!?
//Gimme the foo!//
Apparently, there are some good reasons why changing a tiddler title cannot automatically change the places where you've typed this title elsewhere e.g in another tiddlers text or in transclusions.
I propose we should at least get an alert when we change a title that appears elsewhere. This //must// be doable because we already have the //References// list (under //Info//).
See also:<br>
[[Missing transclusion should give indication]]
I hesitated to include "Check lists" as a "potential application" for TW because it is just so non-specific and it felt so //basic// in TW that it seemed ridiculous to single it out as a special application. But... it //is// a specific application, it's a tool that just happens to be so generic that it is applied to different contexts. And it is actually //not// as TW-basic; While we do make lists all the time, we don't actually have any ready tool for check lists, e.g like the `list-links`but instead of bullets it has checkboxes that toggle e.g a tag ("Done").
Clicking a title in e.g sidebar should, if there is a draft open for it, lead to that draft instead of opening a new instance of that tiddler. This is probably the more likely wish for someone clicking the title.
http://robertnyman.com/css3/
http://css3clickchart.com/
When I came up with the [[SideEditor|http://sideeditor.tiddlyspot.com/]] concept, fellow Andreas Hahn showed his [[Unibar|http://twguides.org/wiki/unibar.html]] concept which has many similiarties. But it also includes my [[FastNewTiddler|http://fastnewtiddler.tiddlyspot.com/]] idea - brilliant! It really makes sense.
[Note: To understand the following you'll probably have to be somewhat familiar with my two concepts mentioned above.]
Here are some thoughts for a combined variant;
Clicking the "chevron arrow symbol" from the sidebar (or wherever it is supposed to reside, and whatever symbol it's supposed to be) opens an (empty) FNT editor. If you instead clicked the same from within a tiddler, the toggled thingy is now a side editor. You can, using some button somewhere (e.g at side editor top), toggle between the two, i.e between an empty FNT and the last there displayed tiddler. Or, like in Andreas version, there could be two //tabs// instead of a toggle.
Not sure there is much more to say. If you're familiar with the
I will give a detailed explanation for how to can set up a commenting system like I have but for now this overview is all there is (but do feel free to snoop around):
*The thing is based on Google Drive //Forms//. You need a common Google account to use this (if you have a gmail address, then you have a google account). The commenter (//commenteur//?) does //not// have to have any account or register for anything.
*Google Drive features //forms// which are "questionnaires" that you can put up on the web and set access rights to. The killer is that the answers people fill in for one such public form are all automatically collected into a standard Excel-type spreadsheet in your Google Drive. Really a fantastic service from Google.
*So, in the commenting system here, what you see is an //iframed// such form. But the iframe is cut down to only display the "answer field" for a single question. This can be found in [[$:/_TWaddle/Buttons/Comment]], which is a remade "more" toolbar button.
*The iframe takes the current tiddler title as part of its src, so the comment really is tiddler specific and I get this info in that spreadsheet summary.
The following would be an easier way to access documentation information.
Digital documentation, generally, is spread out almost as if we were dealing with physical paper and books. A pdf doc is the obvious example. In TW we use tiddler philosophy but we still mostly stay with the "you must //go there// to see the contents". I think the tiddler philosophy idea enables us to make things more accessible than this because the small chunks are perfect to display as e.g popups.
Thus, we can have compact tables to show //everything// on a topic or for some category by using selected parts of the data as mere popup markers. You get the full overview //and// immediate access to the details without leaving the full overview. Example illustration (no working links):
<br><center>
| widget | attributes |h
|@@color:blue; action-deletefield@@|@@color:blue; $tiddler $field {any attributes not starting with $}@@|
|@@color:blue; action-deletetiddler@@|@@color:blue; $tiddler $filter@@|
| ... | ... |
</center>
<br>Hovering or clicking on any item shows popup with appropriate documentation. [[@JedCarty]] has a potentially relevant [[component|http://inmysocks.tiddlyspot.com/#Make%20data%20from%20a%20dictionary%20tiddler%20appear%20when%20you%20hover%20over%20something]] for this.
That's the basic idea. The items should perhaps not be blue as if they are links. And there //should// be links to the actual widgets, of course.
Maybe include a third table column with popup containing either examples or links to examples.
Compare this to the current naked listing of widgets in tiddler [[Widgets in WikiText|http://tiddlywiki.com/prerelease/#Widgets%20in%20WikiText]].
<<box "One may think that //competition// is not of concern for open source software. This is a serious mistake to believe. While it's true that //money//, the typical "commercial" thing to compete for, is not an issue for open source (at least not directly), there are a number of other things that also open source projects //need// to thrive, not least competent [[people|Bigger community ⇄ Better TW]] and their attention. Competition is whatever takes away //resources// from your project.">>
...and a //competitor//, in our context, is whatever our target group sees as an alternative to what it is they think TW can do.
It is fair to question //why// one should bother with competition though. That's a personal decision but one immediate reason might be to get ideas for features or other bits that are simply good or better than what we have.
Because TW is extremely //general//, the competition is somewhat difficult to define. Still, as long as we don't have any official [[applications|Application Categories]] or special [[user groups|Different worlds]], one way to limit the scope to include note-taking software, wiki software and personal information managers.
At the time of writing, this makes for a very short list. I welcome further suggestions.
<<list-links "[tag[Competitor]]">>
''
reference management software according to [[Wikipedia|http://en.wikipedia.org/wiki/Comparison_of_reference_management_software]]
*Operating system support
*Export file formats
*Import file formats
*Citation styles
*Reference list file formats
*Word processor integration
*Database connectivity
*Password "protection" and network versions
Here is a contact form via Google Docs ([[how?|Twoogle Docs contact form]])<br>
Do please post a message to me. State ''which tiddler'' it concerns, if any.
Wait a few seconds for this to laod.
<style>
#ocontact {position: relative; width: 200%; }
#icontact {position: absolute; left: -30px; top: -230px; clip:rect(213px 490px 405px 30px); display:block; overflow:hidden; }
</style>
<div id="ocontact"><div id="icontact" >
<iframe src="https://docs.google.com/forms/d/1e5Bu0aHjQjqCuouPokwVdy1Qa1BXY8dCk_rLSUafgiM/viewform?usp=send_form" scrolling="no" frameborder="0" overflow="hidden" width="700px" height="460px" ></iframe>
</div></div>
<br><br><br><br><br><br><br>
If sharing tiddlers becomes a viable feature, there can be "Content communities", centered around specific topics that attract people. For instance, a community about "Bob Dylan" or "Soccer" or any other subject. People share their relevant content and //aggregators// or similar can (automatically?) create nodes around which the community exists. I.e the aggregator roams the [[TWederation|The Federation]] and accumulates, say, tiddlers tagged "Soccer" into a collective "Soccer TW". Some further thoughts [[here|Aggregator to create content wikis]]
http://ianlunn.github.io/Hover/
Simon and Daniel Baird's fantastic ''Tiddlyspot'' service is a cornerstone for the TW community and the //de facto// go-to place for many people that want a free and great server alternative for their TWs or to just throw up a quickie for something. With TW5 there is even some integration, or at least cooperation, for smooth uploading to tiddlyspot and Jeremy even welcomes pull requests to be posted there. The following picks up on this with a proposal to extend the integration for making things even easier.
Note: See also the follow up article [[Pull Requests Galore!]] after reading this.
Thus; We have the excellent save/upload to tiddlyspot.com mechanism built into core. It would be even better if you could ''create tiddlyspots from within the TW'' to begin with!
In the Crlpanel > Saving tab, there is currently;
:the //tiddlyspot name// field
:...and a //password// field
My proposal here is to have the //tiddlyspot name// field be automatically filled by default(!) with the //title// of the TW, i.e fetching it from Ctrlpanel>Info>Basics. You can obviously change the tiddlyspot name from this default.
And you fill in the //password// field (if not already there from previous session) and click save. If there is an existing tiddlyspot and everything is correct this causes saving/uploading as usual.
''...and if the tiddlyspot does not exist, it instead works as a //registration// for a new one! Plus the upload!''
''The fact that you filled in a password is a clear confirmation that you, in deed, do want to save or create to tiddlyspot'' when you click {{$:/core/images/save-button}} Save changes
Newcomers can get an online TW in a snap! It can even be done //directly// from http://tiddlywiki.com/empty. And we should probably also have a "get a tiddlyspot" in the tw.com GettingStarted tiddler (where the Download for dit different browsers are.
AND, if the user has some issue, you could make a demo //right away in tw.com/empty// and just zap it up. (I extend on this idea in [[Pull Requests Galore!]])
To get the default tiddlyspot title from the TW title, there should be some (local) converter to deal with capital letters, spaces, forbidden characters, etc... so that the TW title "Foo bar" becomes "foobar" or "foo-bar" in the tiddlyspot name field. (BTW, I've noticed that in naming tiddler //fields//, in tiddler edit view, there is already such conversion mechanism to convert upper case letters into lower case.)
Obviously, if a spot is already taken you get informed. Perhaps offered to use `alreadtakenname#2` etc.
<br>''addendum - Single tiddler export''<br>
Whaddyaknow - I just realized I have touched on this idea before!<br>See; [[The Single Tiddler Webpage]]
<$list filter="[tag[Creation]]">
<dd><li><<linkify {{!!title}}>> - {{!!summary}}</li></dd>
</$list>
\define star() <br>@@color:crimson;line-height:200%; ★ @@
<<note "''I try to give credit'' where it is due. If you see something that //ought// to be credited to someone, //please tell me//. And if you feel //your// name is missing, then you're //likely right// - it's not on purpose and I hope my various attempted contributions can be accepted as a sign of my gratitude to you and our wonderful [[TW project|The TW Project]]. Two people not listed but that I still wish to particularly thank are [[@JeremyRuston]] and [[@MarioPietsch]] for continuous overall help. ">>
<table id="noborders">
<<star>> ''Individuals''
<col width="260">
<$list filter="[each[cred]!cred[]] +[sort[cred]]">
<tr><td><<linkify {{!!cred}}>><br> <$transclude tiddler={{!!cred}} field="crednote"/></td>
<td nowrap><$list filter="[has[cred]cred{!!cred}]"><li><<linkify {{!!title}}>> <$list filter="[{!!title}!credurl[]]"><a href={{!!credurl}} target="_blank">@@color:lightgray; (url)@@</a></$list> </li></$list><$list filter="[{!!cred}backlinks[]first[]]">@@color:gray;font-size:90%; Mentions@@<br></$list><$list filter="[{!!cred}backlinks[]sort[title]]">@@font-size:90%; <li><<linkify {{!!title}}>></li>@@</$list></td>
</tr>
</$list>
<<star>> ''Sites or discussions''
<$list filter="[each[credurl]!credurl[]!has[cred]] +[sort[]]">
<tr> <td><div id="urlcutter">{{!!credurl}}</div> </td>
<td><$list filter="[credurl{!!credurl}]"><li><<linkify {{!!title}}>></li></$list> </td>
</tr>
</$list>
<<star>> ''Creators of imported tiddlers''
<$list filter="[each[creator]!creator[]!creator[Mat]!creator[M]] +[sort[]]">
<tr><td><<linkify {{!!creator}}>></td>
<td><$list filter="[creator{!!creator}]"><li><<linkify {{!!title}}>></li></$list> </td>
</tr>
</$list>
</table>
<style>
#urlcutter { width: 170px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#noborders, #noborders th, #noborders tr, #noborders td {border:0; }
#noborders td {vertical-align:top; border-bottom:1px solid lightgray; }
</style>
[[Declaration on Contributions to the TW Project]]
[[Found|http://stackoverflow.com/questions/7729566/separators-between-elements-without-hacks/7729610#7729610]] cool, pure CSS, way to insert separators:
<style>
#sepmen span + span { border-left: solid red 1px; }
</style>
<div id="sepmen">
<span>things</span>
<span> stuff</span>
<span>items</span>
</div>
Not sure what to make of it. It's really just a left-side border inserted for the last two items.
It would be neat if you, instead of drag'n drop titles, you could drag'n drop icons to import e.g plugins.
Same thing with some of the TW settings - pretty much the ones we already use icons for, such as toolbars. Instead of checkboxes in Ctrlpanel, you drag the icon into place.
...and, the thing that makes me most excited: "Packaged commands", say ready made filters or other components that you can slice and dice into lists from which you pluck stuff. Imagine these being various "commands" and you just dragged whatever you wanted into the tiddler you're working with:
<style>.my-gallery svg {width:3em; height:3em; margin:7px;}</style>
<div class="thumbs">
<$list filter="[all[tiddlers+shadows]tag[$:/tags/Image]]">
<$link><$transclude/></$link>
</$list>
</div>@@float:right; [[cred|http://tobibeer.github.io/tb5/#Core%20Images%20And%20Inline%20Stylesheets]]@@
<br>I guess we'll get there... ;-)
Work on ~TiddlyWiki is voluntary.
Nobody is getting paid to do develop things for the ~TiddlyWiki project. I do express many wishes and suggestions and I implement very few of them (due to, well, incompetence) and while I do //hope// people find my ideas good enough that they //want// to implement them, I don't "demand" anything from anybody.
It feels banal, almost embarrassing, to express the above because it should be obvious. But because of the //amount// of "opinions" that I express, also on other peoples work and how this or that "ought to be", I fear my thoughts may sometimes be confused with ungratefulness. In fact, more than anything it is //engagement// which, again in fact, is more uncommon than common if you look at all the users of TW.
But, let me state it clearly: THANK YOU. Thank you, everyone who is contributing to making TW better in any way. I am absolutely fascinated by TW and this is thanks to the efforts of the community and the coders. And, obviously, most of all thanks to Jeremy whose work for obvious reasons is the prime subject for my thoughts. (See also [[Cred]])
''My ideas and opinions are actually my way primary of contributing.'' Sorry if it offends, it is not intended to. I see evidence that it does also bring good. My crazy world view on stuff is what I've got. That's what I'm made of. But you're more than welcome to argue with me (I like it!)
Sincerely,
Mat
There is the TW community. You and I. Fun.
I believe at least two other //types// of communities could come to play key roles for the spreading and development of TW - if we create the infrastructure for them;
''Content communities''<br>
{{Content Community}}
''Application communities''<br>
{{Application Community}}
Both of these can be attractive for non-TW users. From what I understand, one bit of criticism coming up against TW is that it doesn't solve any specific problem. Content and Applications could attract people who feel this way.
IMO it would be clever to take advantage of this and offer to host these on tw.com, or some other official server, not unlike google discussion groups where each group pulls traffic to google and, not least, spreads the google name.
Brief description of a thing I intend to build:
Drag'n Drop visual elements (images) that are using the [[hooker method|The Tiddler Hooker Method]] by setting it's positions from sensing where the mouse clicks. Initiate by on-hover.
This means things get called into existence by opening the tiddler. Note that you can have several such elements in one tiddle and their individual positions-values can be read from fields (that can be remotely manipulated as usual and as is done in e.g [[Theme Tweak Size Settings]] (sorry, that's a complex example but it's the only one I have to show right now. Better examples are to come in [[The Tiddler Hooker Method, part 2]]).
One application could be a tiddler showing images of TW graphical elements like buttons, toolbars etc. If their positions and visibility can be manipulated individually (which I thing is not too difficult whith CSS) we have a mockup maker to illustrate things! //"I want a button here and where the arrow is there should be a dropdown opening when I click..."//
If a tiddler is permanently open (e.g transcluded into sidebar or using a [[Permanent Placeholder]]) then they are premanently on screen, as move around objects.
It's definitely ironical, but I believe the documentation is both too little and too much. (And I'll mention it already here: I also think the documentation has become really //good//!) There is quite a lot for a newcomer to read up on, because there is quite a lot to learn about. And yet, at the sensitive //evaluation stage// ("is this for software for //me//?"), chances are the user will feel there is no simple "Get started with TW in 1-2-3 steps!"
Let me be clear: the documentation authors have done one amazing job. I //enjoy// reading the stuff. Still, it //is// a bit tough to navigate through. I think part of the reason is the non-linearity of it - you don't know which knowledge builds on which.
tw.com has the //Contents// tab clearly dealing with this. And Jeremy has officially asked for help to restructure and improve this, so the difficulty is recognized.
Now, the great part is that we //have// the documentation, or at least a lot of it, by now, thanks to the laborious and meticulous work of many (not least Jeremy!) So I see the task to be about //packaging// it. Presenting it in a way that is, or at least seems, targeted to whoever we identify as the audience.
...but this is really an opportunity for using the //forte// of TW! We can create //multiple entrences// to the documentation. And we can use, what I believe has been referred to as "multiple tiers", to present it. User groups; newcomer, experienced and expert... or whatever the division was.
Now, I've tagged this article with "deal breaker" because I believe that some people, i.e some of the newcomers, may decide against TW if they find the documentation unsatisfactory. IMO this is the most important group to target. The rest of us struggle on and ask and experiment. So will those newcomers, if they just pass the sensitive evaluation stage.
How do we satisfy this group (assuming they exist)? What are the stumble blocks?
Well... I think the kickstart documentation should not be text at all, but video. On that note, I'm ending this article, hoping to have planted a seed. I'll get back on the subject, but for now; Video.
It is (very) often annoying to have to click Done/Store and then Close. There should be a ~DoneClose to do both in one step.
I typically work with quite a few ideas simultaneously. This means there are a lot of drafts open at the same time, including "Draft of 'New Tiddler #'".
I would like it if tag//Open// could list the title I've preliminarily applied to drafts. Instead of "Draft of 'New Tiddler #'" it could say perhaps
:Draft "//yourtitle//"
and in the case of editing existing existing (non-new) tiddlers
:Draft "//yourtitle//" (was "the existing title")
<html><head><title>Email</title></head>
<body>
<table style="max-width: 600px" width="100%" >
<tr><td><img src="" width="100%"></td></tr>
<tr><td style="font-family: Arial;">{{Lorem}}</td></tr>
<tr><td><a href="http://www.tiddlywiki.com"><img src="" width="100%"></a></td></tr>
</table>
</body>
</html>
*To get an empty row
*like this<br><br>
*in the middle of a bullted list,
*use double breaks
<br>
```
*To get an empty row
*like this<br><br>
*in the middle of a bullted list,
*use double breaks
```
Evernote [...] for notetaking and archiving. A "note" can be a piece of formatted text, a full webpage or webpage excerpt, a photograph, a voice memo, or a handwritten "ink" note. Notes can also have file attachments. Notes can be sorted into folders, then tagged, annotated, edited, given comments, searched, and exported as part of a notebook.
@@float:right; -[[Wikipedia|http://en.wikipedia.org/wiki/Evernote]]@@
Maybe this is already possible now?
Person A uses the //Export tiddler// feature to shoot off a tiddler... into person Bs //public nodejs TW tiddler folder//.
That folder is public because it resides in some cloud storage service where you can share folders. (Dropbox, GDrive...)
I'm still not very familiar with node.js TW, but //Export tiddler// can produce the right file format for this, right?
This is, on TWaddle, using the tiddler<br>
[[External editor for TW Glass]] to make it<br>
easy to edit this annotation.
<$edit tiddler="external editor for TW Glass" field="text" class="tc-edit-texteditor" />
In setting up a new tiddlyspot you can't use FF for the //first// upload of TW5. So I have set up my ''Chromes startpage'' to show the url:
//tw.com/empty > tiddler Ctrlpanel > tab Saving//, i.e [[this direct link|http://tiddlywiki.com/empty#%24%3A%2Fcore%2Fui%2FControlPanel%2FSaving]]
This way, to create a new tiddlyspot fast:
*In FF I go to tiddlyspot and create register a new name. Leave it at the confirmation page, i.e that shows the link to your new tiddlyspot.
*Open Chrome (to the directlink), fill in the name and password, click upload. Wait for save then close.
*Back in FF, click that confirmation page link.
http://tools.dynamicdrive.com/favicon/
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[Features]!tag[Unfinished]] [all[shadows+tiddlers]!has[draft.of]tag[Feature]!tag[Unfinished]]">>
Why didn't I think of this sooner? It's always been a pain to mess around with system tiddlers and close them only to realize there was "just one more detail I must check". It's difficult to find them again because after closing them they don't appear in //Recent// and I never remember their weird names. Plus the system lists are so long that even if I would remember the names...
Anyway, now solved. I just included this in my //Recent// list:
```
<$list filter="[prefix[$:]] -[[$:/HistoryList]] -[prefix[$:/state]] -[prefix[$:/temp]] +[!sort[modified]limit[15]]">
<li><<linkifytitle "{{!!title}}">></li>
</$list>
```
(The linkifytitle macro is just to... ah, I guess it's obvious.)
This is not in the public //Recent// list that you see here because that public one sorts by the articles publication date as I define them, not by "last modified" like normal //recent// lists.
My full (administrators-) //Recent// list is
```
<$reveal type="nomatch" state="$:/state/oRecentsystemtids" text="show">
<$button set="$:/state/oRecentsystemtids" setTo="show" style="border:0px; background-color:transparent; color:gray;">Systemtids ▷</$button>
</$reveal>
<$reveal type="match" state="$:/state/oRecentsystemtids" text="show">
<$button set="$:/state/oRecentsystemtids" setTo="hide" style="border:0px; background-color:transparent; color:black;">Systemtids showing ◁</$button>
<$list filter="[prefix[$:]] -[[$:/HistoryList]] -[prefix[$:/state]] -[prefix[$:/temp]] +[!sort[modified]limit[10]]">
<li><<linkifytitle "{{!!title}}">></li>
</$list>
<hr>
</$reveal>
<$macrocall $name="timeline" format={{$:/language/RecentChanges/DateFormat}}/>
```
Remember the moratorium and how Jeremy proposed focussing on //documentation//... and then how things //really// kicked off! I'm not aware of any other time period with such a community focus on a specific area. Fantastic!
The concerted effort would, obviously, not have //initiated// without Jeremys proposal. While the authors, who did the //actual writing// undeniably are the heroes in this (hooray for you!!!), I believe Jeremys announcement was a catalyst to engage the whole community (or at least the board folks) and this general activity and discussion and //awareness// of the issue was, I believe, part of a "creative climate" that //contributed// to the actual writing by the authors. A lively discussion and a creative climate encourages actual production of stuff.
So...
''What if there was an announced //"focus of the month"// !''
It could be a "sticky post" on the boards. "...For the month of X, let's focus on Y".
* ...themes
* ...everything "math"
* ...author tools
* ...CSS
* ...the toolbar
* ...federation (yeah, you know I had to use that as an example)
...even...
*..."emulate software Z"
*...Christmas
*...let's collectively design a set of reusable press releases
*...contest: who can make the most //useless// TW
(Speaking of contests; my poster contest was another event that triggered discussion and joint efforts that resulted in something really good, i.e the [[poster|http://tiddlywiki.com/poster/]].)
I even think a monthly "focus theme" like this would be //fun// - something to look forward to with curiosity.
I say it's worth a try.
Now, who should announce this?
It would not be appropriate of me, or anyone, to publicly like this tell anyone "what they should do" - and I'm not but, obviously, Jeremy is the first name that comes to mind (not only my mind, I'm sure) so I //am// "thinking out loudly" on this. It would be fantastic if he likes this idea and he is probably the only one who has the authority to announce "let's focus on X" without having to "set an example" by participating himself. We kind of all know he is doing incredible stuff anyway.
But the most valuable point if Jeremy as the announcer is that he, as lead developer, likely knows what particular areas that really need more attention. Maybe community focus areas can even support his own areas of concern d'jour?
An optional, or complementary, approach could be to let people //send in suggestions// for focus areas. Over all, I guess it shoudl be a balance between [[bottle necks|Bottlenecks]], catching trends, direction steering and perhaps simply fun and good for community morale.
Yet another approach would be if Jeremy officially gave his blessing for someone to be the official spokes person for this. I'd be interested in that role for sure. At least for some time. But maybe he considers others more suitable in which case they should get the role, of course... if anyone is even interested in it.
In summary; As evidenced from when Jeremy announced "let's focus on the documentation" I believe that having someone with enough authority to explicitly encourage a focus area can be very productive and I propose this as a recurring activity for the community.
Wait a few seconds for this to laod.
<style>
#outerdive2 {position: relative; width: 220%; }
#innerdive2 {position: absolute; left: -60px; top: -190px; clip:rect(160px 305px 705px 60px); display:block; }
</style>
<div id="outerdive2"><div id="innerdive2" >
<iframe src="http://joeshmoe.tiddlyspace.com/#toMat" scrolling="no" frameborder="0" overflow="hidden" width="700px" height="450px" ></iframe>
</div></div>
<br><br><br><br><br><br><br><br><br><br><br>
<$edit tiddler="fromJoe" field="text" class="tc-edit-texteditor" />
I have the best selling book [[Get Clients Now|http://www.amazon.com/dp/081443245X/ref=rdr_ext_sb_ti_hist_1]] (GCN), Hayden. It is details a very structured and packaged flowchart type sales process (not all unlike GTD). TW would be the //perfect// tool for this.
While I've dabbled with this GCN concept, I'm not qualified or authoritative in sales to be a proponent of it. However, if we have any professional sales people in the group then maybe he or we (who?) can make a GCN-TW that could attract people.
<style>
#o_doc {position: relative; width: 100%; }
#i_doc {position: absolute; left: -100px; top: -100px; clip:rect(100px 1205px 705px 60px); display:block; }
</style>
<div id="o_doc"><div id="i_doc" >
<iframe src="https://docs.google.com/document/d/1UqUuHk_LpHO-26b7-K-PrO5e6-VVd3FXxaKhNdJOvU0/pub?embedded=true" scrolling="no" frameborder="1" overflow="hidden" width="800px" height="300px" ></iframe>
</div></div><br><br><br><br><br><br><br><br>
<$edit tiddler="GDrive embedded uneditable" field="text" class="tc-edit-texteditor" />
<style>
#o_doc_editable {position: relative; width: 100%; }
#i_doc_editable {position: absolute; left: -110px; top: -210px; clip:rect(215px 605px 705px 90px); display:block; }
</style>
<div id="o_doc_editable"><div id="i_doc_editable" >
<iframe src="https://docs.google.com/document/d/1UqUuHk_LpHO-26b7-K-PrO5e6-VVd3FXxaKhNdJOvU0/edit?usp=sharing" scrolling="no" frameborder="1" overflow="hidden" width="700px" height="400px" ></iframe>
</div></div><br><br><br><br><br><br><br><br>
<$edit tiddler="GDrive iframe editable" field="text" class="tc-edit-texteditor" />
This makes sense... or at least //more// sense... in Firefox than in Chrome.
| `🐟` = 🐟 = 🐟 | 〚🐟🐟〛 | [[🐟🐟]] | ⟦🐟🐟⟧ ...huh, black? |
| `🐠` = 🐠 = 🐠 | 〚🐠〛 | [[🐠]] | ⟦🐠⟧ ...double huh? |
| [[img/fish_bright]] = [img width="20%" [img/fish_bright]] | 〚[img width="20%" [img/fish_bright]]〛 | [[[img width="20%" [img/fish_bright]]]] | ⟦[img width="20%" [img/fish_bright]]⟧ |
| [[img/fish_micro]] = {{img/fish_micro}} | ⟦{{img/fish_micro}}⟧ | [[{{img/fish_micro}}]] ..hover! | 〚{{img/fish_micro}}〛..it's magic! |
...what's with those last ones? Bugs or tids?
<<boxref "''Genealogy'', also known as family history, is the study of families and the tracing of their lineages and history. [...] The results are often displayed in charts or written as narratives.<br><br>The pursuit of family history and origins tends to be shaped by several motivations, including the desire to carve out a place for one's family in the larger historical picture, a sense of responsibility to preserve the past for future generations, and a sense of self-satisfaction in accurate storytelling." "http://en.wikipedia.org/wiki/Genealogy">>
I think a good aim in ~WikiText is to make the syntax resemble the outcome. At the same time one goal with ~WikiText is to have it easy to write (and remember) so to minimize the distractions in the writing process. Successful enough examples include `__underline__`, `//italic//` and some others.
For example, in experimenting with a proposal for introducing ~WikiText for sliders, I noted the following:
//Visually// a slider looks, in my experience, somewhat like a button but typically with a " ▸ " symbol. This suggests a markup to be something like
`[label ▸]`
where the brackets symbolize the outer edges of a button. (I said "something //like//". Obviously that can't be the actual markup.)
//Functionally// a slider is a bit like a link. You click it to get access to some text (or whatever the content). The markup for a link is of course `[[label]]` which bears a lot of resemblance with the look of a slider button. I think the introduction of new ~WikiText markup should take advantage of this coincidence.
Also, there is much resemblance between sliders and //tabs//, both visually and functionally. In an implementation, one may wish to consider harmonizing the appearance of these. I cannot think of any good reason why a reader needs to know the difference as he is intended to do the exact same thing in both situations.
In general, for TW, we should IMO harmonize the appearance of visual elements as well as minimize the variation in syntax by sticking to some general "rules" for the form for the syntax. Ideally a writer (you and I!) should be able to //guess// how to format something!
All deviations, in editing or reading, distracts the brain and this takes away from the writing / reading experience.
Because of the lengthy original first part here, compared to the second part, I reverse their order. Thus:
!!!Second part
...or we could use a macro `<<applytoparagraph: X>>` or simply `<<apply X>>` or perhaps `<<wikitext X>>` meaning "apply the standard wikitext parserule for X to format each individual line in the paragraph".
!!!First part
I propose "wikitext triplets" as head of a paragraph should mean it is applied to the paragraph
```
***
foo
bar
frotz
gronk
```
The paragraph end, i.e an empty line, should have a weaker prio than if the triplet is repeated at paragraph end (again, before empty line). Thus you could write a triplet, followed by multiple paragraphs, and end with a triplet (...before the empty line) and this would apply to all paragraphs between the triplets.
The triplets should be possible to break, and break+restart, in-paragraph. For instance, I may wish a section mid-paragraph, where the formatting should not apply.
<$edit tiddler="GenericEditorTitle" field="titletoedit" class="tc-edit-texteditor" /><br>
<$edit field="text" class="tc-edit-texteditor" tiddler={{GenericEditorTitle!!titletoedit}} />
To enhance dev infrastructure, I propose a //plugin//... or perhaps you'd call it a //hack//... so that typing `#1066` autolinks to that issue on GH.
Maybe it could be made so that it only autoformats it if "1000<number<3000" or some such.
Maybe the tiddler should be conditionally tagged for it to be active.
And a deluxe version could fetch and display the actual title (in this case [[Search results in a tab of the Sidebar #1066|https://github.com/Jermolene/TiddlyWiki5/issues/1066]]).
A closely related idea is discussed [[here|https://groups.google.com/d/msg/tiddlywiki/DlI6pC1L_ek/kkDIESzRcPgJ]]
[[Here|https://developer.mozilla.org/en-US/docs/Web/CSS/linear-gradient]]'s a nice theoretical elaboration on gradients.
I found a cool CSS [[Gradient Generator|http://www.colorzilla.com/gradient-editor/]]. I didn't know these generators existed.
Gradients are cool and definitely add finesse to potentially boring areas. One example is my attempto to spice up the visuals for the menu in the Table of Contents macro. [[Here|Software Categories]]'s an example of the result.
<table class="tableFormatter">
<$list filter="[all[shadows+tiddlers]has[summary]!prefix[$:/]!tag[Unfinished]tag[Graphics]]">
<tr>
<td valign="top"><$link to=<<currentTiddler>>><$view field='title'/></$link></td>
<td>{{!!summary}}</td>
</tr>
</$list>
</table>
<table class="tableFormatter">
<$list filter="[all[shadows+tiddlers]!prefix[$:/]!tag[Unfinished]tag[Graphics]]">
<tr>
<td valign="top"><$link to=<<currentTiddler>>><$view field='title'/></$link></td>
<td>{{!!summary}}</td>
</tr>
</$list>
</table>
I haven't done any research but I'm guessing there are a few grocery list services out there with print outs or possibly even digital ones with checkboxes. But I think TW features would bring value in a way that few others can, i.e not only checkboxes but also easy add of new items, add notes, etc.
TW would be the ideal bookmarks manager if we only had a way to easily add bookmarks. Your bookmarks would be in a file that survives change of computers (to the same extent that your TW does) and, more importantly, your ~~bookmarks~~ //your valuable website findings// (!) can be a more integral part of your notes or other TW applications, so you can slice and dice and relate the info to multiple tiddlers. It could really be perfect.
Note, the built in browser based bookmark managers are good - but they are isolated and independent of //you//. But the things you use it for is //all// about you and your interests.
What can be done about this?
...your love for TW!
I'm sure we all would love more developers to get fascinated by our little pet here. Well... it's all about attracting them.
As I've mentioned, I try to [[Bring up TW in other contexts]] - but I'm not a developer so I'm not very convincing when I talk to developers about "how great TW is" . What is needed is really for some of our dev guys to just record a quick youtube clip about why he (she?) loves TW, from a developers point of view.
"Hi, I'm XXX and I have been developing X projects for X time. I love the free open source project TW because..."
Something like that. And a link to tw.com.
I'm using this trick to make you guys not get a clone button on this tiddler;
In Controlpanel you can checkbox hide/show for the tool buttons for e.g viewmode. This sets the word "hide" or "show" in the //state tiddler// for the button. For example, the clone button has the state tiddler:
[[$:/config/ViewToolbarButtons/Visibility/$:/core/ui/Buttons/clone]]
I have instead manually edited this to instead of //show//, read `{{$:/.state/CloneButton}}` which in turns has the text //show//... but it is also tagged //DontPublish// which ensures this tiddler is not published (that's another matter I'll explain elsewhere).
Hovering the highlighter icon displays a //perfectly aligned copy// of the text (using the [[tiddler hooker|The Tiddler Hooker Method]] method), but with selected parts highlighted and colored. The rest of the text is transparent but could instead overlay e.g fainter letters so to make the highlights stick out even more.
This is presented mostly as a proof-of-concept. The obvious main downer is the need for the manually repeated text. You can't transclude the text and present it in the tiddler itself (due to infinite self-recursion of course). For compactness in the example, I put both copies in separate fields in [[Highlighter, base case]].
An idea would be that you format (highlight etc) the text and then a macro (?) takes a copy of it and //scrubs// away the formatting and then places the unformatted result //under// the formatted text, and sets background of formatted text to transparent.
You could either call on this macro in the tiddler or it could perhaps be made to be activated if you click on something (e.g the highlighting icon). I guess this would mean either that the highlighted text is what appears by default and activating the macro makes instead the scrubbed version appear to be the original. Ironically, the highlighted text is actually the passive view and the supposedly original text is what is activated by calling the macro.
To use the idea of a "perfectly aligned copy", the visual manipulation must not alter the alignment of the letters - e.g bold or italics will not work well as they move pixels." This means that any styling that //does// "move pixels" would have to be repeated in the highlighting. Thus only //some// specific styling should be scrubbed.
This should all be simplified(?) by the introduction of my proposed [[highlighting markup|WikiText format: Highlight]] (..if "markup" is the correct word). I'm referring to that this would let the user use a very simple markup instead more iffy html or css commands. Thus, "the macro" would deal with commands that are not specified by the user which might risk interfering with the segregation process deciding if a command is "pixel moving" or not. The scrubbing removes all predefined things to be removed and then simply replaces the highlighting markup with the predefined html/css that is really is. ("Yes, foolproof!"...ok, maybe not...)
<style>
#ohighlighter { position: relative; }
#ihighlighter { position: absolute; width:100%; }
#marker { position: absolute; left: 40%; top: -50px; }
#highlight {display: none;}
#marker:hover + #highlight {display: block; position:absolute; color:transparent; }
</style>
<div id="ohighlighter"><div id="ihighlighter">
<a id="marker" href="#">{{img/highlighter}}</a>
<div id="highlight">{{!!highlighted}}</div>
</div></div>
{{!!original}}
Hover on the marker to see the text highlighted.<br><br>
It uses [[$:/_Highlight]] to //overlay// the text with a formatted (e.g "highlighted and annotated") copy of itself - i.e you have ''two'' texts; one without formatting (maybe a report you pasted into TW, or text clipped from the web) and a second copy with your formatting.<br><br>
These two texts can be separate tiddlers... but in //this// demo I've cheated; I put the formatted text in a field to keep things in one place... and to avoid work, I used a simple //transclusion// of the text and added formatting to this whole transclusion. Real life highlighting is of course more laborious.<br><br>
To get around this, maybe the [[anti-highlighter|Anti-highlighter concept]] idea can be used.<br><br>
It is however not practical to keep a What is less practical is that <br><br>
[[conditional template<br>
For some reason, the letters in the highlighted overlay is compressed.<br><br>
(see [[notes|Highlighter - comments]])
<br>
<br>
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[Highlighting]] ">>
In my experience, people are prepared to put a lot of heart and passion into //hobbies// and some of these make use of [[lists or databases|Lists vs Databases]]. "Heart and passion", fiddling, hacking and tweaking things to perfection, are great ingredients if we hope for people to //bother// to take the step beyond any ready made TW application and explore what TW //is// and has to offer.
There exist, of course, an [[unlimited number of hobbies|https://www.google.se/search?hl=en&q=list+of+hobbies&gws_rd=cr,ssl&ei=VNaDVaSECcnXyQP1-YBg]] and I would think that particularly [[collection hobbies|http://www.artofmanliness.com/2014/07/09/how-to-start-a-collection-50-manly-collection-ideas/]] are prone for lists and databases.
Concrete hobby ''lists'' might be; //equipment// lists ("The 100 most important electric power tools if you wake up naked on a deserted island") or //parts// lists (eg. the lists in my [[Arduino workshop|http://arduinoworkshop.tiddlyspace.com/]] space). Hobby ''databases'', i.e where each item is described in a standardized form, might be a //wine// databases (classifying each bottle into grade of floweriness etc), a ([[bibliography|Bibliography]])... ad infinitum.
Closely related to the SideEditor, I hope to make something that simply shows the //current// tiddler in edit, i.e simultaneously at is is shown in view mode. It's a bit like "pinning" the ~SideEditor to... no, the opposite; the current ~SideEditor behaves as if its contents are "pinned" to a tiddler of choice, and what I'm after is to be able to "unpin" it so that it switches to show the tiddler in focus.
It should also show tags and possibly more. The //title// is a bit difficult because it is the identifier for the tiddler. (Changing it means the previous text field content is not what is to be shown anymore.)
One situation where I need this is in reviewing TWaddle for publication. I find myself doing quite a bit of retagging and other minor editing. It is frustratingly slow to have to //"open-makeTinyTweak-close"// for this and the above could solve this.
To be implemented...
See for example [[My Household TW]] (unfinished) for what this category might include. There, I've implemented it as a "full" Household TW that includes, among muuuch else, the shopping lists, several almanacks, equipment references, house "make" projects, etc but one could well split up many of these areas into separate TW applications.
A TW to "manage the household" is an interesting application because it is very generic and could be designed as a "frame" to support a //suite// of "TW sub-applications" (including [[appetizers|Appetizer TiddlyWikis]]) such as:
<<twistify "[tag<currentTiddler>]">>
(For a //"how-tiddly-can-you-get?"//-example, see [[my own|My Household TW]] Household TW.)
This should be particularly powerful from an [[appetizer|Appetizer TiddlyWikis]] perspective and should probably motivate mere "appetizer users" into start tiddlyfiddling and discover TW for real.
It is also appealing from a development point; many people can participate and create their own "sub-application of interest" and it is possible to these at different times.
In a [[discussion|https://github.com/Jermolene/TiddlyWiki5/issues/1629]] Mario documents three ways to turn off autolink for CamelCase:
a) use ~CamelCase so the tilde sign will prevent automatic wiki links.
b) use \rules except wikilink at the very top of the tiddler text. This will disable wikilinks for the whole tiddler. Only this one tiddler will be affected.
c) disable the wikilink rule in the code
open the system tiddler $:/core/modules/parsers/wikiparser/rules/wikilink.js
edit the tiddler. (There will be a warning, but that's ok)
at the bottom of the code is a field named module-type value: wikirule
either delete the field or change the value from wikirule to eg: wikirule_disabled
the value text isn't important, it can be anything different to wikirule. .. I choose wikirule_disabled because it makes sense, if someone opens it.
You can see all the core elements if you open the ControlPanel: Plugins: Core plugin or the tiddler named $:/core
IMPORTANT: If you want to enable the wikilink rule again, delete your modified tiddler, so the core can take over again. If you don't delete your tiddler, an eventual core update will not take effect, because the core still uses your modified tiddler.
Turns out it's not so obvious how to install things from Github, e.g plugins.
[[Here|https://groups.google.com/forum/#!msg/tiddlywiki/7X5nZR5-w8M/qhnNgrjan58J]] is explanation for a specific case.
Here's Jeremys [[general comment|https://groups.google.com/d/msg/tiddlywiki/I5d14GBG7JM/3AbdWAA2RjUJ]] on the isse:
<<<
There's no simple answer [for how to install from Github] because it actually depends how the developer has arranged their repository (which is just a folder full of files).
In many cases, developers will publish the Node.js "exploded" plugin folder, where the tiddlers making up the plugin are separate files. That form is easiest for other Node.js developers to consume.
[The specific example of [[EncryptTiddlerPlugin|https://github.com/danielo515/TW5-EncryptTiddlerPlugin]] includes] an HTML file that includes the built plugin, so you can download the ZIP of the repo, open that file and then install the plugin with drag and drop.
Still other developers might use the ~GitHub "Releases" feature which allows you to upload arbitrary ZIPs of stuff.
All of which complexity is why we now have a plugin library :)
<<<
Due to my lack of coding skills, but still with a need to express my ideas, I've resided to creating mockups using the drawing software [[paint.net|http://www.getpaint.net/index.html]]. This is a raster graphics editor. BTW, notice that "paint.net" is not its url.
If I were to start from the beginning I would probably have gone with [[Inkscape|https://inkscape.org/en/]] instead because it is a vector graphics editor, meaning, among other things, that there is no "size" to an image. You can scale it to any size.
But there are [[pros and cons|http://bgis.sanbi.org/GIS-primer/page_19.htm]] to both approaches.
Anyway for a mockup, using //paint.net//, I often start off by taking a screen dump of a section in TW that can be used. For instance a tiddler. I use the native Screen clip tool that comes with Windows. This stores the clip in memory (as if it was Ctrl+C'ed). In //paint.net//, click to create a "new drawing", then it automatically proposes a canvas with the //size// of the clip in memory so that you can Ctrl+v it directly.
It is ~~recommended~~ necessary to work with //layers//. You can toggle each layer to hide/show which is very effective for trying out different ideas. For instance, you can have one common background (e.g a tiddler) and then one layer per detail-variant and then you toggle on/off to compare things. But using layers are just over all very useful.
Note that you can name the layers by double clicking on them in the layer list. Name them "button", "arrow" etc so it's easy to know what to hide/show.
To select a section of an image, you use the select tool. But I mention this to recommend the //Invert selection// option found in the Edit menu. This can, for instance be useful to emphasize something in your illustration, i.e by selecting it, then inverting the selection (effectively selecting everything else around it, in that layer only of course) and then use the blurring tool.
To //blur// something, I prefer to use Effects>Blurs>Unfocus and radius perhaps 3.
Another trick for blurring is to make a duplicate layer by simply clicking the tool at bottom of the layers list - then make the top layer blurry and simply cut out parts so the focussed lower layer is seen through the holes.
...or try to increase the transparency of the individual layers, again found by clicking on a layer in the layer list.
To make something "fade out into the background", you set the two colors to your desired color and the other to invisible (as found in the Color box More> and Opacity set to 0). Then use the gradient tool. This will take some experimenting before you get the hang of it.
To create, say, a button, I use the screen clip tool as mentioned above to copy a button into the program. Buttons in TW typically have a gradient background and text on top (gradient = you can just erase what's on it). To remove the text, //select// an area where the button has no text and then copy-paste this slice onto the text and repeat a few times.
If you want perfection you might have to zoom in /out with the standard Ctrl+, Ctrl- and Ctrl 0.
The default file format that //paint.net// saves in is .pdn. This keeps the layering etc and you can get back to work just where you last left off. But, for publishing in a TW (embedded or via link), use .png because this keeps transparency. Unfortunately this flattens the layers into one. From experience I've found I very often need to go back and just fix something so I typically save //both// a .pdn and a .png copy. What you //can// do is save it as .png and then undo, i.e step backwards, and it will revert back to the status it had before saving but there is still the saved copy.
Before I embed an image, I use the wonderful online service [[TinyPNG|https://tinypng.com/]].
<<box "The fine print: Yes, true, you //can// use this knowledge also for non-TW things... but //by merely reading this guide// you've given your consent to dedicate you life to making TW mockups! Yeah, I know, can that even be legal? Well, you should have thought of that before you started reading this. Now go mock up your ideas and show us!">>
https://groups.google.com/forum/?fromgroups=#!topic/tiddlywiki/1XkfnzYcPWo
{{Wikimatrix.org for comparing wikis}}
For some time now I stand as the "moderator" or whatever you'd call it, for TW on that site. I had noted the entry on TW had not been updated for a long time so I contacted the previous moderator (FND) and asked if I could take over moderation for it to which he agreed. And I changed the moderator user name to //~TiddlyWiki// (yes, how creative of me, I know).
''However'', I'm not fully qualified to moderate that page. I've updated much of the information but I suspect a lot of it is incorrect. Particularly in the feature lists, I may have been a bit... um... "optimistic". I'd appreciate help in correcting any (...ok, all) errors.
Actually, anyone is more than welcome to take over my account there - which is actually why I chose the generic user name. It involves next to zero work - you do //not at all have to// update the digit for each new version release. I'd say it's good to just take a peek once a year. Pretty fun service anyway.
[[http://www.nacodes.com/category/design/icons]]
Not a huuuge deal, but sometimes I paste in ready made lists e.g that I found on the internet, in this format
aaa<br>
bbb<br>
ccc
etc. They can be long. The problem is that then I must manually add asterisks to them to make it into bullet lists or colons for indentation. It would be nice with some macro or something that would let you do this;
```
<<listify "*" "
aaa
bbb
ccc
">>
```
...in other words it takes as first argument the bullet type (asterisk for bullets, hashtag for number, colon for indentation, ...more?) and as second argument the raw list. Maybe it could even accept a horizontal set as second argument (i.e words like in a sentence).
This has a benefit of still clearly showing the list in edit mode.
Maybe some way to specify a class for styling? Or that should perhaps be a surrounding div.
<style>
.wrapper {width:80%;height:100%;margin:0 auto;background:#CCC}
.h_iframe {position:relative;}
.h_iframe .ratio {display:block;width:100%;height:auto;}
.h_iframe iframe {position:absolute;top:0;left:0;width:100%; height:100%;}
</style>
<div class="wrapper">
<div class="h_iframe">
<!-- a transparent image is preferable -->
<img class="ratio" src="http://placehold.it/16x9"/>
<iframe src="https://www.youtube.com/embed/tCc5JMNtYiI" frameborder="0" allowfullscreen></iframe>
</div>
<p>Please scale the "result" window to notice the effect.</p>
</div>
<table class="tableFormatter">
<$list filter="[all[shadows+tiddlers]!prefix[$:/]tag[Iframes]]">
<tr>
<td valign="top"><<linkify {{!!title}}>></td>
<td>{{!!summary}}</td>
</tr>
</$list>
</table>
<div style="position:relative;"><div style="position: absolute; width: 100%; top:0px;">
<iframe src="http://www.zoo.com/search/images?q=tiddler%20fish&fcoid=408&fcop=left&fpid=2"
style="width: 100%; height: 350px;
margin-top: -5px;
border: 0px;
overflow-x:hidden;
overflow-y:auto; ">
</iframe>
</div></div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<style>
#example_outer {position: relative; width: 100%; }
#example_inner {position: absolute; left: 70%; top: -60px; clip:rect(90px 350px 140px 10px); width: 100%; height: 100%; }
</style>
<div id="example_outer"><div id="example_inner" >
<iframe src="http://en.wikipedia.org/wiki/Tiddlywiki" width="1200px" height="600px" >
</iframe>
</div></div>
You can snip out a rectangle on an external webpage to show up in your TW, anywhere on the viewport.
You use
* an iframe to display the external webpage in your TW
* the tiddler [[hooker method|The Tiddler Hooker Method]] to position the iframe in or outside of your tiddler but so that it is still "hooked" to move along with the tiddler
* ...but first you style the inner div of the hook to
**only show the relevant slice of the external webpage. This uses the CSS `clip` attribute.
**Then you position this slice on your TW using CSS `top/bottom/left/right`
Check out the code for the Wikipedia example shown.
Just some notes on the clip attribute. It works like this
`clip:rect(distancefromtop distancefromright distancefrombottom distancefromleft)`
The greater the number, the further from that edge on the external(!) page. I think they must be specified in px. It's iffy to get the exact distance right if you must save the tiddler after each try to see the result. This, just like much else, is a lot easier if you use the SideEditor.
To position the clip-out, you use the tiddler [[hooker method|The Tiddler Hooker Method]]. Imagine the external webpage to be on your screen and your clip to be a toilet paper roll held to your eye for peeking. If you want to see the the middle of the screen, you must move your head down. The clip works the same way. This means that if you, in your TW, want that clipped bit to appear at some other position, say, the very beginning of your tiddler (in this tiddler where the words "You can snip" appears) - then you must "pull up" that clip to there.
For the example here, the inner part of the hook is set to `left:70%; top:-60px;` to pull it into place.
Note that difficulties can occur because you rely on the external webpage to not change. I have not found a way to only iframe e.g a specific `<div>` on an external webpage.
I have also not done any testing on different screen sizes...
Super smooth online tool to reduce image quality without noticeable difference in resolution or color. Great for when you intend to embed an image in your TW. Transparency is kept.
https://tinypng.com/
<div style="position:relative;"><div style="position: absolute; width: 100%; top:0px;">
<iframe src="http://www.behold.cc/"
style="width: 100%; height: 350px;
margin-top: -5px;
border: 0px;
overflow-x:hidden;
overflow-y:auto; ">
</iframe>
</div></div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div style="position:relative;"><div style="position: absolute; width: 100%; top:0px;">
<iframe src="http://www.bing.com/?scope=images&FORM=HDRSC2"
style="width: 100%; height: 350px;
margin-top: -25px;
border: 0px;
overflow-x:hidden;
overflow-y:auto; ">
</iframe>
</div></div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div style="position:relative;"><div style="position: absolute; width: 100%; top:0px;">
<iframe src="http://www.dogpile.com/?qc=images"
style="width: 100%; height: 350px;
margin-top: -5px;
border: 0px;
overflow-x:hidden;
overflow-y:auto; ">
</iframe>
</div></div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div style="position:relative;"><div style="position: absolute; width: 100%; top:0px;">
<iframe src="http://www.everystockphoto.com/"
style="width: 100%; height: 350px;
margin-top: -5px;
border: 0px;
overflow-x:hidden;
overflow-y:auto; ">
</iframe>
</div></div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div style="position:relative;"><div style="position: absolute; width: 100%; top:0px;">
<iframe src="https://ixquick.com/#"
style="width: 100%; height: 350px;
margin-top: -5px;
border: 0px;
overflow-x:hidden;
overflow-y:auto; ">
</iframe>
</div></div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div style="position:relative;">
<div style="position: absolute; border: 0px; width: 100%; top:0px;">
<div style="overflow:hidden;">
<iframe src="https://www.startpage.com/do/metasearch.pl" scrolling="no" style="width: 100%; height: 350px; margin-top: -5px; border: 0px; ">
</iframe>
</div>
</div>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div style="position:relative;"><div style="position: absolute; width: 100%; top:0px;">
<iframe src="http://www.veezzle.com/"
style="width: 100%; height: 350px;
margin-top: -5px;
border: 0px;
overflow-x:hidden;
overflow-y:auto; ">
</iframe>
</div></div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div style="position:relative;"><div style="position: absolute; width: 100%; top:0px;">
<iframe src="https://se.images.search.yahoo.com/"
style="width: 100%; height: 350px;
margin-top: -25px;
border: 0px;
overflow-x:hidden;
overflow-y:auto; ">
</iframe>
</div></div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div style="position:relative;"><div style="position: absolute; width: 100%; top:0px;">
<iframe src="https://www.yandex.com/images/?uinfo=sw-1366-sh-768-ww-1366-wh-653-pd-1-wp-16x9_1366x768"
style="width: 100%; height: 350px;
margin-top: -5px;
border: 0px;
overflow-x:hidden;
overflow-y:auto; ">
</iframe>
</div></div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<div style="position:relative;"><div style="position: absolute; width: 100%; top:0px;">
<iframe src="http://www.zoo.com/search/images?q="
style="width: 100%; height: 350px;
margin-top: -5px;
border: 0px;
overflow-x:hidden;
overflow-y:auto; ">
</iframe>
</div></div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>
In edit view, the Type field has a small dustbin next to it. E.g the search field has an X next to it.
The X is itself also used inconsistently; for View mode it has yet another meaning.
Yeah... nitpicks.
With [[Infrastructure]], in the TW project context, I refer to implementations or social constructs that //enable// or //simplify// the development or propagation of the [[TW project|The TW Project]], both the software and the technological and social context in which exists. This includes systems, tools, setups, 3d part software "integration adaptors", workflows, organizational structures, communication channels and even community practices and group behaviours, etc.
<<box "{{Infrastructure}}">>
''Community''<br>
@@color:grey;font-style:italic; matters on facilitating community formation@@<br>
<<twistify "[all[shadows+tiddlers]tag[Community]] -[has[draft.of]] +[!sort[recent]]">>
''TW dev''<br>
@@color:grey;font-style:italic; infrastructure matters for dev of the software@@<br>
<<twistify "[all[shadows+tiddlers]tag[TWdev]] -[has[draft.of]] +[!sort[recent]]">>
''tw.com''<br>
@@color:grey;font-style:italic; in its role as the shopfront and resource site@@<br>
<<twistify "[all[shadows+tiddlers]tag[tw.com]] -[has[draft.of]] +[!sort[recent]]">>
''User Help''<br>
@@color:grey;font-style:italic; Infra' for docs and user help@@<br>
<<twistify "[all[shadows+tiddlers]tag[Documentation]] [all[shadows+tiddlers]tag[UserHelp]] -[has[draft.of]] +[!sort[recent]]">>
''General'' infra' issues<br>
@@color:grey;font-style:italic; (there are currently no published articles for this)@@<br>
<<twistify "[all[shadows+tiddlers]tag[Infrastructure]] -[has[draft.of]] +[!sort[recent]]">>
<p>''Appetizer ~TiddlyWikis'' are TW applications intended to function as entrance points to TW in cases where //users are not intrested in TW per se//. Instead, the user is looking to solve a specific need and the appetizer TW is designed to address this. This could be a [[Grocery list]] or a tool for [[Geneaology]]. From "our" view, Appetizer TWs serve as a //marketing tool// to attract people to the [[TW project|The TW Project]].<br><br>''See also'': [[Designing effective Appetizer TiddlyWikis]]</p>
[[FOSWiki|http://www.foswiki.org]] (another "Free and Open Source Wiki") has a website containing containing, among other things, the following [[list|http://www.foswiki.org/System/WebHome]] :
''Presentations and tutorials''
*1 minute introduction - what is it?
*15 minute presentation - how do I use it?
*20 minute walkthrough - please hold my hand.
*Frequently Asked Questions
Pretty good IMO. They are text but/and we could use the same idea with videos.
[[Product|http://en.wikipedia.org/wiki/Product_%28business%29]]
In marketing, a product is anything that can be offered to a market that might satisfy a want or need. In retailing, products are called merchandise. [...]
In economics and commerce, products belong to a broader category of ''goods''.[...]
A related concept is that of a ''subproduct'', a secondary but useful result of a production process.
This is a generic ApplicationCategory where it should be easy to identify and create [[Appetizer TiddlyWikis]].
''Note: Lists as opposed to Databases:''<br>
{{Lists vs Databases}}
''Thanks go to'' //Lifehack.org// and their article [[12 Lists That Help You Get Things Done|http://www.lifehack.org/articles/productivity/12-lists-that-help-you-get-things-done.html]] that identified a few of the list applications I didn't think of myself. BTW, as a software tool for lists, that that page even suggests... TW !
Lists are a biggie in TW. We need some way to set the number of columns the result should show in. Perhaps also some conditional "for every new n-tuple, begin new column"
Maybe as paramter in the list command? Or as some kind of styling?
Long lists look bad and are distracting.
A [[list|List Applications]] is, in the context of applications for TW, an entity in itself. I.e you need the whole list for it to make full sense. Examples include //parts lists// or //grocery lists// or //reference lists//.<br><br>A [[database|Application DB]] can of course list things, but here the individual item is the entity of value. An example could be a database over your books.<br><br>There is reason to differentiate between these when discussing development of //applications// for TW, particularly [[Appetizer TiddlyWikis]], because a list is about //content// whereas a database is (probably) more concerned with //structure//. If the purpose is to "make" people into actual TW users and community members, it is important to consider that the way lists and databases are used is substantially different.
In a [[discussion|https://groups.google.com/d/msg/tiddlywiki/S8ieFgmorkw/hK3dj_J91OEJ]], [[@EricShulman]] explains how to ....
```
[...] do *both* embedded and local images... without any need for setting "_canonical_uri":
1) place your image files in a local sub-folder called "images/"
2) drag and drop the files into your TiddlyWiki to make base64-encoded binary tiddlers (the image filenames will be the tiddler titles)
3) rename each binary tiddler to add "images/" to the beginning of each title
4) use "[img[images/filename.ext]]" syntax to embed the images in your content
Because the images are stored as tiddlers, the [img[images/...]] syntax will display the internal base64-encoded images. However, if the document starts to get too big, you can always just *delete* some or all of the images tiddlers... the embedded [img[images/...]] will then simply use the external, local image files instead, without having to change your content.
Note that the "images/" prefix on the tiddler names is simply to allow you to keep the images in a subfolder. If you keep your images in the same folder as your TiddlyWiki document, then you can drag and drop the images, skip the renaming, and just use "[img[filename.ext]]" to embed them in your content.
enjoy,
-e
```
''Unclear (because I haven't tried yet):''<br>
For a TW on ~TiddlySpot, where there is no accessible folder, could you still use the technique by hosting your images in some other storage service e.g Google Drive?
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
_canonical_uri is a quirk. The field name looks weird and it is a one trick pony that the user must just learn.
In [[#1594|https://github.com/Jermolene/TiddlyWiki5/issues/1594]] there was a good idea to "sniff file extension from the URI to infer the type" . If this is implemented, then we could marginalize the quirkiness of _canonical_uri by making it a selectable as if a type itself! Because a tiddler with a _canonical_uri only accepts that one field+value, we could let the user instead add the value into the //text// field and choose //type// for the tiddler to be _canonical_uri. I don't know if the term "type" has a strict definition, but from a usability perspective it would harmonize with how you add other stuff into the //text// field and then choose a type to have it parsed correctly.
We should have much more direct ways or options to see the children of a tiddler. It is a bit backwards that it's easier to see a tiddlers siblings than its children, i.e you can click a tagpill to see what other tiddlers are also tagged with that tag but for you to know what tiddlers are tagged with the current tiddler title you must go into //more>info>tagging//... or is it //..>listed//, or perhaps //..>list//? Hm. This article will detail some alternatives for this.
''Toggler''<br>
Most of them include some sort of //toggler//, e.g a button, to display the child list. Alternatives include;
*show toggle permanent or only if children exist
*show on hover. E.g either hover over the //toggler// itself or hover over the tiddler, or some section of it.
''Including //New Here//''<br>
One semi-justification to show the //toggler// permanently, for a consistent appearance, could be to include the "child maker" tool (//New Here//), perhaps as a first element in the list. It would mean a two step process to reach the //New Here//, which is same as default toolbar setting where you must click the //More// tool to access it.
''Popout vs embedded slider''<br>
A detail is if the list should appear as a popout or slider, as detailed in [[Revealwidget|http://tiddlywiki.com/#RevealWidget]]. The latter "pushes" away the other content to make room, so you must also consider more carefully //where// it should appear. I think the child list is important and spontaneously favor the slider approach because:
*a slider creates a more robust impression than a popup
*a slider makes more sense if you want to "stick it"
''Plain titles or pills''<br>
In TWC, and particularly when Simon Baird introduced the [[TagglyTagging|http://mptw.tiddlyspot.com/#TagglyTagging]] concept, tags and tiddler titles were two sides of the same coin. With the intro of //tag pills// there's now a clear(er) separation between the two and a tag is more like a button but with a parameter value (the title).
As a parent of two, I can say that the kids always seem to be around even when I'm trying to get some peace and just tiddle fiddle. //Decartes// explains: "Children think, therefore they //are//. Tags don't think so they don't have to exist."
!!Ok, possible manifestations for the child list
''Child pill''<br>
Include a Child pill as the first item in the //tag pills// row. Obviously colored baby blue or pink. Or icon showing diaper. The tags row becomes place for family reunion and the children meet their grand parents. This should weight up for any concerns conservative people have with child pills.
Pop the pill just like the tag pills to get the dropdown but listing the children.
Or get the type of //slider// that you see from //More>Info// in the tool bar. That one opens between the title and the tagpills. A child pill button could e.g open a similar slider //under// the tag pill row.
''Tool button''<br>
Same as //Child pill// but as tool in tiddler toolbar.
''Bairds minitag''<br>
Simon Bairds superb MPTW (a theme for TW Classic) has the [[QuickOpenTagPlugin|http://mptw.tiddlyspot.com/#systemConfig%20QuickOpenTagPlugin%20MptwTheme]] (search for "minitag"). This creates a small arrow next to the tiddler title like so;
{{img/childdropdown}}
(...yeah, I know, eight years!)
Clicking the arrow pops up a small dropdown listing the children as well as a an "Open all" button and a "New here". It makes sense to treat tiddler titles and tags in the same way as they often are the sme thing.
By the way, in MPTW such a mini-dropdown is displayed next to all tags so it functions a bit like our tagpills when you click on them.
''Childs field''<br>
Like the tags field (the "parents field"), there could be a //childs field//. I.e no //toggler// but a permanent horizontal row of pills or just titles. Could be displayed just below the (parent-) tag pill row.
''Childs field with toggle''<br>
...or such a //childs field// could be the resulting display from clicking a //toggler// after all, like detailed in ''Child pill'' or ''Tool button''. I actually like this idea a lot. Just like you now click the //More>Info// and get a slider to show a field (a bit out of nowhere), you could get the same field but it is dedicated to showing the children.
''~TiddlerSidebar''<br>
Perhaps seemingly nullifying everything I've written above, I personally intend to use my [[TiddlerSidebar|Presenting the TiddlerSidebar]] plugin, a "tiddler specific mini-sidebar" that appears when you hover over the tiddlers blank left side. This can feature a child list under one of the tabs. This could omit the earlier proposals for pills 'n buttons.
However, the ~TiddlerSidebar is obviously not for core, but IMO a better child access //is// a standard distro isse. Also, the ~TiddlerSidebar concept is less suited for public wikis ... ok, TWaddle is an exception. Third, as touched on, I want the option to //stick// the child list to show permanently - for some tiddlers. I'm proud of my kids. The whole world should see them! But it's hard work. I do generally advocate the pill.
If the title caught your attention, that's an indication there's interest in the issue. No surprise there.
This article isn't about how to make money though, but just to point out that this should perhaps be a topic we treat more consciously in the community.
I know of only two discussions dealing with how to make money; One is commented on in [[Online shop built in TW]] and the other is Jeremys [[Invitation to TiddlyPip: an Apple App Store experiment|https://groups.google.com/d/msg/tiddlywiki/h95Z77kkwPs/vlUgCMi5lJ8J]]
What applications can be built in TW that can be used to produce sellable stuff? (Perhaps then even selling it via such an online TW based shop?)
Selling TW configurations is one way I guess (taking care not to breach any licenses obviously). Another would be to use TW to produce and perhaps package content. TW for authoring books comes to mind. //Harry TWaddler and the Sorcerers Stone//. Guaranteed hit.
More examples?
Further discussion is welcome, IMO.
Nothing original, but I didn't think of it before... so maybe you didn't either:
A simple way to make a "wizard", i.e a process that //guides// the user for e.g installing something, can be to use tabs. Pundits might object and say this is not a wizard, I don't know. Anyway, just do this:
`<<tabs "Step1 Step2 Step3">>`
or more explicit
`<<tabs "[[1.Getting the thing]] [[2.Installing it]] [[3.Running it]]">>`
<<tabs "[[1.Getting the thing]] [[2.Installing it]] [[3.Running it]]">>
(there's no content in these demo tabs so clicking them does nothing)
If you have many such wizards, you could have a vertical tabs list, like in the [[tw.com GettingStarted|http://tiddlywiki.com/#GettingStarted]] to list all the wizards, and then inside those individual tabs you have the horizontal layout.
Not sure it would be a better idea, or even good one, but maybe it's possible with "2-dimensional tabs" so that you select things by both marking a (permanently visible) vertical tabs bar //and// a (permanently visible) horizontal tabs bar.
@@.no-border
| Aliases|﹕|Matias, twMat |
| Signature|﹕|<:-) |
| Location|﹕|Stockholm, Sweden |
| TW experience|﹕|Experienced |
| Primary TW use|﹕|Household mgmt, Idea notebook |
| Super power|﹕|Idea / concept generation |
| Weakness|﹕|Lack of coding skills |
| Result|﹕|Frustration |
| Mission|﹕|[[BC⇄BTW|Bigger community ⇄ Better TW]]|
@@
{{Creations}}
You must neither be a hypochondriac nor a M.D to have a bunch of different medication at home. If you also include vaccinations you've had and possible food supplements the list gets even longer. Regardless, it's simply an area that is good to keep track of.
<div id="leftbar2">
{{img/logo}}
<$list filter="[all[shadows+tiddlers]!has[draft.of]tag[menu]]">
<br> @@color:grey; ⚬@@ <$link to={{!!title}}><$view field="title" format="text">{{!!title}}</$view></$link>
</$list>
<div id="lowmenu">[[@you|@ttention]]<br>[[Cred]]<br>[[Index|Reference & Index]]<br>[[About|About this webpage]]<br><<linkimg "Bigger community ⇄ Better TW" "img/fish_small" "click me!" clickme 40px>>
</div>
</div>
{{FastNewInMenu}}
<style>
#leftbar2 {position: fixed !important; left:5px; top: 5px; bottom:0px; font-size:large; line-height: 150%; }
#newtid {position:fixed; background-color:white; width: 250px; height:20px; left:0px; top: -20px; }
#lowmenu {font-size:90%; position: absolute; bottom:20px; text-align:center; width:{{$:/themes/tiddlywiki/vanilla/metrics/storyleft}}; }
</style>
"TW is different". No doubt about it. It really takes time before you understand many of the things that you and I probably take for granted by now when we're used to it.
I think it makes sense if we, "the community", try to ''be aware of the waywardness'' - the conceptual characteristics and quirks - that newcomers face because these are all //thresholds// they must pass. This goes for any software of course, but the more so the more it breaks the norm.
To name just one thing; the default classic story view is most definitely a new experience for everyone. It is of course a result from the micro-content / tiddler philosophy and still wanting to display things in a narrative story. Thinking back to my own reactions, [[TiddlyWiki Classic|http://classic.tiddlywiki.com/]] back in around 2007(?), I remember it caused a definite WOW reaction. Pretty darn cool. But I think much of it was because of the (TWC) animation. I mean, check it out in the link - that rectangle shooting out from the link you click, growing and landing in the story column - exactly framing in the content you were looking for //as if it was already there//, as if the system had precognitive powers and knew already! WOW! Yes... silly if you analyze it, but that is the //feeling// it created, at least for me, and actually still does. (With more experience you get tired of animations though).
Now, my point is that, as cool as this effect may be... it ain't no //Microsoft Word// feature. The users brain must process this new oddity. //Learn// it.
Add to that learning (accepting) the value of tiddler philosophy, understanding that you're modifying the tool itself (other editors create output files), when you visit a public TW (e.g tw.com) you can modify it because you're actually just seeing a local //copy// in your computer. And it is just temporary. And you can "never" click the browser back button in TW.
Then we of course have the actual //features// of TW to master.
...it stacks up.
I'm not talking about if these quirks are good or bad. I'm stating the //fact// that ''some of these oddities are so fundamental that the user //can// only choose between adopting them or leave.''
...and my point is that it makes sense for us - the community or at least the //boundary pushers// in the community - to have a clear understanding of the gap between what we take for granted and what a newcomer must assimilate into.
I might try to assemble [[a list|Quirks]] on these things, mostly for my own reference, but at least I hope this has created some awareness on the matter.
David Allen, in explaining how GTD (Getting Things Done) works, talks about a Ubiquitous Capturing Device (I may not remember the exact name). What it refers to is an immediate access device so to capture what's on your mind so that it can go into the GTD implementation you're using. It can be a pen+pad, a voice recorder or... well, can't think of any more right now. Just google it.
For [TW] note taking and some specific application ([[ex|Life book]]), even outside of GTD, I find this is a good idea. I have for some years used a [[voice recorder|https://play.google.com/store/apps/details?id=com.tokasiki.android.voicerecorder]] on my Android phone that works pretty well... but, I wish it was even simpler and more direct. I do believe voice recording is the most direct way, more so than paper and pen. For one thing, I can do it while driving but, more importantly, it is just closer to my thoughts than having to first convert it into text. With a recording that I am to listen to only once or twice for transferring it to TW, I can accept myself going //"and... uuuummmm... I should do, no, I mean, I should take..."// whereas converting my thoughts to text takes more "pre-editing" before I type, which prevents a free flow of thoughts.
But, the android app forces me to bring out the phone, turn it on, locate the app ok, it's on my front page but it is an app so I have to actively //look// where to click which is not he case for a phyiscal button, same thing to actually start to record, to stop, to click save, to exit, etc. Again, it kind of prevents what I really want to be thinking of. Touch screens unfortunately are not "invisible technology" by their very nature, they //demand// your attention.
So I'm looking for a mini voice recorder.
There are [[pens|http://www.amazon.com/Megafeis-F12-Interviews-Collecting-Replaceable/dp/B00LLW2F40/ref=sr_1_24?s=electronics&ie=UTF8&qid=1435624363&sr=1-24]] for this, but I fear it wouldn't be ubiquitous enough. I can't keep it in my pant pockets for instance. This "fake" [[USB type stick|http://www.amazon.com/Etekcity-8GB-Portable-Rechargeable-Dictaphone/dp/B00CH5U24A/ref=pd_sim_229_2?ie=UTF8&refRID=1XHB9E9Z6WDW6QSDPEQM]] looks more like something I'm imagining. The deal breaker is the 7 (or even 15) second delay before it starts to record. Unacceptable. I would also have to attach a key chain or something to it.
Ideally, it would be something that automatically is //always// with me. Might have to surgically implant it. Proximity to the voice can be achieved by putting it into a nostril. While at it, maybe replace an eye ball with a camera and have half my head as a robot from the future. Then I can film myself in the mirror and call it //Terminator - the Reality Show//. Will be a big hit, I'm sure. Then I could afford a personal secretary and she could keep track of everything instead, so I can take out that stupid thing from the nostril. I didn't like it there from the beginning anyway.
So, I'm thinking of giving you one of these. Which one do you want?:
:An old shoe
:A dead cockroach
:A used band aid
:{{A 2 kg bar of gold}}
Chances are you didn't notice ''#4'' because there's no indication of it in view mode.
IMO, pretty serious.
I notice that an //empty// transclusion shows; {{}} , which is good though.
Of course, "invisible missing transclusions" can be very useful too. (Maybe this is even why they are invisible by default?) For instance, if you look in the [[Ctrlpanel>Info|$:/ControlPanel]] here, where the Site title is declared, it also contains a transclusion. In my "admin version" of this TW it shows some stuff from a tiddler - but this tiddler is deleted before I publish the TW it for public view - and you, thankfully, don't get any indication of it missing.
''What to do?''<br>Maybe we could have a sidebar tab "Missing transclusions"? Could be combined with the current "Missing" (tiddlers)?
And/or a local indication in the tiddler; perhaps a red dot or a small exclamation mark in the tiddler gutter? Perhaps some option to toggle this globally or per specific transclusion?
See also:<br>
[[Changing referred to titles should give alert]]
I brought [[it up|https://groups.google.com/d/msg/tiddlywiki/hReAZYepG5U/8G9Bqb-sPo4J]] but let it go... but... it really //is// confusing:
In Chrome when you click to edit, or cancel, or save, the animation makes the tiddler slide out left before the editor shows. It is very confusing as it makes it look like the thing is going away ("did I click close or something?").
It turns out it's the same in all browsers but in e.g FF the animation is apparently slower so you don't experience it! It really is confusing and most likely particularly confusing for newcomers. And it happens //every time, all the time//!
IMO, for delete it would be ok with sliding left, kind of indicating it's getting out of the whole TW. But/and for close then better sliding towards the sidebarlists ("the tiddler is going back in there"). But it makes no sense to have edit go sideways at all.
Update: The story view //Pop// solves the problem by featuring a zoom type effect instead of a side swipe. ...but it has problems in its own [[#1757|https://github.com/Jermolene/TiddlyWiki5/issues/1757]].
<style>
.animation-container {
height: 60px;
padding: 10px;
/* Shorthand syntax */
-webkit-animation: movearound 4s ease 1 normal;
}
@-webkit-keyframes movearound {
0% {
width: 200px;
background: #f00;
opacity: 0.5;
-webkit-transform: scale(0.5) rotate(15deg);
}
30% {
width: 300px;
background: #f00;
opacity: 1;
-webkit-transform: scale(1.3) rotate(15deg);
}
60% {
width: 100px;
background: #00f;
opacity: 0.3;
-webkit-transform: scale(0.3) rotate(15deg);
}
100% {
width: 400px;
background: #ffffa2;
opacity: 0.5;
-webkit-transform: scale(1) rotate(0deg);
}
}
</style>
<div class="animation-container">
Found this [[here|http://robertnyman.com/css3/css-animations/css-animations-percentage.html]].
Maybe useful for a logo?
</div>
''Profound ponderings''
<<twistify "[all[shadows+tiddlers]!has[draft.of]tag[Musing]tag[Major]] [all[shadows+tiddlers]!has[draft.of]tag[Musings]tag[Major]] +[!sort[recent]]">>
''Shallow shpeculations''
<<twistify "[all[shadows+tiddlers]!has[draft.of]tag[Musing]!tag[Major]] [all[shadows+tiddlers]!has[draft.of]tag[Musings]!tag[Major]] +[!sort[recent]]">>
<style>
#omusings { position: relative; }
#imusings { position: absolute; right: -12px; bottom: -30px;}
</style>
<div id="omusings"><div id="imusings">
<$image source="img/musings" width="90%">
</div></div>
<<note "this article is not finished yet but because it is referenced in a few places, I figure it is better to include unfinished than not at all. Plus, of course, you really should learn Swedish anyway.">>
---
My own [[Household TW]] serves as a main TW application for me and is the definite "cornerstone for information" in the family.
Here is a run-through of its //menu// which should give a fair description of what it's about. Note that it is one of those things that have grown gradually over //many// years, and that it is not a public TW. This means it is most definitely "wild" and not how you would do it. Or I for that matter, if I started from scratch. Thus;
The (left) menu has three tabs; //Areas, ~ToDo// and //Reference//. I will only detail //Areas// as this is the most important one. I rarely look at the other two. So, //Areas// has an accordion menu with:
*Overview<br>shows
**0.GeneralToDo
**0.Projektkedjor
**0.Projektkedjor_excel
**0.WikiStruktur
**Almanackor
**Bultis_excel
**DriveMapp
**EnDag
**HusPärmar
**Kartor
**Kronologi
**MProjekt
**PrioList
**StorKostnad
**StorProjekt
*0.Tillfälligt
**Borrowed/Lent stuff
**Forumfrågor
**SkickaPrint
**TillfKöp
*Almanackor
**Allmän trädgårdsskötsel
**Bilalmanacka
**Byggnader
**Energialmanackan
**Gårdsbruk
**Huskalendern
**Infrastruktur
**InfrastrukturAlmanacka
**SäsongsAlmanackan
* Arbete
**0.Starred Items
**Anlita
**Arbete_frågor
**FixaRegn
**HusBygg
**Konstruera
**LågKompetens
**LöpSysslor
**Make
**MProjekt
**Projects Dashboard by Area
**Robert
**Tjänster
**Vårda
*Bilar
**Bil 1AXY684
**Bil WBJ752
**Bil, gårdsbil
**Biladmin
**BilarÅtgärda
**BilKontakt
**BilUtrustning
**Hästtrailer REGNR
**Macken
**Rekond
**xBilar
*Byggnader
*Djur
Gårdsdjur
Insekter
Nyttoinsekter
Skadedjur
Skadeinsekter
Vilda djur
*Ekonomi
DriftsKostnader
Fixa hushållsbudget
Hushållsbudget
Olika kostnader
Sätt upp reparationsfond
KapitalKostnader
LöpandeKostnader
Subventioner
UnderhållsKostnader
*Energi
Belysning
BränsleFörbrukning
ElFörbrukning
Energieffektivisering
EnergiIdeer
EnergiInfo
Energiproduktion
Isolering
NödvändigEnergi
Platser med energibehov
Värme
*Grannskap
0.Kontaktlista
Barnkompisar
Grannar
Gårdar
Kullavägen
Långväga
Skoklosterkarta
Slottet
Tjänster
*Gården
Arealer
Byggnader
Fastighetsgräns
Fastighetskartor
Gårdsaktiviteter
GårdsFunktioner
Ornament
Plantera granhäck på åsen
Plantera tujahäck längs södra gränsen
Regler
Växtornament
*Hortikultur
Allmän trädgårdsskötsel
Nyttoväxter
Odlingsbehov
Odlingsmetoder
Odlingsmoment
Odlingsplatser
Prydnadsväxter
Skadegörare
Trädgårdar
Vildväxter
Växtmiljöer
Växtornament
Växtskydd
*HusBygg
0.Frågor
0.HusByggIde_
0.Projektkedjor
0.Projektkedjor_excel
1.ByggSök
1.HusByggEv_
Byggprocessen
Entretrappa
Golvvärme, vattenburen
InneFörråd
Källartrappa
KökBygg
Mysifiering
Rustikifiering
Värmetank
Växthuset, hem
*Infrastruktur
Automation
Avfallshantering
Avlopp
Belysning
BevattningsSystem
Diken
Dricksvatten
Dränering
Elsystem
Förvaringsbehov
Förvaringsplats
GårdsFunktioner
IT
Kommunikation
LagerSystem
Mätning
Pumpar
Specialsystem
Säkerhet
Värme
*Konstruktion
Arduino
Konstruera
Material
*Materiel
Aktivitetsutrustning
HemUtrustning
Husgeråd
Inredning
*Redskap
Maskin
TrädgårdsUtrustning
Verktyg
Unfortunately, I still have it in TW Classic because it is too complex to convert after years of honing it. It contains several [[almanacs|Household almanac]] for different areas, it has the shopping lists (the "things to buy" and the grocery lists are the most used parts in the whole TW), it has reference material on things in the house like what wall paint is used and the exact model of the vacuum cleaner etc so that I, if standing in a shop with a zillion spare parts, can quickly reference it.
This may very well be what others, e.g TobiasBeer and Jeremy have discussed previosly as it feels very familiar... but then again, maybe not, so I'll write it up as it seems a good idea:
Tiddlers using a path-name structure are clearly named so for hierarchical reasons among tiddlers. It would be nice to be able to navigate //from within the tiddler// like you do in e.g Windows.
E.g `$:/core/ui/ControlPanel/Basics` could look like
:⇧core ▸ ui ▸ ~ControlPanel ▸ Basics
<br>The leftmost arrow leads "up" one step, in this case it would give
:⇧core ▸ ui ▸ ~ControlPanel ▸
<br>The "▸" symbol indicates there are sub-levels (children). Clicking a "▸" symbol shows a dropdown at the respective level, i.e
:⇧core ▸ ui ▸ ~ControlPanel ▾ [-----------]
<br>...i.e where the [------------] is a dropdownlist. In the upper case it, among other things, includes //Basics// (which as you can see a few steps up is a sub-item to ~ControlPanel.
Or if you click e.g the "ui" arrow
:⇧core ▸ ui ▾ [~ControlPanel] ▸
...you see ~ControlPanel among other sub-ui items listed. (Maybe better if the list appears just below instead, i.e here just below the ~ControlPanel part?)
<br><br>Finally, you can also click the section inself to go to that tiddler. Clicking e.g "ui" would give
:⇧core ▸ ui
<br>A related feature is a //back// button to go to whichever title you were last at, including titles not in the current path-name structure at all.
When you edit and overwrite a shadow tiddler, a copy is created of the original. On upgrading, this copy is updated so that if you delete your edited copy, you're reverted back to the now upgraded original.
Good - but it is not certain that the upgrade affected that particular tiddler. And you don't know. So your tampering //might// mean you're missing out on an upgrade... or not.
This is not a desirable situation because you might prefer the upgraded version before your tweaked version ''if you only knew'' that it (a) is updated and (b) what the specific change is.
I propose that some kind of message to appear on overwritten tiddlers stating e.g<br> `This is an overwritten shadow tiddler. After overwriting, the original tiddler has been updated from 5.1.7 in upgrades: 5.1.8, 5.1.9`
...or, even better, some kind of //before and after// comparison.
And maybe not only //shadows// but any core tiddler and perhaps also plugins etc. I'm guessing that plugins that are not part of core will eventually have some kind of flag that "There is a new version avaialble" or such. but that's [[another question|Update Alerter Plugin]].
As highlighted in [[Missing transclusion should give indication]], there is a problem that a transclusion with a non-existing tiddler title is simply invisible without any indication.
//Missing links// is a related problem. I particularly experience this when working with articles here. Typically, one article spurs ideas for other articles or an article becomes too complex and needs splitting up - so I need to link the texts. This, however, means I must finish the articles so they can all be published at once or there are dead links.
I was first thinking the wikitext `[[...]]` and `{{...}}` commands themselves should be extended to give an option for visible / invisible, but this would not be very practical. If [[this missing link]] in mid sentence were invisible... well, not good.
Instead it is the whole sentence or more that should be invisible. `<hideifmissing>`This whole part should be invisible if there's a [[dead link]] or `{{`missing transclusion`}}` inside it `</hideifmissing>`. But with some more elegant markup. It would be natural to, at the end of a paragraph, include a "See also [[foobar]]" conditionally hidden like this.
Ironically we can use transclusions to hide dead links, exactly because it becomes invisible if the tiddler title is missing. Here is the result from `{{[[foo]]}}`: {{[[foo]]}} <---I promise, it's there //after// the colon.
...however, the transclusion interprets the square brackets to be part of the title so writing the title of this current; `{{[[Need control output for missing in links and transclusions]]}}` does hide the link... just not the link to this tiddler. (And we can of course not skip the brackets because then it //reallly// transcludes if the title exists.)
Interestingly, I note that
`{{[[foo|bar]]}}` gives: {{[[foo|bar]]}}
I don't understand what's happening here. The link //is// prettified but then it is //not// interpreted as a non-existing link and/or the whole transclusion seems to loose its power and just become bracket characters. (Have I just invented a trasnclusion nullifier? The implications are staggering! Ok, maybe not..)
Regardless if this worked, it would still just concern a tiddler title and not hide a sentence or a section as described. More control is simply needed when dealing with missing titles both for links and transclusions. No great solution comes to mind. Need to think more about it...
<table class="tableFormatter">
<$list filter="[all[shadows+tiddlers]has[summary]!prefix[$:/]!tag[Unfinished]tag[NeededTool]] +[sort[title]]">
<tr>
<td valign="top"><$link to=<<currentTiddler>>><$view field='title'/></$link></td>
<td>{{!!summary}}</td>
</tr>
</$list>
</table>
//Existing// manually crated fields have a dustbin for reset/delete
...but the time when you probably most need one is when you create (i.e edit) it.
<<.preamble """ On tw.com I found Jeremy had added some neat text boxes like this one. """>>
*$:/editions/tw5.com/doc-macros ([[original|http://tiddlywiki.com/prerelease/#%24%3A%2Feditions%2Ftw5.com%2Fdoc-macros]])
*$:/editions/tw5.com/doc-styles ([[original|http://tiddlywiki.com/prerelease/#%24%3A%2Feditions%2Ftw5.com%2Fdoc-styles]])
[[This site|http://arduino.org/]] has a cool zoom-in effect giving much life to the page. Note also that it is limited in size so that you scroll down for further info.
This would be a nice feature for tw.com. I belive Jeremy has expressed that the front of tw.com does not have to appear like standard TW. I don't have any specific thoughts on details like what the image should be or so.
If it is a simple setup then maybe it could be part of a plugin (or core?) in the same gist as the 5.1.8 additions of background images. I believe adding graphic tools is a valuable aspect for popularizing TW.
(BTW, if you're into the subject of that site then you may wonder if the original site shouldn't be on another domain? Apparently, there's some internal [[conflict|http://makezine.com/2015/03/06/arduino-vs-arduino/]]...)
''There's no public UI'' or even public theme. The standard UI is not suitable for a non-TW audience because it has too many special features that are at best distracting but more likely confusing. Examples include the tiddler toolbar buttons, the sidebar tabs and their lists, and more.
While e.g the toolbar buttons can be made to not show, this hides them also for the TW owner. In other words, what is needed is a way to permanently set //different UI's depending on who// is using the TW.
While a //public theme// would be welcome, I think the issue is too fundamental to be a separate theme and would instead prefer 'settings', e.g in the Controlpanel.
''Likewise, there is no standard Mobile or small screen / touch screen interface''. This is missing //per se// but if you //also// intend for the TW to turn to the general public or non-TW people, it is one severe drawback.
Just guessing, but I would think these are immediate dealbreakers for some, possibly even before trying out TW properly...
!yo' is one badass clicker!!!
Update: Fellow [[@Rustem]] kindly gave [[a suggestion|https://groups.google.com/d/msg/tiddlywiki/cDx5B8KAKpg/EM6-GhnjMQwJ]] that I will look into. Who knows, maybe it's the answer :-)
<hr>
This is one of my "end goals" with TW;
To be able to have one central TW from where I produce tiddlers and make them appear in niche TW's spread wherever I want them. I create a tiddler //Funny bunny// and e.g tag it with the TW titles "TW of Fun" and "The Farm" and it appears in both places.
How do I know it actually appears there? Because I can 'transform' the central TW into whichever other TW of mine that I want. A bit like changing themes, perhaps via a dropdown menu sitting in an upper corner.
Among other uses, my family members can switch to their individual TW's (again, as if choosing theme).
After Jeremy [[showed|https://groups.google.com/forum/?fromgroups=#!topic/tiddlywiki/1S348N3rsAc]] me how to publish (i.e save a copy) of a TW that //filters// tiddlers, I think this might just be very doable. Imagine this combined with the ~TiddlySpot saving; In your main TW, you have a "publish" button for each target TW that uploads to that specific one.
Microsoft ~OneNote [...] for free-form information gathering and multi-user collaboration. It gathers users' notes (handwritten or typed), drawings, screen clippings and audio commentaries. Notes can be shared with other ~OneNote users over the Internet or a network. @@float:right; -[[Wikipedia|http://en.wikipedia.org/wiki/Microsoft_OneNote]]@@
As highlighted on tw.com, fellow member sini-kit has created a TW shop; [[demo|https://translate.google.com/translate?sl=auto&tl=en&js=y&prev=_t&hl=en&ie=UTF-8&u=http%3A%2F%2Fheeg.ru%2F&edit-text=&act=url]] and [[finished setup|http://magast.ru/magazin/heeg.html]]
<<<
A guide in Russian to creating an online shop with ~TiddlyWiki. No serverside code is needed, instead orders are handled by Disqus.
<<<
<<ref "http://tiddlywiki.com/#%22Heeg.ru%22%20by%20sini-Kit">>
That's pretty darn amazing!
With [[Optimal Information]] I refer to the minimum information required to convey a message. This is //relative// to the receivers previous level of information (a.k.a pre-knowledge). "An understanding" or "a piece of knowledge" or using the more technical term; "information", is more easily received and completed the less //additional// information you need beyond the information you already have. (Re-) feeding of redundant information may even distract the message and the transferral.
Imagine [[this|http://experiments.wemakesites.net/pages/css3-parallax-effect-no-javascript/example/]] being tiddlers instead of "sections". Notice the [[parallax|http://en.wikipedia.org/wiki/Parallax]] effect, i.e that they're not static images. Perhaps not very useful (or?), but definitely cool :-)
Some links on how to creat it using CSS3: [[1|http://martinivanov.net/2014/09/16/parallax-page-scroll-effect-with-pure-css3-no-javascript-no-hassle/]], [[2|http://experiments.wemakesites.net/css3-parallax-effect-no-javascript.html]], [[3|http://experiments.wemakesites.net/pages/css3-parallax-effect-no-javascript/example/]], [[4|http://experiments.wemakesites.net/x-parallax-html5-web-component.html]]
//addendum:// [[@JedCarty]] has a [[solution|http://inmysocks.tiddlyspot.com/#Make%20data%20from%20a%20dictionary%20tiddler%20appear%20when%20you%20hover%20over%20something]]. To be applied.
<hr>
I sheer amount of articles on sites like this one can be a factor actually preventing people from reading articles. It is natural to scan a list of titles and only click on the titles that sound interesting. A bit like judging a book from its cover.
We could have a "peeker" so that e.g hovering over a title opens a popup showing the tiddlers first paragraph or some such.
Maybe SHIFT+hover. And the popup is of a predefined size, to minimize visual distraction, showing X number of rows. Or maybe showing the summary field content if it exists.
There is a type of //scanners// called pen scanners.
They are about the size of an oversized marker pen and lets you combine the concept of scanning with that of //highlighting//! In other words, you scan by dragging the scanner across the text - and it immediately shows on your computer screen (at least using the penscanner I have)!
As touched on in other write ups here, highlighting is (IMO) very closedly related to the whole philosophy of tiddlers; "to split up texts in to their smallest, semantically meaningful, chunks".
Using these type of scanners you can effectively tiddlify physical text into summaries. At first thougth the ideal might seem to be to tiddlify every individual scanned snip, but there are two practical reasons why this is not the case; to be a "semantically meaningful" tiddler, you might need to combine a few such snips. The other reason may be a limitation with the hardware; the scanner, or at least mine, is toggled to scan by pressing it's tip to the page. This means that when you reach the end of the line and jump down to continue on the next, this starts a second scanning - i.e likely not desirable to be a new tiddler.
In other words, the scanned text will require some manual editing afterwards - but this is not least also becaue it doesn not always mirror the text 100% correct, like all OCR scanning. Because of the manual handling of the scanner, this error frequency increases but I have found it to be surprisingly accurate.
The model I acquired is ~WorldPenScan BT. BT stands for Bluetooth. This product gets decent reviews on Amazon.com but lousy reviews on Amazon.co.uk (by a lot fewer people though). A recurring complaint is the BT aspect. I got mine recently so I can't really give a review yet.
5.1.8 has a tiddler commenting the [[performance|http://tiddlywiki.com/prerelease/#Performance]] issues for TW. (Good!)
What further things could be done?
*Do we know //what// it is that causes speed and performance issues?
*Have we had "an absolute top expert" take a peek at the fundamental algos? I can ask because I(!) am not qualified to tell if we have these people on board. (I'm just super impressed by what our local wizards to create!)
*Speaking of wizards - maybe we could have a "wizard" plugin that guides the user through various optimization steps in some suitable order if they see need?
*Are there perhaps particularly resource consuming parts in core that could be segregated and really included only if asked for? (I guess that means 'Turned into a plugin' -?)
**Maybe there could be some kind of "core aggregation sequence" that starts out with the //absolute// minimum and gradually adds features so that an unhappy user could step backwards in this list, one step at a time, to see increase in some aspects and decrease in other.
*Actually - plugins - maybe people get frustrated and blame TW when it's really some plugin leeching memory? Could we have a plugin that shows memory consumption per plugin?
**FF has the neat [[about:addons-memory|https://addons.mozilla.org/en-us/firefox/addon/about-addons-memory/]] plugin to show mem consumption per addon.
*Could we perhaps provide a set of "environment" guidelines for TW to perform optimally, i.e choice of browser, OS, hardware, (any more?) ?
*Browser plugins, other than TiddlyFox? Maybe there are browser plugins to enhance javascript performance, or particular javascripts of some kind that TW relies heavily upon?
I'm not going into mobile in this article other than to ponder that just maybe there are //different// memory rules in mobile browsers that TW should accommodate to. I'm not saying there is, but it seems reasonable to me.
Sometimes there is a need to make something exist from startup, for instance a logo. A logo happens to be a visual example, but a more typical example is probably calling some macro or such. As far as I know, there's no elegant way to do this so the solution is to place these things in something that does always open up, like the sidebar. (Or?)
I propose a designated place for this instead. A "~LoadOnStart" tiddler (Load''At''Start? ~AutoStart?...). If something is put into this, or transcluded into it, or tagged with ~$:/tags/LoadOnStart, it shows up or executes on start.
This tiddler would, I guess, be tagged $:/tags/PageTemplate but I think it could be CSS'ed to not show in iself, but only eventual visual content.
This would make a "permanent placeholder" on the screen, i.e anything put in/tagged will be there all the time.
Ever since I moved out to the country side I've wanted a big touch screen on the wall, e.g in the kitchen, showing the [[household TW|My Household TW]] that it fetches from some storage in the sky.
It would also work as a bulletin board to communicate with the the family, e.g todo-lists etc. I've got two kids half of the time and a confused fiancee which, coupled with my a constant flow of crazy ideas, means constant need for TW structured assistance.
With //surf tablets//, e.g iPads, this is basically doable... but what I really want is a //e-ink// tablet or similar, for a much more subtle thingy. It should be permanently on, and in a prominent location, so it shouldn't //attract// attention like a glowing screen would and it should eat only a minimum of electricity.
Unfortunately I don't think they're good enough yet, for my TW needs. Web-browsing would of course be crucial, but still it seems they're mostly made for e-book reading. For instance, I believe the Amazon Kindle [[cannot|http://gomakethings.com/building-websites-that-work-on-an-e-ink-kindle/]] deal with any javascript or even CSS. So... no TW. And the demos I've seen for these things flicker strangely and are typically somewhat slow. I fear a 4 or 5 MB TW on these "for productivity" would come out as an ironic practical joke.
I think [[Sonys Digital Paper|http://goodereader.com/blog/electronic-readers/sony-digital-paper-price-reduced-to-799]] is probably as good as it gets so far. I'm uncertain how it would perform but becasue it is, again, a //reader// I just suspect it's not enough. And, the recently lowered price (now $800) is still too much for taking the chance.
[[Here|http://www.pcmag.com/article2/0,2817,2400310,00.asp]]'s a recent comparison list but incomplete both in products and my needed information about them.
If you have information on the matter I'd love to hear it.
A ''personal organizer'', day planner, personal analog assistant, personal planner, year planner, or agenda (from Latin agenda - things to do), is a small book or binder that is designed to be portable. It usually contains a diary, calendar, address book, blank paper, and other sections.
A personal organizer may also include pages with useful information, such as maps and telephone codes. It is related to the separate desktop stationery items that have one or more of the same functions, such as appointment calendars, rolodexes, notebooks, and almanacs.
By the end of the 20th century, paper-and-binder personal organizers started to be replaced by electronic devices like personal digital assistants (PDAs), personal information manager software, and online organizers.
<<box "//"O'boy, I got this super idea that will revolutionize TW and... no, really, this is IT and... hey guys, are you listening? Hel.. Hellooo..?"//">>
<br><<twistify "[all[shadows+tiddlers]!has[draft.of]tag[Pie]] [all[shadows+tiddlers]!has[draft.of]tag[Pies]] [all[shadows+tiddlers]!has[draft.of]tag[Pies-in-the-Sky]] +[!sort[recent]]">>
<style>
#opie { position: relative; width="100%"}
#ipie { position: absolute; right: -70px; bottom: -70px;}
</style>
<div id="opie"><div id="ipie">
<$image source="img/inventorsmall" width="250px">
</div></div>
If I understand right, Jeremy is positive to a central plugin repository on tw.com but one difficulty is that if they are hosted on this (most) official place, the users assume the plugins work, are safe, are maintained, etc. Let's sum it up as a matter of //trust//. There are more aspects holding such a repository back at the moment but I just want to mention that //Firefox// seems to handle the //trust// aspect with the following approach:
*On browser updates, there is a message of the type "this plugin has not yet been approved / use at your own risk" (my wording)
*On browser updates, plugins discovered to be incompatible are simply deactivated (maybe even removed from the users own plugin listing? Can't remember)
Further, there is a bunch of //meta data// that adds trust
*The users //rate// and //review// the plugins
**and it says how many such reviews
*Number of users is displayed
*Release date is visible
*Link to creators profile with info on his/her other plugins, official web page link, ...
I see issues with each of these points but the result is that it works very well.
The first list should not be difficult and are really a result from what users report.
The difficulty with second list is more about where to store this meta data and, as a consequence, how it is created (i.e what the user needs to do to create the data). Currently tw.com is not capable of receiving user input or meta data and while this would be very desirable, ''even a setup with //embedded// (iframed) such input would be very valuable'' because a plugin depository is such a fundamental issue. [[Comments via 3d part]] looks on some alternatives for this.
There should be user settings for where to position the scrollbars, and possibly even what type of scrollbars. Here's an outline of some identified positions
<center>{{img/scrollbarpositions}}</center><br>
*''A'' is, in standard TW, where both scrollbars appear (when both are visible)
*In ''B'', one could imagine a scrollbar for (only) the sidebar but which doesn't scroll the sidebar head (see [[#1203|https://github.com/Jermolene/TiddlyWiki5/issues/1203]]). If a feature is introduced to choose location for the //whole// sidebar, presumably to the right or left, then a ''B'' type scrollbar should/could probably "move along" with the sidebar.
*''C'' and ''E'' could, respectively, hold a scroll of the type where you hover over the area and it scrolls down. A //click// on the area could work as a full screen jump down. My main point for this optional type would here be to deal with the current problem of having two vertical scrollbars, i.e we could have //one// common side scrollbar and //one// such "bottom scroll".
*''D'' could be an alternative location for one scroll, i.e keeping the other in A.
*...//or// just maybe ''D'' could hold both scrolls like A does - but it might work //better// in position D because it is obvious that the left scrollbar is for the tiddler column part and the right is for the sidebar.
*''F'' or ''G''; I have introduced an empty "left side" as a potential position for the regular sidebar //or// as an alternative for another menu (like here on TWaddle). Again, the issue touched on in B is relevant.
Referring to the last bullet, the introduction of another side menu actually strengthens the proposition to include user settings for the positioning of the sidebars; there are frequent requests for user defined sidebars/menus and unless it is short or static (like mine) then there may arise a need for //three// scrollbars (ugh!) As TW becomes more popular, particularly if people start making more //public// TWs, I think user designed side menus will become more common.
If you haven't noticed, [[Google Groups|https://groups.google.com/forum/?fromgroups=#!forum/tiddlywiki]] uses a (second) scrollbar in position ''F''. But it is only visible when you hover over it, and if you have enough "stuff" in the sidebar to begin with ("favourites, recently viewed, recently posted to" etc - try expanding them so they scroll below viewport). This sidebar setup works pretty //good// actually, at least as long as it's not something you must use all the time.
A disadvantage with scrollbars (and menus) on the left is that most people are right handed.
This concept is, according to tw.com;
[Loading...]
<div style="position:relative;">
<div style="position: absolute; border: 0px; width: 100%; top:-20px;">
<div style="overflow:hidden;">
<iframe src="http://tiddlywiki.com/prerelease/#Pragma" scrolling="no" style="width: 100%; height: 392px; margin-top: -120px; border: 0px; ">
</iframe>
</div>
</div>
</div>
<br><br><br><br><br><br><br><br><br><br><br><br>
The [[LeftBar plugin|http://leftbar.tiddlyspot.com]], or theme, gives you a "left sidebar", a ~LeftBar.
[[@JedCarty]] helped me to put together a "See also:" viewtemplate, kind of like on Wikipedia, to automatically list other tiddlers using the same tags as the current - but only for tags that are included in a whitelist.
The [[SideEditor plugin|http://sideeditor.tiddlyspot.com/]], gives you a floating editor next to your tiddler river column. This enables you to see the changes "real time" in a tiddler as you edit it.
This is overall useful, but I have found it //particularly// useful when you experiment with e.g CSS values or situations where you fiddle to tweak the tiddler content.
Ok, it's not ready as a plugin yet, but it's pretty close:
My intention is to make a plugin from the [[Cred]] table.
To encourage engagement in the TW project and contributions, we should make it very easy to give people cred for their engagement.
Still at prototype stage, the [[TiddlerSidebar plugin|http://tiddlersidebar.tiddlyspot.com]] is for sure one of the creations I'm most proud of.
It is a "mini-sidebar" that pops up when you hover the tiddler side. It can show anything you want but by default it contains a few items specific for the tiddler you're triggering it in such as related tiddlers and meta data.
Currently at prototype stage.
[[Project Management Software|sw:ProjectMgmt]] is, I assume, mostly for a professional corporate context where TW would not be sufficient. However, for personal use TW is definitely useful for project lists, as evidenced over the years. In this context it should also be suitable as an [[appetizer|Appetizer TiddlyWikis]].
A big brother of sorts, to //personal// project lists/mgmt, is perhaps a [[GTD]] application.
<div style="position:relative; top:130px; left:450px;"><div style="position: absolute; width:120px;">
{{img/proposals}}
</div></div>
<<box "Issues of a more "internal" or technical nature in TW. But my ''most important'' proposals are really in the tiddler [[Infrastructuring]]. Please also note [[this|Declaration on Contributions to the TW Project]] about me //"expecting others to do things"//. ">>
''Major''<br>
@@color:gray;font-style:italic; What I consider my most important prop's@@<br>
<<twistify "[all[shadows+tiddlers]!has[draft.of]tag[Proposal]tag[Major]] [all[shadows+tiddlers]!has[draft.of]tag[Proposals]tag[Major]] +[!sort[recent]]">>
''Deal breakers''<br>
@@color:gray;font-style:italic; Why do some dismiss TW? Particular attention to the sensitive evaluation phase@@<br>
<<twistify "[all[shadows+tiddlers]!has[draft.of]tag[DealBreaker]] +[!sort[recent]]">>
''Minor''
<<twistify "[all[shadows+tiddlers]!has[draft.of]tag[Proposal]] [all[shadows+tiddlers]!has[draft.of]tag[Proposals]] -[tag[Major]] -[tag[DealBreaker]] +[!sort[recent]]">>
''Nitpicks''<br>
@@color:gray;font-style:italic; Brave a man he was, our Mat. Dared bring up totally unimportant things, wasting peoples time. But did he get respect and recognition for it - no! Oh, a life so unfair, so unfair...@@<br>
<<twistify "[all[shadows+tiddlers]!has[draft.of]tag[Nitpick]] [all[shadows+tiddlers]!has[draft.of]tag[Nitpicks]] +[!sort[recent]]">>
It quite often happens that I write an article and realize it must be split into two and I instead put a link in the text to that article-to-come. However, this means I must finish both articles or there will be dead links. As a compromise I hope to instead create a plugin so that clicking a dead article links doesn't give the usual;
// "Missing tiddler "~FooBar" - click {{$:/core/images/edit-button}} to create //
but instead something like;
//Aha! An article not yet finished! Come back soon..//
...or, better yet; Clearly the reader does //want// to read about the missing topic. If we had a //search// feature that could take the missing title and process it to come up with alternatives and present them //in// the "missing tiddler" template. That'd be good ;-)
The point is to make something of the missing tiddler. For public wikis it would really be better with //nothing// showing up or some popup message informing that it's missing. I develop this idea in [[Tiddlify or Tildefy... or Poppify?]].
An alternative approach is investigated in [[Need control output for missing in links and transclusions]]
It's staring us in the face. We should, of course, have an [[Application]] for simply letting people use TW as a common public website, but that takes advantage of TW's particular strengths. The standard TW setup is [[not suitable|UI for the Public]] for public websites.
I don't know if this is //really// "bot safe" so you decide. See this:
!{{!!myname}}@{{!!domain}}
This is the real email address of mine that I use for boards etc. Ok, it wouldn't be a disaster to ditch it but still, I've used it for many years and I don't want spam to it. Even if this site was #1 on google I think that just maybe it still would trick the hostile droid tentacles.
Check out the code...
In [[Create tiddlyspot directly via TW]] I propose an extended integration, or at least cooperation, between TW and tiddlyspot. The proposal to be described elaborates on another application for this idea so I recommend that you read [[Create tiddlyspot directly via TW]] first.
Briefly, this is a proposal to make it //super easy// to make //spontaneous pull requests// with the stuff on tw.com. For example, if someone reads some instructions and has a better formulation for something or wants to add a code snippet example or some tiddler on a topic, or perhaps fix a dead link, this would be very easy with the proposal here.
I believe the concept should also work as a "entry" to engage people in the development process more generally. Should be welcome, right .. :-)
Thus;
As noted, Jeremy welcomes pull requests in the form of tiddlyspots. I.e you can come with concrete suggested additions or improvements on core code or tw.com documentation by putting it up as a tiddlyspot and simply alerting Jeremy about it. No need for e.g github.
Further, you've probably seen in the tiddler edit view on tw.com, the pink ribbon stating
@@background-color:pink; Can you help us improve this documentation? Find out [[how|http://tiddlywiki.com/#Improving%20TiddlyWiki%20Documentation]] to edit [[this tiddler on GitHub|https://github.com/Jermolene/TiddlyWiki5/edit/master/editions/tw5.com/tiddlers/hellothere/HelloThere.tid]] @@
The links basically gives some steps, based on that you set up a github account. I suspect this is a bit "too much" for many, particularly people who just want to come with an improved formulation or correct a dead link or something. It is one thing to make a quick contribution, it is another thing to go through a lot of hassle to even be able to make it.
''So, the proposal is this'': A saver mechanism that takes the current tiddler on tiddlywiki.com [...i.e the users local browser copy of tw.com] and exports it into a //new// tiddlyspot. The feature can be displayed/manifested as a button in the tiddler edit view on tw.com. Perhaps like a common [Send] button at bottom right in tiddler edit view.
More specifically, the export/upload contains the user-edited tiddler along with a //filtered// tw.com-copy... i.e an //empty// TW + the edited tiddler(s), as specified in the saver. Jeremy has provided a solution for a user filters tiddleryspot saver in [[this|https://groups.google.com/forum/#!msg/tiddlywiki/1S348N3rsAc/b3rDMyCSsZsJ]] discussion. The full tiddlyspot is overwritten, as usual. The mechanism can set a special name for the tiddler ("pull2015july02-originaltiddlertitle") and perhaps even set it to be a default tiddler.
This would also be great as a //plugin//; people can sit with their own TWs and do the same thing, i.e export a specific tiddler + the core to create a new tiddlyspot. (Then Jeremy can run around all day and search for new tiddlyspots. //"Is this a pull request? No, next one. This? No. This? - yes!"//. O'boy, the things we do to keep him entertained ;-)
I really hope the value of this [[Infrastructure]] proposal is obvious to everyone.
[[ref|http://everythingfrontend.com/posts/star-rating-input-pure-css.html]]<br>
<style>
.rating { overflow: hidden; display: inline-block; font-size: 0; position: relative;
}
.rating-input { float: right; width: 16px; height: 16px; padding: 0; margin: 0 0 0 -16px; opacity: 0;
}
.rating:hover .rating-star:hover,
.rating:hover .rating-star:hover ~ .rating-star,
.rating-input:checked ~ .rating-star { background-position: 0 0;background-color:red;
}
.rating-star,
.rating:hover .rating-star { background: url("http://kubyshkin.ru/samples/star-rating/star.png") 0 -16px;
position: relative; float: right; display: block; width: 16px; height: 16px;
}
</style>
<span class="rating">
<input type="radio" class="rating-input" id="rating-input-1-5" name="rating-input-1"/>
<label for="rating-input-1-5" class="rating-star"></label>
<input type="radio" class="rating-input" id="rating-input-1-4" name="rating-input-1"/>
<label for="rating-input-1-4" class="rating-star"></label>
<input type="radio" class="rating-input" id="rating-input-1-3" name="rating-input-1"/>
<label for="rating-input-1-3" class="rating-star"></label>
<input type="radio" class="rating-input" id="rating-input-1-2" name="rating-input-1"/>
<label for="rating-input-1-2" class="rating-star"></label>
<input type="radio" class="rating-input" id="rating-input-1-1" name="rating-input-1"/>
<label for="rating-input-1-1" class="rating-star"></label>
</span>
<-- there ARE stars there but I only get them to show up in Safari. Why?
Ok, I made a temporary fix using background-color instead; try hovering over the seemingly empty space and click to make it stick. Re-click elsewhere to change number of ~~stars~~ red.
<h2>Without Default Selection</h2>
<div class="acidjs-rating-stars">
<form>
<input type="radio" name="group-1" id="group-1-0" value="5" /><label for="group-1-0"></label><!--
--><input type="radio" name="group-1" id="group-1-1" value="4" /><label for="group-1-1"></label><!--
--><input type="radio" name="group-1" id="group-1-2" value="3" /><label for="group-1-2"></label><!--
--><input type="radio" name="group-1" id="group-1-3" value="2" /><label for="group-1-3"></label><!--
--><input type="radio" name="group-1" id="group-1-4" value="1" /><label for="group-1-4"></label>
</form>
</div>
<h2>With Default Selection</h2>
<div class="acidjs-rating-stars">
<form>
<input type="radio" name="group-2" id="group-2-0" value="5" /><label for="group-2-0"></label><!--
--><input type="radio" name="group-2" id="group-2-1" value="4" /><label for="group-2-1"></label><!--
--><input type="radio" checked="checked" name="group-2" id="group-2-2" value="3" /><label for="group-2-2"></label><!--
--><input type="radio" name="group-2" id="group-2-3" value="2" /><label for="group-2-3"></label><!--
--><input type="radio" name="group-2" id="group-2-4" value="1" /><label for="group-2-4"></label>
</form>
</div>
<h2>Disabled</h2>
<div class="acidjs-rating-stars acidjs-rating-disabled">
<form>
<input disabled="disabled" type="radio" name="group-3" id="group-3-0" value="5" /><label for="group-3-0"></label><!--
--><input disabled="disabled" type="radio" checked="checked" name="group-3" id="group-3-1" value="4" /><label for="group-3-1"></label><!--
--><input disabled="disabled" type="radio" name="group-3" id="group-3-2" value="3" /><label for="group-3-2"></label><!--
--><input disabled="disabled" type="radio" name="group-3" id="group-3-3" value="2" /><label for="group-3-3"></label><!--
--><input disabled="disabled" type="radio" name="group-3" id="group-3-4" value="1" /><label for="group-3-4"></label>
</form>
</div>
<p> </p>
<p>If you are looking for a feature-complete
rating system, you may want to check <a href="http://wemakesites.net/?pageid=details&component=rating" target="_blank">AcidJs.Rating</a>.</p>
HOW OBVIOUS!!!!
[[Instructables|http://www.instructables.com/]], the extremely popular DIY site, is the perfect target group to present TW to.
Really, this must be absolutely spot on as a marketing channel for TW.
Post a //how-to// on how to create an [[application|Application Categories]] with TW.
How can we have almost completely missed out on this? Only fellow [[@RichShumaker]] has thought of it; [[TiddlyWiki 5 on Raspberry Pi Server in 15 minutes|http://www.instructables.com/tag/type-id/category-technology/keyword-tiddlywiki/]] - currently the //only// project there involving TW!!!!!
Rich's instructable looks like a superb write up (I'm no ~RasPi user so I can't tell) but it is clearly a //complex// project. It is definitely enough with pure TW projects to justify an instructable. The objective with the site is not general "how to code" instructions but rather how to create a final "product" (an application) for use or joy.
*"Make a beautiful..."
*"Set up a public ... in 3 minutes" (tiddlyspot)
*"Organize all your ... by making a ...."
<br>''Make sure to clearly state that TW is //Free and open source// and perfect for DIY'ers!'' Like Rich does, it is probably also wise to mention that TW is a mature and robust product, given the "prototype nature" of the context there.
<<note "This is a //draft// not ready for publication but I include it because it is linked to from the article [[Mind the gap]]. Please read that article to understand the context.">>
----
*you modify the tool itself (other editors create output files)
*you modify a local copy of the stored TW (regardless of if stored on your own computer or on someone elses server)
*the TW you see is a temporary copy of the stored version (no clickety-click on browser back button)
*tiddler philosophy - what and why
*entering edit creates a new individual unit existing in parallel
*~Wikitext, no WYSIWYG
Understanding what something is, accepting it, using it
*difference between `[[...]], {{...}}, <<...>>, {{{...}}}, {{!!...}}, <$...>, `
*animated side swiping from clicking edit or store
Slides like the old analog volume controls;
See [[html input type range|http://www.w3schools.com/html/tryit.asp?filename=tryhtml_input_range]]
An example is my use of them in TWaddle for ctrlpanel > Appearance > Size Settings.
Some experiments have been made, from @EricShulman, @JedCarty and myself. Nothing fully official yet. More to come.
I'm still not fond of the inability to linebreak (without using `<br>`) and the resulting forced double break instead. You know what I mean.
Now, I propose we make at least //some// soft newlining accepted. It should be obvious that if I type;
```
For example
*like so
*and so
```
(i.e the first asterisk line right after the previous line) ...then I really mean a bulleted list. And if I write the triple backticks on a new line followed with some text and then three more backticks, it should be obvious I wish to block-quote and not whatever it is that happens currently.
```
And what might I possibly mean here?
----
```
I've even respected the demand to leave the rest of the row empty; four hyphens alone on a row. This should be recognized IMO.
Likewise when manually inserting `<br>`. As you know, if I type something and then create two empty lines using Enter, this is disregarded in viewmode (resulting in only one empty line). So, if I do explicitly write:
```
aaa<br>
bbb
```
...then, c'mon Mr.Parser, at least that should give me two empty lines. I shouldn't have to keep in mind that I must write:
```
aaa
<br>bbb
```
It is in fact even comical that this:
```
aaa
<br>
bbb
```
...produces this:
aaa
<br>
bbb
If not resulting double empty lines then at least gimme //one//, Mr. Parser.
These types of things are really unnecessary quirks IMO.
<<tabs "[[Articles index]] [[Tags index]] [[Reference articles]]">>
''Specific articles with content that can be used as more general reference''<br>
<<twistify "[[Terminology]] [all[shadows+tiddlers]!has[draft.of]tag[Reference]] [all[shadows+tiddlers]!has[draft.of]tag[Ref]]">>
add: This is now implemented in the //Public// section on [[TiddlerSidebar|http://tiddlersidebar.tiddlyspot.com]] and it works in //that// context.
<hr>
Could a TW on a remote server be used as a "shell" to encapsulate things into a TW?
The thing is, you an put a filter directly into a permalink to make a TW display filtered stuff. If you in this way filter a title that doesn't exist, you get the "missing tiddler"... but this means the TW //did// read the title (right?)
...so, could it instead of showing "missing tiddler" use this as an //argument// for something?
Then you could iframe this into your own tw but by providing the url to the iframe, you give the url to the shell //and// to some other content site that the shell uses!
If you somehow mess up access to the tiddler toolbar so you can't reach the //edit// button, you can use this trick to get a direct display of that tiddlers editor in another tiddlers view mode!
Just create a new tiddler and enter the following there:
`<$edit tiddler="YourMessedUpTiddler" field="text" class="tc-edit-texteditor" />`
For example, see GenericEditor
Proposing a keyboard shortcut equivalent to Ctrl+Z (windows) but to undo last closed tiddler, i.e to reopen it. Quite often I close a tiddler only to a second later realize that... <br>We have the Recent list of course but the urge from that "second later realization" is something more immediate.
Seems very easy... had I just known how to make that tiny javascript work in TW...
http://demosthenes.info/blog/852/A-Fresh-Approach-to-Responsive-HTML5-Tables
@@display:block;transform: rotate(-180deg);float:left; As tipped by Eric Shulman [[here|https://groups.google.com/d/msg/tiddlywiki/EdKamFTurK0/bRaplaKMAXgJ]]@@
<br><br>
`@@display:block;transform: rotate(-35deg); your text here @@`
Might RSS serve as a way for TW to aggregate content from non-tw sources and tiddlify it? And tw sources for that matter. It is a mature technology that is made both for publishing and aggregating content. And it has [[many uses|http://www.social-searcher.com/2015/02/10/30-awesome-ways-for-using-rss-feeds/]] - note the headlines showing just above the numbered headlines there. The side is about //ways// to use RSS, not the particular examples.
I - who admittedly know zipf on the subject - am thinking that if the aggregator itself is written in javascript and the output from it is in html form... then it should be possible to get it going in TW, no? But then there are browser restrictions.
...but, in spite of such restrictions, I find these aggregators that let you mangle the output and style it etc... so... can't we "put a TW around it"? (Ah, there I made you smile or is that a roll of the eyes? Hey, somebody has to dare ask the stupid questions and I perform this task very well, thank you.)
Anyway, if I understand it right, a RSS/Atom aggregator/reader is "merely" a parser so //if// the feed can get into the TW then it "should work". Here is some stuff of possible use:
''From scratch''
*[[How to parse a RSS feed using javascript?|http://stackoverflow.com/questions/10943544/how-to-parse-a-rss-feed-using-javascript]] (Stackoverflow explanation)
*Using the broswer [[mozilla instrux|https://developer.mozilla.org/en-US/Firefox/Releases/2/Adding_feed_readers_to_Firefox]]
''Readers to adopt''
* [[zRSSfeed|http://www.zazar.net/developers/jquery/zrssfeed/]] and a [[quick description|http://www.downscripts.com/zrssfeed_javascript-script.html]] to read first
*[[Node Feedparser|https://github.com/danmactough/node-feedparser]] (github)
*[[Feed for JS|https://github.com/jpmonette/feed]] (github)<br>"...pure ~JavaScript. Support for Atom 1.0 and RSS 2.0"
*[[jquery-rss|https://github.com/sdepold/jquery-rss]] (github)<br>"...read a RSS feed (via the Google Feed API) and transform it into a custom piece of HTML"
*[[FeedEK|http://jquery-plugins.net/FeedEK/FeedEK.html]]
''Tools to directly generate ready JSON output from a provided rss-url''
*[[feedenlarger|http://feedenlarger.com/]]
''Tools that directly generate a ready `<script>` from a provided rss-url''
*[[rss2html|http://rss.bloople.net/]]
*[[Feed2JS|https://feed2js.org/index.php?s=build]] and on [[github|https://github.com/cogdog/feed2js]]
*[[Feedbucket|http://www.feedbucket.com/]]
*[[surfing waves|http://www.surfing-waves.com/feed.htm]]
*[[RSSdog|http://www.rssdog.com/index.htm?url=http%3A%2F%2Fwww.amazon.com%2Frss%2Ftag%2Fblu-ray%2Fnew%3Ftag%3Ddynawebdesign-20&mode=html&showonly=&maxitems=0&showdescs=1&desctrim=0&descmax=0&tabwidth=100%25&linktarget=_blank&bordercol=%23d4d0c8&headbgcol=%23999999&headtxtcol=%23ffffff&titlebgcol=%23f1eded&titletxtcol=%23000000&itembgcol=%23ffffff&itemtxtcol=%23000000]]<br>"Javascript, PHP, or Iframe integration. Configurable output options."
''maybe''
* [[minime rss||http://www.downscripts.com/minime-rss-and-atom-feed-reader_javascript-script.htm]] - actual reader possibly removed?
<<boxref "''Scrapbooking'' is a method for preserving personal and family history in the form of a scrapbook. Typical memorabilia include photographs, printed media, and artwork. Scrapbook albums are often decorated and frequently contain extensive journaling. Scrapbooking is a hobby commonly practiced in many parts of world." "http://en.wikipedia.org/wiki/Scrapbooking]">>
Opening e.g the Type field in edit view typically means seeing half of the drop down list. IMO there should be a scroll to show all of it. You open it in order to see it... so of course this is what you want to see. Pretty annoying actually.
Typing e.g Tobias in search should identify tiddlers created by him.
\define #()
<div id="seli">
<$select tiddler='selection'>
<$list filter='[tag[menu]]'>
<option><$view field='title'/></option>
</$list>
</$select>
</div><span id="selection">{{selection}}</span>
\end
<<#>>
<style>
{} <!-- I have no idea why this must be here -->
#seli { position: fixed; right: 200px; top: 10px; }
</style>
Erics super elegant [[solution|https://groups.google.com/d/msg/tiddlywiki/hMM6PC3Xt-8/zMjUODeTzjMJ]] for how to make //todays// tab shows automatically. (If I had a tiddler titled <<now DDD>>, its content would show below)
<$macrocall
$name="tabs"
state="$:/state/tabs/today-date"
tabsList="Sunday Monday Tuesday Wednesday Thursday Friday Saturday"
default=<<now DDD>>
class="tc-vertical"/>
<$macrocall
$name="toc-tabbed-internal-nav"
tag="SoftwareCategoryGroup"
selectedTiddler="$:/temp/dontpublish/SoftwareCategories/selectedTiddler"
unselectedText="<p>Select a topic in the table of contents. Click the arrow to expand a topic.</p>"
missingText="<p>Missing tiddler.</p>"
template='$:/_TWaddle/SeeAlsoTocTemplate'
/>
foobar
yes, annotate right on the image. Go on, click here.
Here are "one offs" and applications that I cannot easily categorize into the other categories.
<style>
#fishclick {position:absolute; bottom:-35px; left: 300px;);
</style>
<div id="fishclick">
<<linkimg "Bigger community ⇄ Better TW" "img/fishclick" "click me!" clickme>>
</div>
Pure CSS star ratings (like on Amazon etc).
,,tag: Rating,,
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[Rating]]">>
Here, put this in a tiddler and tag it with $:/tags/Stylesheet
```
p::first-letter {
font-weight: bold;
color: red;
}
```
I'm considering having the initial letter in all TWaddle tiddlers be "Gothic" or whatever it is like in old bibles. Maybe I should print out TWaddle and bind it in leather too. In 400 years people will read TWaddle and wonder over my wisdom.
<br>
//- Mom, I wonder where the wisdom is?//
[Note: Wikipedia redirects //To Do Lists// to thier article on [[time management|sw: TimeMgmt]]]
See also:
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[sw: Productivity]!is[current]]">>
{{||$:/_TWaddle/template/SoftwareCategoryGroup}}
<<boxref "An ''authoring system'' is a program that has pre-programmed elements for the development of interactive multimedia software titles. Authoring systems can be defined as software that allows its user to create multimedia applications for manipulating multimedia objects.<br><br>In the development of educational software, an authoring system is a program that allows a non-programmer to easily create software with programming features. The programming features are built in but hidden behind buttons and other tools, so the author does not need to know how to program. Generally authoring systems provide lots of graphics, interaction, and other tools educational software needs.<br><br>An authoring system usually includes an authoring language, a programming language built (or extended) with functionality for representing the tutoring system. The functionality offered by the authoring language may be programming functionality for use by programmers or domain representation functionality for use by subject experts. There is overlap between authoring languages with domain representation functionality and domain-specific languages." "Wikipedia|http://en.wikipedia.org/wiki/Authoring_system" >>
See also other ~InfoCasting software:
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[sw:InfoCasting]!is[current]]">>
[Note: For TW contexts I have so far not classified anything as CMS but instead used the more restricted [[PIM|sw:PIM]] (Personal Information Manager)]<br><br>
<<boxref "A ''content management system'' (CMS) is a computer application that allows publishing, editing and modifying content, organizing, deleting as well as maintenance from a central interface. Such systems of content management provide procedures to manage workflow in a collaborative environment. These procedures can be manual steps or an automated cascade.<br><br>CMSs are often used to run websites containing blogs, news, and shopping. Many corporate and marketing websites use CMSs. CMSs typically aim to avoid the need for hand coding, but may support it for specific elements or entire pages." "http://en.wikipedia.org/wiki/Content_management_system">>
{{||$:/_TWaddle/template/SoftwareCategoryGroup}}
<<boxref "A ''concept map'' or conceptual diagram is a diagram that depicts suggested relationships between concepts. It is a graphical tool that designers, engineers, technical writers, and others use to organize and structure knowledge.<br><br>A concept map typically represents ideas and information as boxes or circles, which it connects with labeled arrows in a downward-branching hierarchical structure. The relationship between concepts can be articulated in linking phrases such as causes, requires, or contributes to.<br><br>The technique for visualizing these relationships among different concepts is called concept mapping. Concept maps define the ontology of computer systems, for example with the object-role modeling or Unified Modeling Language formalism." "http://en.wikipedia.org/wiki/Concept_map">>
<br>For TW, see<br>
[[TiddlyMap|http://felixhayashi.github.io/TW5-TiddlyMap/]] and<br>
[[Railroad Plugin||http://tiddlywiki.com/prerelease/#Railroad%20Diagrams:%5B%5BRailroad%20Diagrams%5D%5D%20%5B%5BRailroad%20Plugin%5D%5D]]
''Diagramming software'' is software that is used to model, represent and visualise information. Among other uses, such diagrams are often used in software and technical development and business to represent dataflows, workflows, software architecture and organizational charts.
@@float:right; -[[Wikipedia|http://en.wikipedia.org/wiki/Diagramming_software]]@@
{{||$:/_TWaddle/template/SoftwareCategoryGroup}}
<<boxref "A ''distraction-free editor'' (or a full-screen writing program) or is a text editor that occupies the full display with the purpose of isolating the writer from the operating system (OS) and other applications. In this way one should be able to focus on the writing alone, with no distractions from the OS and a cluttered interface. Often distraction-free editors feature a dark background and a text field, with lighter colored text. However, most distraction-free editors include customisable user interfaces. Some editors support rich text editing." "http://en.wikipedia.org/wiki/Full-screen_writing_program">>
See also other Authoring software:
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[sw:Authoring]!is[current]]">>
See also other Editor software:
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[sw:Editor]!is[current]]">>
A ''distributed social network'' or federated social network is an Internet social networking service that is decentralized and distributed across distinct providers. It consists of multiple social websites, where users of each site communicate with users of any of the involved sites. A social website participating in a distributed social network is interoperable with the other sites and is in federation with them. Communication among the social websites is technically conducted over social networking protocols. Software used for distributed social networking is generally portable so it is easily adopted on various website platforms. Distributed social networks contrast with social network aggregation services, which are used to manage accounts and activities across multiple discrete social networks.
@@float:right; -[[Wikipedia|http://en.wikipedia.org/wiki/Distributed_social_network]]@@
See also other ~InfoExhanging software categories:
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[sw:InfoExchanging]!is[current]]">>
<<boxref "''Ebooks software'' [...] facilitates the creation of ebooks. Besides ebooks, users also create digital scrapbooks, photomontages, brochures, school year books, journals, catalogues, manuals, magazines, cards and more on such platforms." "http://en.wikipedia.org/wiki/List_of_E-book_software">>
Notice there are at least three phases in the Ebook writing process each with different demands on the software used:
*Writing the manuscript
*Formatting the manuscript
*Converting the manuscript to ebook format
A ''text editor'' is a type of program used for editing plain text files.
Text editors are often provided with operating systems and software development packages, and can be used to change configuration files, documentation files and programming language source code.
@@float:right; -[[Wikipedia|http://en.wikipedia.org/wiki/Text_editor]]@@
{{||$:/_TWaddle/template/SoftwareCategoryGroup}}
An ''email client'', email reader or more formally mail user agent (MUA) is a computer program used to access and manage a user's email.
Popular locally installed email clients include Microsoft Outlook, Windows Live Mail, IBM Lotus Notes, Pegasus Mail, Mozilla's Thunderbird, The Bat!, Eudora, KMail in the Kontact suite, Evolution and Apple Inc.'s Mail.
A web application that provides message management, composition, and reception functions is sometimes also considered an email client, but more commonly referred to as webmail. Popular web-based email clients include Gmail, Lycos Mail, Mail.com, Outlook.com and Yahoo! Mail.
@@float:right; -[[Wikipedia|http://en.wikipedia.org/wiki/Email_client]]@@
See also other InfoExchanging software:
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[sw:InfoExchanging]!is[current]]">>
''Fiction writing'' is the composition of not factual texts. Fictional writing often is produced as a story meant to entertain or convey an author's point of view. The result of this may be a short story, novel, novella, screenplay, or drama, which are all types (though not the only types) of fictional writing styles. Different types of authors practice fictional writing, including novelists, playwrights, short story writers, dramatists and screenwriters. @@float:right; -[[Wikipedia|http://en.wikipedia.org/wiki/Fiction_writing]]@@
Note that Wordprocessors are typically not for book writing but more for business documents, as evidenced from features such as pie charts etc.
BTW, [[here|http://graemeshimmin.com/writing-tips-novel-writing-software/]]'s a nice article listing "all" software needed for writing a novel.
[[yWriter5|http://www.spacejock.com/yWriter5.html]] is a word processor for writers, designed by an author and programmer, which apparently has gained popularity as a free tool for authoring novels and other fiction writing.
See also other Authoring software:
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[sw:Authoring]!is[current]]">>
See also other Editor software:
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[sw:Editor]!is[current]]">>
Getting Things Done is a time-management method, described in a book of the same title by productivity consultant David Allen. It is often referred to as GTD.
The GTD method rests on the idea of moving planned tasks and projects out of the mind by recording them externally and then breaking them into actionable work items. This allows one to focus attention on taking action on tasks, instead of on recalling them.
@@float:right; -[[Wikipedia|http://en.wikipedia.org/wiki/Getting_Things_Done]]@@
See also:
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[sw:Productivity]!is[current]]">>
{{||$:/_TWaddle/template/SoftwareCategoryGroup}}
{{||$:/_TWaddle/template/SoftwareCategoryGroup}}
{{||$:/_TWaddle/template/SoftwareCategoryGroup}}
An ''Internet forum'', or message board, is an online discussion site where people can hold conversations in the form of posted messages.[...]
A discussion forum is hierarchical or tree-like in structure: a forum can contain a number of subforums, each of which may have several topics. Within a forum's topic, each new discussion started is called a thread, and can be replied to by as many people as so wish.
@@float:right; -[[Wikipedia|http://en.wikipedia.org/wiki/Internet_forum]]@@
See also other ~InfoExchanging software:
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[sw:InfoExchanging]!is[current]]">>
''Microblogging'' is a broadcast medium that exists in the form of blogging. A microblog differs from a traditional blog in that its content is typically smaller in both actual and aggregated file size. Microblogs "allow users to exchange small elements of content such as short sentences, individual images, or video links", which may be the major reason for their popularity. These small messages are sometimes called microposts.
@@float:right; -[[Wikipedia|http://en.wikipedia.org/wiki/Microblogging]]@@
See also other ~InfoCasting categories:
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[sw:InfoCasting]!is[current]]">>
A ''mind map'' is a diagram used to visually organize information. A mind map is often created around a single concept, drawn as an image in the center of a blank landscape page, to which associated representations of ideas such as images, words and parts of words are added. Major ideas are connected directly to the central concept, and other ideas branch out from those.
Mind maps can be drawn by hand, either as "rough notes" during a lecture, meeting or planning session, for example, or as higher quality pictures when more time is available.
@@float:right; -[[Wikipedia|http://en.wikipedia.org/wiki/Mind_map]]@@
<br>For TW, see [[TiddlyMap|http://felixhayashi.github.io/TW5-TiddlyMap/]]
See also other Diagramming software:
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[sw:Diagramming]!is[current]]">>
See also other Authoring software:
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[sw:Authoring]!is[current]]">>
[A] ''news aggregator'', also termed a feed aggregator, feed reader, news reader, RSS reader or simply aggregator, is client software or a web application which aggregates syndicated web content such as online newspapers, blogs, podcasts, and video blogs (vlogs) in one location for easy viewing.
@@float:right; -[[Wikipedia|http://en.wikipedia.org/wiki/News_aggregator]]@@
See also other ~InfoCollecting software categories:
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[sw:InfoCollecting]!is[current]]">>
See also other PIM software:
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[sw:PIM]!is[current]]">>
See also other Editor software:
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[sw:Editor]!is[current]]">>
See also other Authoring software:
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[sw:Authoring]!is[current]]">>
An ''outliner'' is a computer program that allows text to be organized into discrete sections that are related in a tree structure or hierarchy. Text may be collapsed into a node, or expanded and edited.
Outliners are typically used for computer programming, collecting or organizing ideas, as personal information management or for project management. Mind mappers and wikis are related types of software.
@@float:right; -[[Wikipedia|http://en.wikipedia.org/wiki/Outliner]]@@
See also other Diagramming categories:
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[sw:Diagramming]!is[current]]">>
See also other Editor categories:
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[sw:Editor]!is[current]]">>
A ''personal wiki'' is a wiki maintained primarily for personal use. Personal wikis allow people to organize information on their desktop or mobile computing devices in a manner similar to community wikis, but without the need for collaboration by multiple users.
Personal wiki software can be broadly divided into multi-user wiki software with personal editions, and those wiki applications that are designed only for single users, not depending on a database engine and a web server.
@@float:right; -[[Wikipedia|http://en.wikipedia.org/wiki/Personal_wiki]]@@
See also other PIM categories:
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[sw:PIM]!is[current]]">>
A ''personal information manager'' (often referred to as a PIM tool or, more simply, a PIM) is a type of application software that functions as a personal organizer. [...] to facilitate the recording, tracking, and management of certain types of "personal information".
@@float:right; -[[Wikipedia|http://en.wikipedia.org/wiki/Personal_information_manager]]@@
{{||$:/_TWaddle/template/SoftwareCategoryGroup}}
{{||$:/_TWaddle/template/SoftwareCategoryGroup}}
<<boxref "''Reference management software'', citation management software or personal bibliographic management software is software for scholars and authors to use for recording and utilising bibliographic citations (references). Once a citation has been recorded, it can be used time and again in generating bibliographies, such as lists of references in scholarly books, articles and essays."http://en.wikipedia.org/wiki/Reference_management_software">>
(IMO also ''Bookmarks managers'' belong here.)
[Scientific writing as exemplified by ~LaTeX because it is one of the more popular systems in its category and is already supported by TW5]
''~LaTeX'' ... is a document preparation system and document markup language. It is widely used for the communication and publication of scientific documents in many fields, including mathematics, physics, computer science, statistics, economics, and political science. [...] ~LaTeX is not the name of a particular editing program, but refers to the encoding or tagging conventions that are used in ~LaTeX documents.
[...] widely used in academia. [...] can be used as a standalone document preparation system, or as an intermediate format. [...] offers programmable desktop publishing features and extensive facilities for automating most aspects of typesetting and desktop publishing, including numbering and cross-referencing of tables and figures, chapter and section headings, the inclusion of graphics, page layout, indexing and bibliographies.
[...] it offers authors ready-made commands for common requirements such as chapter headings, footnotes, cross-references and bibliographies.
@@float:right; -[[Wikipedia|http://en.wikipedia.org/wiki/LaTeX]]@@
See also other Authoring software:
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[sw:Authoring]!is[current]]">>
See also other Editor software:
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[sw:Editor]!is[current]]">>
''Screenwriting software'' are word processors specialized to the task of writing screenplays. The need for such programs arises from the presence of certain peculiarities in standard screenplay format which are not handled well by generic word processors. [...]
[Variants include; standalone desktop applications. mobile apps, web applications which run in a web browser with no software to install. or add-ins for generic word processors such as Microsoft Word. There is also a package for ~LaTeX called screenplay, as well as a template for Pages.]
There is also a plain text screenwriting syntax called ''Fountain'' [see below] [...] which enables writing screenplays in any basic text environment, be it dedicated writing software, email or theoretically even any text you can run through OCR.
@@float:right; -[[Wikipedia|http://en.wikipedia.org/wiki/Screenwriting_software]]@@
The [[Fountain|http://en.wikipedia.org/wiki/Fountain_(markup_language)]] markup language:
[...] a free and open-source plain text markup language that makes it possible to write a formatted screenplay in any text editor, on any device, using any software that edits text files.
[...] inspired by John Gruber’s Markdown, and has its origins in two different and non-related projects: Scrippets, [and] Screenplay Markdown [...]
...
See also other Authoring software:
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[sw:Authoring]!is[current]]">>
See also other Editor software:
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[sw:Editor]!is[current]]">>
A ''social bookmarking service'' [...] enables users to add, annotate, edit, and share bookmarks of web documents. [...] Delicious, founded in 2003, popularized the terms "social bookmarking" and "tagging". Tagging is a significant feature of social bookmarking systems, enabling users to organize their bookmarks in flexible ways and develop shared vocabularies known as folksonomies.
@@float:right; -[[Wikipedia|http://en.wikipedia.org/wiki/Social_bookmarking]]@@
See also other Collaboration software categories:
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[sw:Collaboration]!is[current]]">>
See also other ~InfoExchanging software categories:
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[sw:InfoExchanging]!is[current]]">>
''Task management'' is the process of managing a task through its life cycle.
@@float:right; -[[Wikipedia|http://en.wikipedia.org/wiki/Task_management]]@@
See also:
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[sw:Productivity]!is[current]]">>
<<boxref "''Technical writing'' is any written form of writing or drafting technical communication used in a variety of technical and occupational fields, such as computer hardware and software, engineering, chemistry, aeronautics, robotics, finance, consumer electronics, and biotechnology. IT encompasses the largest sub-field within technical communication.<br><br>//The Society for Technical Communication// defines technical communication as any form of communication that exhibits one or more of the following characteristics: (1) communicating about technical or specialized topics, such as computer applications, medical procedures, or environmental regulations; (2) communicating through technology, such as web pages, help files, or social media sites; or (3) providing instructions about how to do something, regardless of the task's technical nature." "http://en.wikipedia.org/wiki/Technical_writing">>
The following tools are used by technical writers to author and present documents:
*Desktop publishing tools or word processors.
*Help authoring tools
*Image editing software
*Collaborative software programs
*Web development tools
*Graphing software
*Screen capture tools
[[Here|http://meteortips.com/blog/technical-writing-software/]]'s an informal article comparing tools for writing technical books.
See also other Editor software:
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[sw:Editor]!is[current]]">>
[including also "Time Tracking"]
''Time management'' is the act or process of planning and exercising conscious control over the amount of time spent on specific activities, especially to increase effectiveness, efficiency or productivity.
@@float:right; -[[Wikipedia|http://en.wikipedia.org/wiki/Time_management]]@@
With a ''Web annotation system'', a user can add, modify or remove information from a Web resource without modifying the resource itself. The annotations can be thought of as a layer on top of the existing resource, and this annotation layer is usually visible to other users who share the same annotation system. In such cases, the web annotation tool is a type of social software tool.
Web annotation can be used for the following purposes:
*to rate a Web resource, such as by its usefulness, user-friendliness, suitability for viewing by minors.
*to improve or adapt its contents by adding/removing material, something like a wiki.
*as a collaborative tool, e.g. to discuss the contents of a certain resource.
*as a medium of artistic or social criticism, by allowing Web users to reinterpret, enrich or protest *against institution or ideas that appear on the Web.
*to quantify transient relationships between information fragments.
@@float:right; -[[Wikipedia|http://en.wikipedia.org/wiki/Web_annotation]]@@
See also other ~InfoCasting software:
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[sw:InfoCasting]!is[current]]">>
What tags are there to specify physical //positions// where to insert elements? Referring to tiddler [[http://tiddlywiki.com/#SystemTags]], I find;
*$:/tags/PageTemplate for the main page elements
*$:/tags/TopLeftBar for the top left bar
*$:/tags/TopRightBar for the top right bar
*$:/tags/AboveStory for elements to be placed at the top of the story river
*$:/tags/BelowStory for elements to be placed at the bottom of the story river
*$:/tags/PageControls for the page control tools in the sidebar
*$:/tags/SideBar for sidebar tabs
*$:/tags/MoreSideBar for tabs in the "more" sidebar
*$:/tags/ViewTemplate for the view template
*$:/tags/EditTemplate for the edit template
*$:/tags/ViewToolbar for the view mode tiddler toolbar
*$:/tags/EditToolbar for the edit mode tiddler toolbar
*$:/tags/ControlPanel (and sub-tabs)
*$:/tags/TiddlerInfo for tiddler info panel tabs
*$:/tags/TiddlerInfo/Advanced for tabs under the advanced tiddler tab
And to these we have fields //list-before// and //list-after// (...to all of them?)
http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_global_tabindex
Occasionally when I edit a tiddler, particularly if I've changed the title, there is confusion to which one is the current in the Open list. Or if the Open list is just long.
I propose the current one is marked out in the list using e.g ''bold'' or a highlighted background, perhaps a slightly darker shade of grey. Or a little prefixing dot.
On [[BJtools|http://bjtools.tiddlyspot.com/#Welcome%20to%20my%20collection%20of%20tiddlywiki%20related%20projects]], I found a neat way of creating separators in a wikitext table.
Entering `<hr>` (short for, I believe, "header row") in a cell gives a stretching line.<br>
Entering instead `!<hr>` gives the line but also shading of the whole cell.
|!Header|!Header|
| Ini | mini |
| miny | moe |
| <hr> | <hr> |
| Ini | mini |
| miny | moe |
|! <hr> |! <hr> |
| Ini | mini |
| miny | moe |
Starting to type in a new tag opens the tag suggestion dropdown. But it always opens at far left forcing you to move over there to click the choice. It should drop down from where typing field is.
See [[$:/_TWaddle/TagCloud/CSS]] for CSS and cred/source.
<div id="tag_holder">
<$link to="HelloThere" class="tag">is //this// a link?</$link>
<a href="http://code.almeros.com/" class="tag">CSS3</a>
<a href="http://code.almeros.com/" class="tag">tag cloud</a>
<a href="http://code.almeros.com/" class="tag">Almeros</a>
<a href="http://code.almeros.com/" class="tag">code</a>
<a href="http://code.almeros.com/" class="tag">blog</a>
<a href="http://code.almeros.com/" class="tag">CSS</a>
<a href="http://code.almeros.com/" class="tag">HTML</a>
<a href="http://code.almeros.com/" class="tag">Visual effects</a>
<a href="http://code.almeros.com/" class="tag">W3C</a>
</div>
''Tags tagged "tag" so they can appear in this list because I'm thinking they may be of interest.''
<table class="tableFormatter">
<$list filter="[all[shadows+tiddlers]tag[tag]!prefix[$:/]] +[sort[]]">
<tr>
<td valign="top"><$link to=<<currentTiddler>>><$view field='title'/></$link></td>
<td>{{!!summary}}</td>
</tr>
</$list>
</table>
The cliché example of list applications. Needless to say, TW is perfect for this.
Because of the abundance of different task list solutions I doubt it would work as an [[appetizer|Appetizer TiddlyWikis]] per se, but maybe in a greater context like personal [[Project lists]] ?
I'm not even sure how to describe this. Khan Academy is using a really interesting video format... if it even is a video format... check out [[this example|https://www.khanacademy.org/computing/computer-programming/html-css/more-css-selectors/p/using-multiple-css-classes#]].
(...or am I the only one who hadn't seen this?)
[[Investopedia|http://www.investopedia.com/terms/p/product-family.asp]]
<style>
#prodfouter {position: relative; width: 100%; }
#prodfinner {position: absolute; left: 0px; top: -300px; clip:rect(320px 490px 1050px 10px); width: 100%; height: 100%; }
</style>
<div id="prodfouter"><div id="prodfinner" >
<iframe src="http://www.investopedia.com/terms/p/product-family.asp" width="1200px" height="1200px" >
</iframe>
</div></div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<table class="tableFormatter">
<$list filter="[all[shadows+tiddlers]!has[draft.of]tag[Term]!tag[Unfinished]] [all[shadows+tiddlers]!has[draft.of]tag[Terminology]!tag[Unfinished]]">
<tr>
<td valign="top"><$link to=<<currentTiddler>>><$view field='title'/></$link></td>
<td>{{!!text}}</td>
</tr>
</$list>
</table>
<style>
#o_textobj { position: relative;
}
#i_textobj {position: absolute; display: block; color: #ffffff; background-color: #000000; text-align: center; width: 130px; padding: 10px; font-family: "Segoe Print"; left: -140px; top: -120px;
}
</style>
<div id="o_textobj"><div id="i_textobj">
Stop looking at me as if I was some kind of object. I'm just text, you chauvinist!!!
</div></div>
''Difference'' ([[source|https://answers.yahoo.com/question/index?qid=1006031601476]])<br>
A ''word processor'' is a computer application used for the production (including composition, editing, formatting, and possibly printing) of any sort of viewable or printed material. e.g. Word
A ''text editor'' is a piece of computer software for editing plain text. It is distinguished from a word processor in that it does not manage document formatting or other features commonly used in desktop publishing. e.g. Notepad
''Background'' ([[source|https://in.answers.yahoo.com/question/index?qid=20080923070040AAAPpzQ]])
At one time, there were only editors. All formatting, such as centering text or indenting, had to be coded by hand. This was just fine for those that wrote programs or hypertext files. It was not fine for secretaries and writers. We didn't want to memorize strings of code just to center the title of an article.
In order to please both programmers and end users, text editors were imbued with added features. This annoyed programmers and consternated secretaries. Then IBM, in a clever marketing ploy, released a new line of business software for their computer system. They dubbed the text editor a "word processor." The term stuck.
Thus, the text editor and the word processor diverged. The first specialized in producing plain ASCII text and the latter in producing formatted documents.
[...]
So, a word processor is a type of text editor.
Text editors, too, have progressed from the simple programs of the previous century. We now have editors for creating web pages (HTML Editors), editors for programmers (Programming Editors), and editors that fall somewhere between notepad and a word processor (Text Editors). As a matter of fact, of the last, there are two basic types, ones that support RTF (rich text formatted) files and those that do not. I classify editors that support RTF as Lite Word Processors.
To further complicate matters, there are specialty editors. Specialty editors might allow you to publish a newsletter or a make a greeting card. Other editors act as information organizers. Get this, some editors help make "help" files.
It is not intuitive that editing a tiddler really means you create a new entity that exists //in parallel// with the original so you can have both open simultaneously, which on saving replaces the original... except if the "saving" was saving the whole wiki. Still, opening a permalink to a Draft is a dead link... unless it was saved as a draft. Emmm.
Imagine repainting your house; On project start, a //new// house is created, further down the street, to paint. Once finished, you destroy your old house and move the new one into its place.<br><center>[img width=170 [http://godlovestolaugh.com/wp-content/uploads/2014/12/mailman.jpg]]</center>
The Federation.. or perhaps the TWederation.
The is the big one. This is it. This will do to the the TiddlyVerse what the Internet did to the PC. We got a taste of it in Tiddly''Space''.
A federated system with individually hosted TWs that can communicate via some suitable protocol to trade tiddlers with one another. I tag this also as a Bottleneck because I think it is also a thing people //expect// in this very "digitally social" age.
I'm not sure what Jeremys/our //exact// vision is but I'm hoping for a system that basically could let you host a TW "core skeleton" and a list stating which tiddlers should be included. Then these tiddlers are fetched over the internet to build up the TW.
There is some kind of global tiddler search. On tiddlers that people decide to share of course.
There is some kind of global meta-information system where users can add meta information such as tags, ratings, etc. (Maybe meta-information, or some of the meta-information, is in itself in the form of tiddlers?)
There is some kind of global communication possible between users. Maybe a core is really an identitiy. "tiddler@core"
You build up your TW like a torrent swarm.
Content-communities build. The current TW discussions are pretty much limited to the google boards and therefore(?) centered on general TW development, when people can form groups I predict there will be more content driven applications. The "music interested people" will naturally begin to dabble with music related TW solutions. We should get a plethora of "dev subgroups".
Niche applications will also make TW more accessible, and 'exposable', to non tiddlywikians. Instead of "TW can do anything you want" it'll be more (like normal software) "TW will do //this// for you". It is perhaps unfortunate but it seems people appreciate limited options. The fine part is that with TW we have a zillion limited options ;-)
We have Duartes fantastic [[poster|http://tiddlywiki.com/poster/]].
This was the winning application in a poster [[contest|https://groups.google.com/d/msg/tiddlywiki/EQzQC4-HRd0/aZFwSgE0dcUJ]] I put up. As stated there, the goal was not a poster that was as beautiful as possible (even though the winning contrib in deed was!) but to get the maximum number of people to try out TW.
I'm wondering if, on our day an age of perfect graphics (particularly in ads), how an otherwise blank page just blatantly stating something along
:@@font-size:large;font-family:comic sans ms; a personal wiki@@
:@@font-size:large;font-family:comic sans ms; open source (free)@@
:@@font-size:small;font-family:comic sans ms; - tiddlywiki.com@@
...would stand. Imagine it seemingly handwritten. I believe it might just work well for the very reason that it does not look super polished.
One thing I fear with any poster or similar IRL ad is that they don't go to their laptop but instead pick up their phone and try to do the evaluation there.
Of possible use when we go Federation might be the attribute (rel="nofollow") on hyperlinks.
[[more info|http://googleblog.blogspot.se/2005/01/preventing-comment-spam.html]]
The Perfect Menu is still not created.
It should be like the Table of Contents macro, generating an accordion tree structure, but it should also generically allow for "stuff" to be inserted in a controlled way for each element, such as a small toolbar next to each menu item (with commands like //Delete, Create child, etc//).
It should be simple to rearrange internally, ideally drag'n drop of branches, and to add or remove new tiddlers and branches to it.
addendum: In coming back to this article months after I wrote it, I note it has the basic idea for what later became [[Create tiddlyspot directly via TW]].
<hr>
I would like to be able to direct people to individual tiddlers (e.g from TWaddle), i.e without the surrounding rest of the TW.
This is particularly needed now as I write this because TWaddle has not been officially released yet and I'm not comfortable in directing anyone here yet - but there are individual articles that I do wish to share.
How cool would it be if the export feature, allowing you to export a single static tiddler, was made so that you could easily apply specific styling and and just shoot out a single tiddler to become a mini-webpage in it's own?
Maybe the excellent tiddlyspot service could be made to accept these outshoots to become a new tiddlyspot all together (//thetiddler.tiddlyspot.com//). Or as a subspot under the current (//twaddle.tiddlyspot.com/thetiddler// or perhaps //thetiddler.twaddle.tiddlyspot.com//).<br>[//''addendum'': This idea is further explored in [[Create tiddlyspot directly via TW]] and [[Pull Requests Galore!]] //]
Would be darn cool and useful. Very easy to set up minimal test cases for questions or demos. Or to just make one-off statements on something.
<<list-links "[tag<currentTiddler>prefix<currentTiddler>] +[sort[]]">><<list-links "[tag<currentTiddler>!prefix<currentTiddler>]">>
Ah, the previlege of introducing titles for concepts!
I found a way to "hook" elements so that they move in tandem with the tiddler. Possibly old hat for some but I haven't seen it used and it enables some pretty cool things.
Here's the basic idea:
```
<style>
#outer { position: relative; }
#inner { position: absolute; left: -60px; top: -40px; }
</style>
<div id="outer"><div id="inner">
{{img/fish_small}}
</div></div>
```
<----- And that's el resulto! The tiddler boundaries are no limitation.
<style>
#outer_fish { position: relative; }
#inner_fish { position: absolute; left: -60px; top: -40px; }
</style>
<div id="outer_fish"><div id="inner_fish">
{{img/fish_small}}
</div></div>
The outer div (here called "outer") sets the position to be relative to the tiddler (and not the page). Given that, the //inner// then tells where it should go (CSS values -60px left and -40px top).... relative to where it is called in the tiddler code. I.e had that code appeared higher up in this tiddler, then the fish would also have appeared higher up.
The specific left and top positioning can be iffy. I hope to create some genereic solution using [[Range sliders]] some day. CSS values are defined a bit backwards so that adding more to left moves the image to the right adding more to top moves it down. Ask the html consortium if curious.
Be careful so that a larger image, or other content, doesn't cover the toolbar menu! If the edit button gets covered you can't go in to correct the position and you'll have to erase your whole TW. Ok, just kidding. One workaround is to rename the image temporarily, i.e that tiddler. If you're really showing an external image, or messed up in some other way, create a new tiddler and put a "remote editor" in it:
`<$edit tiddler="MessedUpTiddler" field="text" class="tc-edit-texteditor" />`
This also makes it much easier to experiment with positioning and other stuff in the styling and definition. I.e have the tiddler with the hooked content and then have the editor in the tiddler just above it and edit "live". You can also use my [[SideEditor|http://sideeditor.tiddlyspot.com/]].
We'll get back to the "remote editor" in a moment for some extremely cool things, but let me first mention how the Hooker Technique
''Text content'' - when hooking text, you'll likely want to include //width: 100%;// in the #outer div, so that text spreads across the full tiddler.
The viewtemplate could pick up an address from a field and a format form another field.
''A portable button''
<style>
#oportbutt { position: relative; }
#iportbutt { position: absolute; height: 10px; width: 20%; left: -130px; top: -30px; }
</style>
<div id="oportbutt"><div id="iportbutt">
<<linkimg "Oh yeah..." img/button "click me!" clickme>>
</div></div>
```
<style>
#oportbutt { position: relative; }
#iportbutt { position: absolute; height: 10px; width: 20%; left: -130px; top: -80px; }
</style>
<div id="oportbutt"><div id="iportbutt">
<<linkimg "Oh yeah..." img/button "click me!" clickme>>
</div></div>
```
<br><br>
More to follow.
The //''TW Project''// is not my term but I would explain it like this;
It is the project that includes everything that has to do with TW and the community surrounding it. This means the TW software itself, the dev process of it, and all the surrounding processes and systems that support this. It also refers to the user base and the community, the community culture the organizational structure and the social expressions.
I wish I could show it to you but it doesn't exist yet.
I think this could be a very valuable marketing tool for TW. Or //spreading tool// if you prefer a less commercial tune for it. Still it would be an ad - it's purpose to attract people to TW, which I guess means to attract them to visit tw.com and to try it out.
Now, we //have// Jeremys wonderful [[Introduction to TiddlyWiki|https://www.youtube.com/watch?v=KtCUr83XgyE]]. Maybe this is enough? It is an //introduction// so it's perhaps not really made with the intent of //attracting// new users - but for sure it is a zillion times better than nothing.
Still, what should an "attractor" contain? Who is qualified to do one? Any skilled video editors in our community?
As noted in [[Bring up TW in other contexts]], we should... do so.
But what to say? It partially depends on who you're talking to, but I guess the most important people for TW are competent programmers so what are the magic words to entice these guys? It also depends on the context. The context I imagine here is when I'm asking or talking about something else in some tech related forum, or perhaps commenting on a youtube clip (on coding) etc. So my thinking is... maybe the best thing to do is to provide a link to a youtube clip! I don't think a few words can compete with video to attract people to actually try out TW.
So WE NEED A GOOD ~3 MINUTES PRESENTATION OF TW!
What should it contain? How should it be presented?
The ¤ character is surprisingly absent in everyday life considering it's right there on the keyboard... at least on Swedish ones pressing SHIFT+4. For international Windows keyboards it is [[supposedly|http://symbolcodes.tlt.psu.edu/accents/codeint.html]] ~RightAlt+4
It is apparently the [[generic currency symbol|https://www.google.se/search?q=american+computer+keyboard+layout&ie=utf-8&oe=utf-8&gws_rd=cr&ei=VeMIVbajKIbuPJKKgVg#q=generic+currency+symbol]]. Looking into this a bit I stumbled over the interesting concept of [[glyphs|http://en.wikipedia.org/wiki/Glyph]].
\define slidertable(field:"nofield" ex unit txt)
<tr><td valign="top">[[$field$|$:/themes/tiddlywiki/vanilla/metrics/$field$]]@@float:right; $ex$@@$txt$</td><td valign="top"><$edit-text tag="input" type="range" tiddler="$:/.ThemeTweakSizes" field="$field$"/></td><td valign="top" nowrap>@@display:inline-block;width:3em; <$edit-text tiddler="$:/.ThemeTweakSizes" field="$field$" default="" tag="input" size="3"/>$unit$@@</td></tr>
\end
[[Theme Tweak Size Settings]]<br>
<style>
#textsizes{ position:fixed; right:20px; top:30px;
background:white; border: 1px gray solid; }
{{$:/_TWaddle/CSS/SizeSliders/BaseCSS}}
{{$:/_TWaddle/CSS/SizeSliders/Thumb}}
{{$:/_TWaddle/CSS/SizeSliders/Track}}
#storytop {position: fixed; width:100vh; left:-10vw; top:51vh; transform:rotate(90deg);}
#storyleft {position: fixed; left:0px; width:100vw; top:95vh; }
#storyright{position: fixed; left:0px; width:100vw; top:0px; }
#tiddlerwidth{position: relative; width:100vw; left:-40px;}
#widthcutter { width:{{$:/themes/tiddlywiki/vanilla/metrics/tiddlerwidth}}; overflow-x: hidden; left:-40px; height: 30px; }
</style>
<table class="no-border" width="100%">
<<slidertable "sidebarbreakpoint" "" "%" "<br>//the minimum page width at which the<br>story river and sidebar will appear side by side// ">>
</table>
<<note "[[storywidth|$:/themes/tiddlywiki/vanilla/metrics/storywidth]] is set to same value as tiddler width.">>
<!-- Independently floating box for font settings as they otherwise affect the page as they are set -->
<div id="textsizes">
<table class="no-border" width="100%">
<tr><td colspan="3" nowrap>@@float:right;color:crimson; "''!''" = change carefully @@</td></tr>
<<slidertable "fontsize" "" "px">>
<<slidertable "lineheight" "" "px">>
<<slidertable "bodyfontsize" "'' @@color:crimson; !!!@@''" "px">>
<<slidertable "bodylineheight" "!" "px">>
</table>
</div>
<div id="storytop"><$edit-text tag="input" type="range" tiddler="$:/.ThemeTweakSizes" field="storytop"/></div>
<div id="storyright"><$edit-text tag="input" type="range" tiddler="$:/.ThemeTweakSizes" field="storyright"/></div>
<div id="storyleft"><$edit-text tag="input" type="range" tiddler="$:/.ThemeTweakSizes" field="storyleft"/></div>
<div id="widthcutter"><div id="tiddlerwidth">
<$edit-text tag="input" type="range" tiddler="$:/.ThemeTweakSizes" field="tiddlerwidth"/></div>
<div></div>
It feels a bit strange/inconsistent to set things in the Controlpanel but then to click X (i.e close) without any save or done first. X usually means 'leave unchanged'.
<style>
#thumbnail { display: block; width: 40px;}
#thumbnail:hover + #title {display: block;}
#title {display: none; }
</style>
<div id="thumbnail">[img[img/head]]</div>
<div id="title">Good day!</div>
<table class="no-border">
<tr>
<td valign="top" width="50%">''TW goodies'' @@color:gray; (e.g from the TW forums)@@<br><<bookmarkstable "$:/.TidLink">></td>
<td valign="top" width="50%">''Non-TW goodies''<br><<bookmarkstable "$:/.ExtLink">></td>
</tr>
</table>
<<box "Tiddle bits for your pleasure. Not that I'm the originator of each single one but anyway.<br>And yeah, you're right, the categorizations are not 100% consistent...">>
''Proudly...''<br>
@@color:grey;font-style:italic; some of my creations outside of TWaddle, e.g my plugins@@<br>
<<twistify "[all[shadows+tiddlers]!has[draft.of]tag[Creation]] [all[shadows+tiddlers]!has[draft.of]tag[Creations]] +[!sort[recent]]">>
''Majorly cool''
<<twistify "[all[shadows+tiddlers]!has[draft.of]tag[Tidbit]tag[Major]] [all[shadows+tiddlers]!has[draft.of]tag[Tidbits]tag[Major]] +[!sort[recent]]">>
''Cool, too''<br>
● [[List of valuable links|Tidbit Links]] @@color:gray;font-size:90%; //- quick links from the discussion group or external sites// @@
<<twistify "[all[shadows+tiddlers]!has[draft.of]tag[Tidbit]] [all[shadows+tiddlers]!has[draft.of]tag[Tidbits]] -[tag[Major]] -[tag[Non-TW]] +[!sort[recent]]">>
''How To...''
<<twistify "[all[shadows+tiddlers]!has[draft.of]tag[HowTo]] +[!sort[recent]]">>
''Cool Non-TW stuff''
<<twistify "[all[shadows+tiddlers]!has[draft.of]tag[Tidbit]tag[Non-TW]] [all[shadows+tiddlers]!has[draft.of]tag[Tidbits]tag[Non-TW]] -[tag[Major]] +[!sort[recent]]">>
<style>
#otidbits { position: relative; display:block;}
#itidbits { position: absolute; right: -70px; bottom: 0px; }
</style>
<div id="otidbits"><div id="itidbits">
<$image source="img/tidbits" width="150px;">
</div></div>
There are many services that deal with "information chunks" comparable to //tiddlers//. This is interesting because it is an //indication// that it is a type of service that TW might be applied to.
Here's my (arbitrary!) list of //software categories// that I see relevant for TW in "some way", partly because I note that many of them deal with information that could be treated as tiddlers;
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[SoftwareCategory]]">>
A way to remove, or at least disempower, dead links from appearing [[like this]], would be a script to insert a tilde ~ in front of it. At least in case of camels. I believe this was discussed in one of the later hangouts but can't recall any conclusion.
To tildefy the other case, i.e dead but bracketed titles like `~[[this]]`results in ~[[this]], so less good.
Anyway, it is typically the ~CamelCases that are unintentional. In tab //Missing// there could be a simple checkbox next to each such title. Ticking it injects a tilde and removes the item from the list.
Or how about this!
A plugin that makes it so that if you //click// on a dead link you get a little popup with the alternatives::
:Add `~` to delinkify
:Create new tiddler
:If any exist, it also shows a list of titles that are //tagged// with this missing string
Clicking the second option opens the //New tiddler// editor. After all, there is little point in opening a non-existing tiddler with the current "//Missing tiddler "~FooBar" - click {{$:/core/images/edit-button}} to create //".
The third element, is actually something [[@TobiasBeer]] has implemented as part of his tagglytagging version for TW5. I use this so you can see the code here [[$:/.tb/ui/ViewTemplate/tagging]]. Really good idea.
I know, it can be an //intentional// part of the workflow to write non-defined titles - for instance in a Todo-list, so that it alerts or calls your attention. Or for a list of chapters, showing if a chapter-tiddler is created or not. This still doesn't justify opening a "missing tiddler" in //view mode//. It should be in //edit mode// at least.
...but the popup makes more sense. For public wikis the popup content could be a message about missing tiddler. This is //much// better than having visitors (//real people//, not tiddlywikians) get a "missing tiddler" (ugh!!!)
But I //do// have some alternative ideas, see [[Public TWs need alternative missing tiddler message]].
Everything tiddly. Some refer to it as Tiddly''*''... or maybe that's a subset of the TiddlyVerse.
[[http://www.tiki-toki.com/]] is a time-line service.... meaning a way to create nice looking timelines. I saw it recommended in some article.
I'm guessing such a thing shouldn't be too difficult to create in TW? We can sort things by tag and by time, we can display popups with information etc...
Some [[deifnitions|http://www.morewords.com/word/twiddle/]] of twiddle:<br><br>
<dd>- To touch lightly, or play with; to tweedle; to twirl;<br>
as, to twiddle one's thumbs; to twiddle a watch key.<br>
- To play with anything; hence, to be busy about trifles.<br>
- A slight twist with the fingers.<br>
- A pimple.
Yo Joe! You know Lorem, right? Well he ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
{{img/fish_small}}
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
<br>
`<img alt="" style="margin-right:30%;" />OUCH, stop pushing me 30%!`
<img alt="" style="margin-right:30%;" />OUCH, stop pushing me 3o%!
You could also use e.g "margin-left" if you prefer the little "thingy" just in front of the text. Or you can use an actual image, say 1px big and transparent if you don't want the thingy at all. For this you would need to use the src attribute (wich of course is what is intended for the img tag).
Now //this// could be powerful marketing for TW!
Imagine being able to send nice html-emails. Perhaps your personal signature or even logo and some other stuff. Well, TW can produce single html-files with the toolbar command //Export tiddler//. Surely we should be able to make it so we can use TW to create emails!
Now, different email clients have different rules for what they allow in an email. I know there are restrictions on javascript. For pure html I don't know, but I do know it is popular for some companies to send ads or newsletters in html. That's an indication it should be accepted generally. TW itself contains javascript - and I really hope that eventually we can send real full TW emails (imagine!) - but for now we will probably have to settle with //static// TW's or, even more realistically, smaller sized individual and static tiddlers.
Imagine how powerful this could be for spreading TW if we include a link to tw.com or a TW of your own. Or to a [[youtube clip|The TW video clip commercial!]] presenting TW!
"TW Glass" has nothing to do with awkward looking glasses
{{img/twglass}}
Instead it is about a concept I twaddled about already [[back in 2008|https://groups.google.com/d/msg/tiddlywiki/C-A9Cj4X1Dg/qEFtSahJLo0J]], then with the application of using it as an annotation tool for external web pages. Here I try to also take it a bit further. The idea is pretty simple: Have tiddlers "overlay" external pages so that you can annotate "on top of" that external page.
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[Glass]has[created]sort[created]limit[10]!title[currentTiddler]] -[<currentTiddler>]">>
Yes, this really is an iframe showing tw.com.
<div style="position: relative;">
<div style="position: absolute; left: 130px; top: 230px;"><div style="width:60%;">
{{img/filmtime}}</div></div>
<div style="position: absolute; right: 0px; top: 170px;"><div style="width:100%;">
{{img/scrollstop}}</div></div>
</div>
<iframe src="http://tiddlywiki.com/#HelloThere" width="600" height="400"></iframe>
<table style="width:100%; ">
<tr>
<th >[[From Joe|fromJoe]]</th>
<th style="width:50%;">[[To Joe|toJoe]] (edit directly in text)</th>
</tr>
<tr>
<td style="vertical-align: top;"><$transclude tiddler="fromJoe" mode="block"/></td>
<td style="vertical-align: top;"><$edit tiddler="toJoe" field="text" class="tc-edit-texteditor"/></td>
</tr>
</table>
Explanation: Our TW here is, via an iframe, peeking at Joe Shmoes TW, which is on a different domain(!). Joe Shmoe is sharing his insights with us on an iframe where he is peeking at yet another site!
Wait a bit while it loads...
<style>
#outerdive {position: relative; width: 100%;}
#innerdive {position: absolute; left: -65px; top: -325px; clip:rect(305px 655px 1005px 55px); }
</style>
<div id="outerdive"><div id="innerdive">
<iframe width="700" height="700" src="http://joeshmoe.tiddlyspace.com/#Annotation" scrolling="no" frameborder="0" overflow="hidden"></iframe>
</div></div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
Annotate straight on an image. The image is in the back and at front is and ''editor that you can type straight in to - try it''.
<style>
#oimgann{ position: relative; }
#iimgann { position: absolute; left: 0px; top: 30px; width:600px;}
</style>
<div id="oimgann">
{{img/fish}}
<div id="iimgann">
<$edit tiddler="SomeText" field="text" class="tc-edit-overlayeditor" />
</div>
</div>
As stated, you can get direct edit //and// view mode inside the edit view in this tiddler by using the "show preview" feature. See also [[TW Glass: Text on webpage, external editor]]
<div style="position: relative;"><div style="position: absolute; left: 150px; top: 160px;"><div style="background-color:yellow;">
Go into EDIT MODE for this tiddler
...and click "show preview."
You can annotate external webpages!
BTW, this Wikipedia page needs updating!
</div></div></div>
<iframe src="http://en.wikipedia.org/wiki/TiddlyWiki" width="800" height="400"></iframe>
Someone posted a link to [[Git Immersion|http://gitimmersion.com/]]. What an absolutely marvelous name. And the front page looks conceptually great too. I like it for the following reasons;
Basically the front page, all within viewport(!),
*mentions what it is (//"Git Immersion is a guided tour that walks through the fundamentals of Git"//)
*gives a very brief description of what Git is
*features a few "install git" buttons
*...and lastly, has a clear green , right-pointing arrow at lower right with the teasing text "Start Git Immersion".
Clean, simple. And everything in large, friendly print or symbols.
Clicking the arrow also leads to a very clear page. Over sized numbering for the help steps that in themselves are short and quick to read. I'm a bit hesitant to the ToC being a separate popup thing though. I need more time to decide on this one.
Anyway, I think a similar front (viewport) page and a //"guided tour that walks through the fundamentals"// is a good staring page for the TW documentation. Or at least as an optional entrance point into the TW documentation.
How about a wiki that works in a common web browser!!!! Just imagine!
Yes... you and I might have come over the initial chock from this concept, but I'm //sure// that if you say it to someone else they would find it, rightly, very cool!
We should take advantage of this!
We should package TW into a an app and ''add it tho the different browsers respective app stores''!!!
A [[quick search|https://addons.mozilla.org/sv-SE/firefox/search/?q=wiki&appver=37.0.1&platform=WINNT]] in the FF addon store, or whatever it's called, seems to list very few actual wikis. Most of it is something connected to wikipedia.
This would expose TW to millions and millions of people.
I think it would be a very powerful marketing channel.
I hope to make a "TW vs..." series comparing TW with whatever people see as alternatives. Perhaps Evernote, ~OneNote, Google Keep, Word, or even physical post-it's, notebooks etc.
I believe this should be of value for potential newcomers.
Such a list should probably be provided on tw.com
On tw.com, the documentation should be classified into //main article// and //non-main article//. There could be a note or perhaps tag clarifying that it is "Main article on the subject". But, more importantly, //non//-main texts should have a note stating that "For subject main article, see: `[[Foobar]]`".
IRL example; In wanting to learn about //macros//, I typed in "macro" in tw.com search field. Resulting list is very long and it is just not clear which articles I should read - or even which ones are documentation articles at all. Changing the search to "macro''s''", I get a shorter list. Among the results are titles //Macros// and next to it //Macros in WikiText//. The latter title sounds like the formal article... but no. It is the former.
Related; it would be good if one could search for "macro main article" and //not// get the non-main tiddlers that state "For subject main article, see..."
...can't we just do it? Would it be welcome if people made pull requests? I ask because it is obviously an easy thing to do (even for non-programmers!) but equally obvious is that it is ignored.
It does affect the impression of both tw.com and TW negatively. And it's one of those quirks that (1)you see (2)frequently and (3)is particularly confusing for newcomers (who might be evaluating if they want to use TW!) No [[deal breaker|DealBreaker]], but it does nag the professional image of TW.
Me say: [[Tiddlify or Tildefy|Tiddlify or Tildefy... or Poppify?]]!
We have an an active community. But tw.com does not reflect this well. Yes, we do have the [[Community|http://tiddlywiki.com/prerelease/#Community]] tiddler and we comment on the community etc, but IMO we should have something that //really// reflects the vitality of the group.
I propose something that people can post to. A bit like an RSS feed or twitter feed, but that permits different kinds of input. Maybe even [[this|Export into someones TW - works already?]] idea to have people //export// tiddlers straight to a sandboxed area on tw.com?
This could also be the place to make more official statements. A, say, journalist writing about TW shouldn't have to read the //boards//, it should be enough to go to tw.com. And, even worse, the article he is writing for //Newsweek// or //Cosmopolitan// should definitely not have to //link// to the google group... (ugh!!!)
The main problem with the above mentioned Community tiddler is that is relies on one mans effort to reflect the vitality of the whole community by manually creating each tiddler . Certainly he is the man //most// suitable to do it but he is still one single individual and I'm afraid this is not enough for this matter. IMO.
<style>
/* CRED: http://robertnyman.com/css3/css-animations/css-animations-percentage.html */
.animation-container {
height: 0px;
-webkit-animation: movearound 4s ease 1 normal;
}
@-webkit-keyframes movearound {
0% { width: 200px; -webkit-transform: scale(0.5) rotate(15deg); }
30% { width: 300px; -webkit-transform: scale(1.3) rotate(15deg); }
60% { width: 100px; -webkit-transform: scale(0.3) rotate(15deg); }
100% { width: 400px; -webkit-transform: scale(1) rotate(0deg); }
}
#outer { position: relative; }
#inner { position: absolute; left: -120px; top: -75px; }
</style>
<div class="animation-container"><div id="outer"><div id="inner">
{{img/twaddle}}
</div></div></div>
https://groups.google.com/forum/?fromgroups=#!topic/tiddlywikidev/FNltc746Sjw
A //twiddle// [[is|http://www.morewords.com/word/twiddle/]]:
```
◾ To touch lightly, or play with; to tweedle; to
twirl; as, to twiddle one's thumbs.
◾ To play with anything; hence, to be busy about trifles.
◾ A slight twist with the fingers.
◾ A pimple.
```
Of these we are here exclusively concerned with all four.
<<twistify "[all[shadows+tiddlers]!has[draft.of]tag[Twiddle]] [all[shadows+tiddlers]!has[draft.of]tag[Twiddles]] +[!sort[recent]]">>
<style>
#otwiddles { position: relative; width="100%"}
#itwiddles { position: absolute; right: -70px; bottom: -20px;}
</style>
<div id="otwiddles"><div id="itwiddles">
<$image source="img/twiddles" width="200px">
</div></div>
From [[Wikipedia|http://en.wikipedia.org/wiki/Twiddly_bits]] (but my formatting)
//Twiddly Bits// is an English slang term.<br>
From the word twiddly (sometimes spelled Twiddley);
:curly or decorative, esp. in an unnecessary way and bit; a small piece or amount of something, a twiddly bit is anything that is relatively small and trifling or elaborately decorative. Twiddly is a word commonly used in British English, as in Roald Dahl’s //The [[BFG|http://en.wikipedia.org/wiki/The_BFG]]//, where the giant’s large ears allow him to hear absolutely every single twiddly little thing. The term twiddly bit is applicable in almost any context and is commonly used to describe aspects of architecture, art, music, literature, fashion, etc.
<br>
<<<
1. I don't know how to<br>
2. make two lists following each others
1. to appear like this<br>
2. i.e as two separately numbered (or bulleted) lists.
<<<
<br>Check out the code and you'll see the above has hard coded numbers. The following illustrates the problem.
#So, here's a list with only ''two'' bulleted items
#followed by an empty row.
#Now here comes my second list!
#...right?
Apparently wrong... ok, guess I must insert a `<br>` in "the only reasonable place" in the code...
#Two items
#followed by a separate row containing only a `<br>`
<br>
#Now this should work!
#...right?
Clearly not. It broke. Ah, OK, a list must be preceded by an empty line! Maybe I just need //two// empty lines?
#like
#so
#works?
#...no...!
AHA!
#I must use
#//both// a `<br>` and an empty line!
<br>
#perfect! ...not!
#now two empty lines do appear.
<br>...etc. I don't know how to do it using simple markup.
Using
* Google Docs/Drive - or other service that allows you to put up a "publically editable" doc
* iframe
* the [[Tiddler Hooker|The Tiddler Hooker Method]] method,
...we can create what appears a bit like a message field in tiddlers.
https://docs.google.com/document/d/1UqUuHk_LpHO-26b7-K-PrO5e6-VVd3FXxaKhNdJOvU0/edit?usp=sharing
http://typewonder.com/home
Super smooth: just type in the url, say cnn.com, choose font from the list and see how it appears.
Unfortunately it creates an error for tw.com. Apparently a [[fault of the service|https://groups.google.com/forum/?fromgroups=#!topic/tiddlywikidev/6JCgZ5MEsLI]] but can be circumvented if you apply it to a static TW.
<<boxref "''Typography'' is the art and technique of arranging type to make written language readable and beautiful. The arrangement of type involves selecting typefaces, point size, line length, line-spacing (leading), letter-spacing (tracking), and adjusting the space within letters pairs (kerning). [...] typography has been put in film, television and online broadcasts to add emotion to communication." "http://en.wikipedia.org/wiki/Typography" >>
A [[Grocery list]] should be a useful allurement and entrance point for TW. A grocery list...;
*concerns everyone
*is simple in concept
*everyone knows already what it is<br><br>
*...and it can probably go "under the radar"
What I mean is that people could probably use it without realizing it is a much more complex system (i.e a TW) that they're using and without experiencing that something is difficult. An application presented as a solution to a specific problem and accompanied with a suitable theme where any (seemingly) irrelevant stuff can be hidden, prevents people from //expecting// features outside of it's specialty.
The point? Well, it can serve as a marketing tool for TW. "Powered by ~TiddlyWiki" - but much more! If well designed it can be something that introduces necessary additional features on a need basis. The need to add your own item to the grocery list come rather immediately. But there could be a //notification// after a while about how to "add a comment on a grocery" (//"low lactose if brand X", "Sourcream&Onion for Jane",...//). Later on, how to create a list of items and apply the tag "Healthy"...
...gradual realization that the thingy is really built on a powerful [however we describe TW] and perhaps even that they //already have it//.
And, of course, links to other TW applications, guides etc.
// - Why should we "go under the radar" to begin with? Are we supposed to //trick// people into using TW?//
Of course not. But we need incentives for people to take a look at TW and we need channels and "vehicles" to show TW to the world. It is simply a fact that ''they have as little reason to bother with "a non-linear personal web notebook" as you have to bother with 99.9% of the products out there''. Until you know how fantastic TW is, it is just yet another thing.
//- But would this even attract the //right// audience? People that are technical enough to use TW at all? TW is way to complicated for most people.//
If they //are// the right people - great, there's now a chance they'll join.<br>If they are //not// the right people - great, we've still spread TW a bit more and hopefully they'll inform others about the great grocery list tool... which might just make it spread to the right people. Win-win.
//- How would it reach anyone to begin with? How would they find it?//
I don't know. It's the same difficulty as always. But it is 100% certain that someone searching for a grocery list tool will NOT (a) find TW and (b) think "Oh- //this// is what I will use for a grocery list!"
Not ready for your eyes just yet.
<<list-links "[all[shadows+tiddlers]!has[draft.of]tag[Unfinished]]">>
Every now and then I find I paste an url into tiddlers. I typically prettify them `[[like so|http://uglyurl...]]` but it would be nice to have a default scrubber so one wouldn't always have to bother with this unless you really //want// to.
It could slice out the section between `://www.` and the next `/`. If there is no "www", falls back to try only `://`. This way you'd get default links looking like
*@@color:blue; cnn.com@@
*@@color:blue; docs.google.com@@
● Previous exposure to TW<br>
● Coding experience<br>
● Ambition in TW mastery<br>
● Intended use for TW<br>
<style>
#lady_o { position: relative; }
#lady_i { position: absolute; right: -43px; bottom: -20px; }
.lady_white{ display: none; }
.showtime:hover .lady_white{ display : block; }
.showtime:hover .lady_transp{ display : none; }
</style>
I noted an interesting design tidbit [[here|http://calibre-ebook.com/]]. If hovering over the image, you get a popup (which doesn't popup very elegantly) that shows an identical image and in the exact same position but with a clear surrounding space. What a simple way to give an element all the visual attention! And only when the user wants it! This should also let you put more into a limited space when you design the page.
Here's a simple test. Hover over the girl (I know you want to!) Two images of same size but different amounts of white and transparent. You can of course visibilize //anything//, not only white space. Or use two completely different pics.
Another idea is using two //different// size images that are embedded (not floating on top, like here). Hovering would then //move/push// the text around its edges! (...I think.)
<div id="lady_o"><div id="lady_i" class="showtime">
<span class="lady_white">{{img/ladywhitebg}}</span>
<span class="lady_transp">{{img/ladytranspbg}}</span>
</div></div>
Could it even be beneficial for tiddlers? Crammed tiddlers - hover, or otherwise select one, and it clears the surroundings? A sidebar that clears part of the tiddler river?
Here's an experiment with a titles list using the CSS `box-shadow`. I set it to black to make it visible - white would look (much) nicer but it would be less obvious what is happening. Interestingly, I notice how the `list-links` macro (any list?) puts the succeeding title with another z-index(?) so the result is to only shade over the preceding element!
<div id="foo"><<list-links "[tag[Graphics]]">></div>
<style>
#foo a:hover {box-shadow: 0px 0px 10px 20px black; z-index:1000;}
</style>
<style>#AAFrame { position: relative; display: inline-block;}
#AAbutton { position: absolute; width: 100%;}
</style><div id="AAFrame"><div id="AAbutton">⎥⎥⎥</div></div>
"Hi, I'm Joe Schmoe and I don't wanna do //any// coding or "settings" or modifications, I just want things to //work//. So, what can TW do for me?"
Yes, I know you feel Joe is an ungrateful kid. But in fact he is reasoning exactly like you do regarding your TV set and your car and this we cannot expect everyone to love to tiddle fiddle. (If you and I want TW to spread, then this is //our// problem.)
So, the question here is - what //can// be achieved with default TW?
What would someone who was just found and used it say? IS it a software for note taking? How does it stand up against alternatives, in what ever 'category' it is classed by him or her?
See also [[What minimum demands for the class TW is in?]]
What is the killer [[USP|http://en.wikipedia.org/wiki/Unique_selling_proposition]] for TW vs other wikis?
Or rather, for TW vs other wikis //that people see as alternatives to TW//.
I believe this question is warranted for many reasons. Among them is that in our efforts to reach others, it is easier to know what to emphasize if we know what makes TW unique.
Of course, most people //don't// use wikis to begin with, so for them it is probably a matter of explaining why they ought to start to.
But for people in-the-know, it makes sense to be able to bring up the USPs of TW... and particularly, and this is the big point of the paragraph, particularly there may be programmers who develop wikis who might just try TW out if we present it in an appetizing way.
I tried embedding a Jolt Cola in TW but it must not have the same power these day. What is your suggestion to do or emphasize in TW that will attract them?
Closely related question: [[What minimum demands for the class TW is in?]]
//"Hi, I'm Joe Schmoe. I'm looking for a "non-linear personal web notebook". You seen one?"//
Do we fulfill this? I guess we do, but what //category// of software does TW belong in? When people look for "a tool" and consider TW among other alternatives, what are the common elements among those alternatives?
I intend to investigate this further.
See also:
* the closely related question [[What is the TW USP ?]]
* [[What can default TW do?]].
So if we were to try to //get// programmers to TW, where would we find them?
What is common in their behaviour?
Do they hang out out in some specific discussion groups?
What debuggers to they use?
What review websites do they visit?
Which physical magazines do they read?
...where do we aim?
Some two years ago I stopped using [[TiddlySpace|http://tiddlyspace.com/]] (not to be confused with ~TiddlySpot). I still have some spaces there and, sure, it happens I look up something or even do a little tweak or two but I cannot call myself a user anymore. Here's why:
*When their (at that time) only developer left some two years ago, development obviously immediately halted. At least as far as I know.
*...which is the second reason; there is barely any information from the admin on the status, the intentions, the eventual development etc. I put in a lot of work in my TWs so even suspecting that the service might suddenly shut down is a show stopper. Such worries arise from lack of communication.
**To my surprise I just saw [[this post|https://groups.google.com/forum/?fromgroups#!topic/tiddlyspace/GhKoU8eIcAM]] with friendly help from the Osmosoft team.
**...still, the fact that it is anonymously signed ("Osmosoft" instead of a persons name) makes me feel someone is hiding and perhaps who doesn't want official responsibility.
*I don't think they //want// people to use the service. Obviously the main "customer" base can be reached on the //main// google group, but after they have never posted //anything// there as far as I know.
*It is owned by a commercial company, BT, and TiddlySpace is clearly not a service they make money on which, of course, is my main reason for worrying that they might shut it down.
That said, I believe it was Ed Dixon (established TW community member) who less than a year ago reported having a ''very positive'' meeting with them and there was absolutely no hint of anything shutting down. My bullets above are only my own worries/suspicions and mainly based on what happened two years ago. Who knows, maybe things have picked up... but "behind the scenes" in that case because the tiddlyspace google group is still rather passive and, as noted, there are no appearances or interaction at all on via the main google group.
I don't know no why but the few wiki comparison sites I find are all very dated. About ten years. Are wikis seen as a fad of the past?
There is [[wikimatrix.org|http://www.wikimatrix.org]], a comparison engine for wikis (including an entry on [[TW|http://www.wikimatrix.org/show/TiddlyWiki]], of course). This particular site is probably the most modern one in that it allows users to add and update their stuff instead of some lone website owner. In other words it lists some updated stuff and some stuff that should have been declared dead years ago.
There is a [[wikienginecomparison|https://moinmo.in/WikiEngineComparison]] at Moinmoin... and [[WikiReview|http://www.spack.org/wiki/WikiReview]] is mentioned in the comments to the above.
c2.org, by original wiki inventor Ward Cunningham, has a [[top-ten listing|http://c2.com/]] for wikis. Note the three criteria for the list. TW is listed under "Pending nominations". The page, at bottom, states Sept. 2014 (but the page has an older feel to it than that).
[[wikimatrix.org|http://www.wikimatrix.org]] is a comparison engine for wikis.
TW is [[present|http://www.wikimatrix.org/show/TiddlyWiki]], of course.
Github has added a [[few commands|https://guides.github.com/features/mastering-markdown/]] in the markdown variant //markup//. Among other stuff, they have this syntax for ''tables'':
`First Header | Second Header
------------ | -------------
Content from cell 1 | Content from cell 2
Content in the first column | Content in the second column`<br>
It's clever that...;
* only the first row has a line under it
* testing on Gh, I find minimum line to be `---|---` (3 hyphens, 1 pipe, 3 hyphens)
* no outer pipes
It appears that headers are necessary. IMO that initial line would be clear enough to specify it's a table.
For a third column, you must both add a third header //and// extend the cross to be: ` ---|---|---
`. Again, I think that seems like overkill. It might be //nice// to get a quick clear view of how many columns, but `---|---` should be enough to define it as a table.
I would like to see this in TW.
In addition, it would be great if the tabulator button worked, not as jumping between fields (press it in editor and you jump to type field), but instead as it does in regular text editor. This way you could have pretty(...ish) tables also in editmode. It can be very messy to edit a table.
It'd be enough to disable the field jumping in only the editfield.
If the tab button could also be made to jump to just before pipe characters, perhaps by using SHIFT+TAB, it would be really good!
!!!General on tables...
I understand tables is so far a bit of a problem in TW. I think this is because tables are complex and they can have many different applications. Maybe multiple solutions to create tables would make sense for this reason? Outside of TW, I guess spreadsheet software ("Excel") is the most perfect we have for tables. If this is what we need, then I just want to point out that each single cell in e.g Excel is almost like a full tiddler. A text field, used in both edit and view mode. An X- and Y- coordinate, perhaps most easily created with two fields in TW. Etc. It would, by the way, be easy to add a Z-coordinate or even further dimensions in a way that I think Excel cannot(?).
A desirable feature(?) is a design that lets a user select individual or multiple rows or columns. (Select as in marking out for e.g Ctrl+C). In most (all?) html tables, trying to select a single column will instead select the row content, in effect marking out the whole table.
This...
`<$list filter="[tag[foo]]">{{!!title}}</$list>`
...annoyingly doesn't wikify the resulting titles. Except for the CamelCased ones of course, making for a list that looks like a broken neon sign.
So, you must put a link widget around the title transclusion. Pretty cumbersome... but it get's worse; as describd in [[Problem linkify CamelCased title]], it turns out that the CamelCased words make up their own links //inside// the full title link! To prevent this, you must first make it all a string before making it a link;
```
<$list filter="[tag[foo]]">
<$link to={{!!title}}><$view field="title" format="text">{{!!title}}</$view></$link>
</$list>
```
I propose a simple ~WikiText markup to wikify the inner part of this because it is just //so frequent//. So, I propose this as a new ~WikiText command:
:`[[!!title]]`
I think that's even so intuitive I think I must be missing something obvious.
And when you groan from getting that neon sign it will be very easy to just change the brackets!
My initial thinking for this was to treat/parse the whole `[[!!title]]` as one static unit... but how about treating only the initial `[[!!` as an identifier to linkify anything that follows, which is parsed as a transclusion, until the end marks `]]`. In other words,
:`[[!!foobar]]`
would //transclude// and //linkify// the value in the foobar field.
Whoa!
I fear I must tag this not only as a Proposal but also as a Pie-in-the-Sky...
Wish lists, Gift idea lists, etc; These can be separate TWs or a component in a broader [[Household TW]].
Make notes about other peoples interests, about gift ideas, perhaps list pre-bought things waiting to be given away.
It can be made //public//, for example to show "the rest of the family the kids wish lists" for birthdays or holidays. Clothes sizes can be noted etc.
Making it beautiful is also an incentive to investigate how to customize the TW.
Side note: I have often pondered over how "clever" it is for music artists to produce holiday songs, e.g Christmas songs. If they hit (yeah, that's a big "if") they can re-surface and bring in dough year after year, as opposed to the typical come-and-go nature with pop songs.
Uses $:/_TWaddle/WordCloud/CSS
[[Source|http://onwebdev.blogspot.com/2011/05/css-word-cloud.html]] - please read it... because you'll probably get a bit disappointed. What you see is not really a word-cloud, at least not a meaningful one with font-size corresponding to (e.g) how many "articles" (tiddlers) there are for a tag. That calculation part has to be added...
<div id="word-cloud">
<span class="word-1">Help, please</span>
<span class="word-2">Marketing</span>
<span class="word-3">Musings</span>
<span class="word-4">Pie</span>
<span class="word-5">Projects</span>
<span class="word-6">Proposal</span>
<span class="word-7">Tidbits</span>
</div>
<!--
Maybe it's possible to use the countwidget to count how many links there is for a tag
<$list filter="[tag[menu]]" variable="item">
<$count "[tag[<item>]]" varible="nr">
<<sizeup "item" "nr">>
</$list>
\define sizeup(item,nr)
<span style="font-size:$nr$">$item$</span>
\end
-->
<div style="position:relative;"><div style="position:absolute; left:35%;">
<<linkimg "Bigger community ⇄ Better TW" "img/fishclick" "click me!" clickme>>
</div></div>
<br><br><br><br>
''Marketing''<br>
@@font-style:italic;color:grey;font-size:90%; Marketing is CRUCIAL for building our community. If we provide [[infrastructure|On creating Infrastructures]] for it, we make it possible for the 1000's community members who can't code to also contribute. - Imagine!@@
<<twistify "[all[shadows+tiddlers]!has[draft.of]tag[Marketing]] [all[shadows+tiddlers]!has[draft.of]tag[Spreading]] +[!sort[recent]]">>
''Benchmarking''
<<twistify "[all[shadows+tiddlers]!has[draft.of]tag[Benchmarking]] [all[shadows+tiddlers]!has[draft.of]tag[Benchmarketing]] +[!sort[recent]]">>
''Money''
@@font-style:italic;color:grey;font-size:90%; Yet another //incentive// to engage in TW.@@
<<twistify "[all[shadows+tiddlers]!has[draft.of]tag[Money]] [all[shadows+tiddlers]!has[draft.of]tag[Monetization]] +[!sort[recent]]">>
<style>
#omarketing { position: relative; width="100%"}
#imarketing { position: absolute; right: -60px; bottom: 0px;}
</style>
<div id="omarketing"><div id="imarketing">
<$image source="img/marketing" width="140px">
</div></div>
Tiddler [[Calculate screen location]] leads to a method for how to locate where the you are //physically// on the screen, e.g on/in a tiddler text.
As far as I can tell, this would enable WYSIWYG in ~TiddlyWiki!
The calculation can, instead of opening the edit mode, instead make your keyboard insertions directly at that point in the code text!
The obvious example would be to have text typed in.
Another example could be for something like my [[Highlighter]] concepts; you could click the highlighter icon and then wherever you press the mouse cursor the appropriate code could be inserted. Either you drag (like a real highlighting marker) and the highlighting ends on release or it is made so that clicking on another place marks out the end of the highlighting. (regardless if it's html/css commands being inserted or if it uses my [[proposal|Highlighting in TW]] for highlighting).
Insert images, by perhaps dragging them into place.
If the calculations can be made so to render the code (if that is the term), for instnace if there is a macro created list, then maybe it could calculate the position for the results too. These aspects may be the main challenge for this whole idea. Still, it is easy to forget it, but IRL many applications for TW probably contain more or less plain text. Generating dynamic todo lists is one thing, but writing a paper with TW is another. And something like highlighting is obviously more intended for the latter to begin with..
Zotero [is a] reference management software to manage bibliographic data and related research materials (such as PDF files). Notable features include web browser integration, online syncing, generation of in-text citations, footnotes and bibliographies, as well as integration with [various] word processors.@@float:right; -[[Wikipedia|http://en.wikipedia.org/wiki/Zotero]]@@
\define listRecentTiddlers(filter: "[all[current]]" template: "$:/core/ui/ListItemTemplate")
<table>
<$list filter="""$filter$""" emptyMessage="unknown">
<tr>
<td>
@@font-size: 75%;
<$view field="modified" format="relativedate"/>
@@
</td>
<td>
<$transclude tiddler="""$template$"""/>
</td>
</tr>
</$list>
</table>
\end
{{||$:/CommunityExtractedPluginTemplate}}
"""
[[Rich Shumaker]] Journal Entry
I have formatted the Journal Date to make it easier for me to sort by name.
This is my first Journal on creating this ~TiddlyWiki about the [[TiddlyWiki Hangouts|hangouts]].
I created this because of what I saw in my mind when I was watching & listening to the ~TiddlyWiki Hangouts. I could see the links between items and how each conversation spawns so many other things. Basically I could see a ~TiddlyWiki listening to people talk about TiddlyWiki.
The thing that hit a nerve for me was when [[Alex Hough discussed Flow|TwHo#73 - Alex Discusses Flow]]. The reason this hit home for me is that I envisioned a way to keep my 'ideas' in a mutlimedia journal long long ago.
The reason I needed such a journal was because I do what is considered a [[Flow Art|http://www.contactjuggling.com/LegacyCd.html#Flow%20Arts]].
When I started it was just [[Contact Juggling|http://www.contactjuggling.com]]. Early on I would [[video record myself|https://www.youtube.com/watch?v=soasyn1aqdY]] as a form of feedback. I knew at that point that I needed something more advanced then simple pen and paper.
Over time I started to teach and learn more, and the more I taught, the more I learned.
At [[CJC2001|https://www.youtube.com/watch?v=1Ql7joHSQwI]] I met Marco from the Netherlands and he said you need to keep a journal.
He showed me his journal and I laughed out loud when I was reading English then it went into Dutch and then back to English and over to I think German and back again. I told him and he said that is how his mind was at that point and I thought it was a great way to keep secrets, #heheh.
I started a paper journal a few years later and I also kept filming.
Jump to today, I have a tool that I can keep all my 'stuff' in and I am amazed. I am using this tool to help me with my book bringing together all the stuff I wrote over time. I am in the process of creating my [[LegacyCd for the Web|http://www.contactjuggling.com/LegacyCd.html#LegacyCd%20Web]].
I have asked a lot of the community and I wanted to give back. That is why I have built this site.
Hopefully you will find it helpful and pass on what you learn to others.
Thanks to everyone in the ~TiddlyWiki Community and especially to [[Jeremy Ruston|JeremyRuston]] without whom my Dream Machine may never have come to life.
Rich Shumaker
"""
The [[<Name Plate>]] is on the front of your virtual office door. What do you want your Name Plate to say since you create it.
The format is has a lot in it so you can do a lot. Just because you do a lot doesn't mean you can't have the name plate you want.
[[vCard|http://en.wikipedia.org/wiki/VCard]] type item that we can easily copy and paste from one TiddlyWiki to another. It is not in a crazy format or difficult to understand or copy and paste. It would be your public card you give out to people, if we can figure out how to encrypt to avoid spiders spam then lets do it otherwise omit that kind of stuff.
From Wikipedia
```
The standard Internet media type for a vCard (often referred to as its mime type) is:[1]
text/vcard
As of version 4.0 specification, other media types known to have been used previously are now deprecated, including:[1]
text/x-vcard
text/directory;profile=vCard
text/directory
```
```
hCard 1.0
lead to
jCard
There are several version of vCard
```
I think we need a twCard type potentially base it on the jCard(Since the insert in the CD is called a JCard there is confusion so a good reason to use twCard)
Code Below for jCard 4.0
See also the [[Website for jCard|https://tools.ietf.org/html/rfc7095]]
```
jCard
["vcard",
[
["version", {}, "text", "4.0"],
["n", {}, "text", ["Gump", "Forrest", "", "", ""]],
["fn", {}, "text", "Forrest Gump"],
["org", {}, "text", "Bubba Gump Shrimp Co"],
["title", {} ,"text", "Shrimp Man"],
["photo", {"mediatype":"image/gif"}, "uri", "http://www.example.com/dir_photos/my_photo.gif"],
["tel", {"type":["work", "voice"]}, "uri", "tel:+1-111-555-1212"],
["tel", {"type":["home", "voice"]}, "uri", "tel:+1-404-555-1212"],
["adr",
{"label":"100 Waters Edge\nBaytown, LA 30314\nUnited States of America", "type":"work"},
"text",
["", "", "100 Waters Edge", "Baytown", "LA", "30314", "United States of America"]
],
["adr",
{"label":"42 Plantation St.\nBaytown, LA 30314\nUnited States of America", "type":"home"},
"text",
["", "", "42 Plantation St.", "Baytown", "LA", "30314", "United States of America"]
],
["email", {}, "text", "forrestgump@example.com"],
["rev", {}, "timestamp", "2008-04-24T19:52:43Z"]
]
]
```
Here are a list of the Tag "people"
{{{ [tag[people]] }}}
\define thisMakeText()
{{!!segment_description}}
$(thisVideoIframe)$
$(thisLongDescription)$
\end
\define thisMakeSegmentName()
$(selectedVideo)$ - $(startTime)$ to $(endTime)$
\end
\define getProperTags() [[$(properTag)$]] [[$(selectedVideo)$]]
\define properTag() [[Video Segment]]
\define thisMakeVideoIframe()
<$set name=videoID value={{$:/.rich/data/videos##$(selectedVideo)$}}>
<$macrocall $name="youtube-embed" video=<<videoID>> start="$(startTime)$" end="$(endTime)$"/>
</$set>
\end
<$set name=selectedVideo value={{!!selected_video}}>
<<selectedVideo>>
<!-- inputs for adding a video segment -->
Video Segment (Start and End times should be in hh:mm:ss form):<br>
Start:
<$edit-text tiddler='$:/temp/videosegment' field=start size='10'/>
End:
<$edit-text tiddler='$:/temp/videosegment' field=end size='10'/> (<$button>Set Video Time<$action-setfield embed_start={{$:/temp/videosegment!!start}} embed_end={{$:/temp/videosegment!!end}}/></$button>, <$button>Reset Video Time<$action-setfield embed_start='00:00:00' embed_end='99:99:99'/></$button>)
Short Description:<br><$edit-text tiddler='$:/temp/videosegment' field='segment_description' class='tc-edit-texteditor' placeholder='Short description for Video Segment' class='tc-edit-texteditor'/><br>
Long Description:<br><$edit-text tiddler='$:/temp/videosegmentlongdescription' field='text' class='tc-edit-texteditor' placeholder='Long description for Video Segment' class='tc-edit-texteditor'/><br>
<!-- Segment tag editor -->
Tags (it will always be tagged with the name of the video by default):<br>
<$reveal type=match state='$:/state/videosegmenttag!!add_or_create_tag' text='create'>
New Tag: <$edit-text tiddler='$:/state/videosegmenttag' field='tag_temp' placeholder='New Tag'/><$fieldmangler tiddler='$:/state/videosegmenttag'>
<$button>Create Tag
<$action-setfield $tiddler={{$:/state/videosegmenttag!!tag_temp}} $field='video_tag' $value='true'/>
<$action-setfield $tiddler='$:/state/videosegmenttag' $field='tag_temp' $value=''/>
</$button>
</$fieldmangler><$button set='$:/state/videosegmenttag!!add_or_create_tag' setTo='nocreate'>Done</$button><br>
</$reveal>
<$reveal type='nomatch' state='$:/state/videosegmenttag!!add_or_create_tag' text='create'>
Tag to add:
<$select tiddler='$:/state/videosegmenttag' field='selected_tag'>
<$list filter='[video_tag[true]]'>
<option value=<<currentTiddler>>><$view field='title'/></option>
</$list>
</$select>
<$fieldmangler tiddler='$:/temp/videosegment'>
<$button>
<$action-sendmessage $message='tm-add-tag' $param={{$:/state/videosegmenttag!!selected_tag}}/>Add Tag
</$button><$button set='$:/state/videosegmenttag!!add_or_create_tag' setTo='create'>New Tag</$button>
</$fieldmangler>
<br>
</$reveal>
List of current tags:<br>
<$fieldmangler tiddler='$:/temp/videosegment'>
<$list filter='[[$:/temp/videosegment]tags[]]'><$view field='title'/> <$button>Remove Tag<$action-sendmessage $message='tm-remove-tag' $param=<<currentTiddler>>/></$button><br> </$list>
</$fieldmangler>
<!-- Button to create tiddler for the video segment -->
<$set name=startTime value={{$:/temp/videosegment!!start}}>
<$set name=endTime value={{$:/temp/videosegment!!end}}>
<$set name=properTag value="""Video Segment""">
<$set name=thisLongDescription value={{$:/temp/videosegmentlongdescription!!text}}>
<$set name=thisVideoIframe value=<<thisMakeVideoIframe>>>
<$fieldmangler tiddler=<<thisMakeSegmentName>>>
<$button>Add Video Segment
<$action-setfield $tiddler='$:/temp/videosegment' title=<<thisMakeSegmentName>>/>
<$action-sendmessage $message='tm-add-tag' $param=<<properTag>>/>
<$action-sendmessage $message='tm-add-tag' $param=<<selectedVideo>>/>
<$action-setfield $tiddler=<<thisMakeSegmentName>> $field='text' $value=<<thisMakeText>>/>
<$action-setfield $tiddler='$:/temp/videosegment' start='' end='' link='' segment_description=''/>
<$action-setfield $tiddler='$:/temp/videosegmentlongdescription' text='' tags=<<properTag>>/>
</$button>
</$fieldmangler>
</$set>
</$set>
</$set>
</$set>
<!-- List of video segments -->
<$list filter='[tag<selectedVideo>tag[Video Segment]sort[title]]'>
<$button class='tc-btn-invisible'>__{{!!start}} to {{!!end}} - {{!!segment_description}}__<$action-setfield $tiddler='YouTube Video Annotations' embed_start={{!!start}} embed_end={{!!end}}/></$button> <$link to=<<currentTiddler>>>(Open Tiddler)</$link><br>
</$list>
\define thisMakeTiddlerName(TimeStamp)
$(selectedVideo)$ - $(timeStamp)$
\end
\define getProperTag() [[$(properTag)$]]
\define thisThing(YoutubeID TimeStampName SelectedVideo TimeStamp)
<$button>Add Timestamp
<$action-setfield $tiddler='$:/temp/videotimestamp' title=<<thisMakeTiddlerName $TimeStamp$>>/>
<$action-setfield $tiddler='$:/temp/videotimestamp' timestamp='' link='' description='' tags=<<getProperTag>>/>
<$action-sendmessage $message='tm-add-tag' $param={{!!selected_video}}/>
<$action-setfield $tiddler=<<thisMakeTiddlerName $TimeStamp$>> vidname={{!!selected_video}} youtubeid={{$:/.rich/data/videos##$SelectedVideo$}} timestamp={{$:/temp/videotimestamp!!timestamp}}/>
</$button>
\end
\define getYouTubeID(selectedVideo) {{$:/.rich/data/videos##$selectedVideo$}}
\define getYouTubeID2() <$macrocall $name=getYouTubeID selectedVideo={{!!selected_video}}/>
<$set name=selectedVideo value={{!!selected_video}}>
<!-- Timestamp Time -->
Timestamp:
<$edit-text tiddler='$:/temp/videotimestamp' field=timestamp size='10' placeholder='Timestamp'/>
<!-- Add timestamp button -->
<$set name=timeStamp value={{$:/temp/videotimestamp!!timestamp}}>
<$set name=timeStampName value=<<thisMakeTiddlerName>>>
<$set name=properTag value="""Video Timestamp""">
<$fieldmangler tiddler=<<timeStampName>>>
<$macrocall $name=thisThing TimeStampName=<<timeStampName>> SelectedVideo={{!!selected_video}} TimeStamp={{$:/temp/videotimestamp!!timestamp}}/>
</$fieldmangler>
</$set>
</$set>
</$set>
<!-- Timestamp description -->
Description:<br><$edit-text tiddler='$:/temp/videotimestamp' field='description' class='tc-edit-texteditor' placeholder='Description for Timestamp' class='tc-edit-texteditor'/><br>
<!-- Timestamp tag editor -->
Tags (it will always be tagged with the name of the video by default):<br>
<$reveal type=match state='$:/state/videotag!!add_or_create_tag' text='create'>
New Tag: <$edit-text tiddler='$:/state/videotag' field='tag_temp' placeholder='New Tag'/><$fieldmangler tiddler='$:/state/videotag'>
<$button>Create Tag
<$action-setfield $tiddler={{$:/state/videotag!!tag_temp}} $field='video_tag' $value='true'/>
<$action-setfield $tiddler='$:/state/videotag' $field='tag_temp' $value=''/>
</$button>
</$fieldmangler><$button set='$:/state/videotag!!add_or_create_tag' setTo='nocreate'>Done</$button><br>
</$reveal>
<$reveal type='nomatch' state='$:/state/videotag!!add_or_create_tag' text='create'>
Tag to add:
<$select tiddler='$:/state/videotag' field='selected_tag'>
<$list filter='[video_tag[true]]'>
<option value=<<currentTiddler>>><$view field='title'/></option>
</$list>
</$select>
<$fieldmangler tiddler='$:/temp/videotimestamp'>
<$button>
<$action-sendmessage $message='tm-add-tag' $param={{$:/state/videotag!!selected_tag}}/>Add Tag
</$button><$button set='$:/state/videotag!!add_or_create_tag' setTo='create'>New Tag</$button>
</$fieldmangler>
<br>
</$reveal>
List of current tags:<br>
<$fieldmangler tiddler='$:/temp/videotimestamp'>
<$list filter='[[$:/temp/videotimestamp]tags[]]'><$view field='title'/> <$button>Remove Tag<$action-sendmessage $message='tm-remove-tag' $param=<<currentTiddler>>/></$button><br> </$list>
</$fieldmangler>
<br>
<!-- list existing timestamps -->
<$list filter='[tag<selectedVideo>!tag[Video Segment]sort[title]]'>
<$button class='tc-btn-invisible'>__{{!!title}} - {{!!description}}__<$action-setfield $tiddler='YouTube Video Annotations' embed_start={{!!timestamp}} embed_end=99:99:99/></$button> <$macrocall $name=youtube-link video={{!!youtubeid}} time={{!!timestamp}} text='(External Link)'/> <$link to=<<currentTiddler>>>(Open Tiddler)</$link><br>
</$list>
Astrid Elecson
[[<Name Plate>]] Needed
[[TiddlyWiki for Scholars|http://tw5.scholars.tiddlyspot.com/]]
Need contact details for him
[[Andreas Website - TW Guides Dot Org|http://twguides.org/]]
You can select a video using the drop down menu, if you want to add a new video click on the `New Video` button and in the dialog that appears enter the youtube video id and a name for the video and click `add` to add the video and then `done` to get back to the video selection.
If you enter a start and end time then click `Set Video Time` it will set the embedded video to play the segment between the start and end time. `Reset Video Time` resets this.
By entering a start time, an end time, short and long descriptions and any tags you wish then clicking `Add Video Segment` the segment will be saved. If you click on a segment name in the list at the bottom than the video will be set to play that segment (no autoplay though, I am working on it.)
[[Google +|https://plus.google.com/109878940599607315163]]
[[BuggyJ GitHub|https://github.com/buggyj]]
[[CloudFlare|http://www.cloudflare.com]]
So I disabled ~CloudFlare and my next upload was unscathed.
Not sure if my hosting company, CloudFlare, or a hacker are aware of this code injection on upload.
I am sure there was fine print in the 'You Accept these terms' that I didn't know about.
Well my TW5's are working again now that I have disabled this feature.
Currently we have a dedicated site to the Google Hangouts
* [[TW devoted to Hangouts|http://hangouts.tiddlyspace.com/]]
** Google Link on the Main Page is not currently working but the links on each dedicated page is working
"""
So why reinvent the wheel?
I am trying to cross thread the data from the different sites and bring them together. The Hangouts are not stagnate they spawn conversations, solutions, more questions.
Most meetings have things that occur the same each time and also have hold overs from last week, Next week we will discuss X at the top of the Meeting or things that get shelved for various reasons.
The concept I had for this TiddlyWiki is to document each TiddlyWiki hangout and use tools like [[Linking to specific Time in YouTube|Create a link to a YouTube video at a specific time]] to allow the discussion to be more dynamic and faster for people to review.
Have the Hangouts be more Social by linking to who was involved with each Hangout and their sites / bio data. Probably Tagging each hangout with the people that came and concepts covered would be the best idea. A simple discussion could then lead to more expansive ideas as the [[Flow]] Tiddler shows.
If you are interested in a specific topic you can jump right to that topic with a simple click. Each concept could spawn a new Tiddler and each Hangout that discusses it could be linked to that concept. So if a person is working on a Plug In and they come to the TW Hangout for 5 different times you could easily see the progress from a single Tiddler.
Ideally each topic would create a [[Hangout Tiddler]] which would link to a Google Group Discussion at either [[TiddlyWiki|https://groups.google.com/forum/#!forum/tiddlywiki]] or [[Dev TiddlyWiki|https://groups.google.com/forum/#!forum/tiddlywikidev]] and then to an outcome if there is one. Or to several sites with different outcomes.
This is what [[Tobias Beer|http://tb5.tiddlyspot.com/#Tobias%20Beer]] does with his site.
An issue comes up on the google groups and he follows it to a resolution. Then he creates a Tiddler or more than one Tiddler and he creates a link to tracks that back to the original thread. This allows people to look at more information that has come up after a solution to the original issue has been completed.
"""
# Copy Data by hand from [[hangouts site|http://hangouts.tiddlyspace.com/]] - do not drag and drop the tiddler - Highlight and Copy and then Clone a "~HangOut_### Tiddler" and paste data into the NEW "~HangOut_### Tiddler" - YOU CLONE THE DATA SO THE TAGS ARE DONE AUTOMATICALLY
# Copy Data by hand from "~HangOut_### Tiddler" - Paste into Txt Editor
#VERY IMPORTANT STEP - convert all ` " to ' ` in the Txt Editor
#Copy Data from Txt Editor to Spreadsheet - Use Fixed Distance to divide the Tiddler into Table Columns - Add Additional Rows or Delete Rows as needed for the hangout
#Move ~TimeCode and Description Data to the proper spots on the Template
#Copy Data from Spreadsheet back to Txt Editor and correct Spreadsheet Formatting Errors
#Use 'New Here' to copy the "~HangOut_###" to create "~TiddlyWiki Hangout #NUM" - This allows them to be linked by the TAG
##Add tags 'hangouts' 'license'
##change the Header define code and the #NUM
#Paste the data from the Txt Editor
#Check links
Done
"""
Open Office
TIMES ''---'' SECONDS = Time Calc = Decimal with 4 places 0.0123 X 24 X 60 X 60
00:00:00 ''---'' 0
00:01:40 ''---'' 100
00:05:00 ''---'' 300
00:10:35 ''---'' 635
00:21:35 ''---'' 1295
00:26:21 ''---'' 1581
00:27:12 ''---'' 1632
00:30:50 ''---'' 1850
00:31:24 ''---'' 1884
00:41:03 ''---'' 2463
00:46:00 ''---'' 2760
00:51:18 ''---'' 3078
00:52:45 ''---'' 3165
00:56:11 ''---'' 3371
01:04:00 ''---'' 3840
01:06:38 ''---'' 3998
01:11:56 ''---'' 4316
01:13:24 ''---'' 4404
01:24:15 ''---'' 5055
1:31:00 ''---'' 5460
1:34:58 ''---'' 5698
01:35:14 ''---'' 5714
1:44:23 ''---'' 6263
1:52:41 ''---'' 6761
1:54:08 ''---'' 6848
1:57:10 ''---'' 7030
1:59:39 ''---'' 7179
2:02:12 ''---'' 7332
2:04:12 ''---'' 7452
2:08:08 ''---'' 7688
2:10:36 ''---'' 7836
"""
This is a fan site for [[TiddlyWiki 5|TiddlyWiki]].
This site was created to help people explore the topics discussed on the [[TiddlyWiki Google Hangouts|Google Hangouts]]. The videos of the Hangouts are posted on YouTube.
Special Thanks to [[Astrid|aelocson]] for creating the [[Macros|Macros for Hangout Wiki Project]] that make the site easier and faster to create and duplicate.
This site uses content from [[Mario Pietsch]] and Tobias Beer and that content has been Tagged [[License]].
Some Content was provided by [[TiddlyWiki.com|http://www.tiddlywiki.com]] - [[Tobias Beer|http://tb5.tiddlyspot.com/#Tobias%20Beer]] - and the entire TiddlyWiki community. This site currently uses very few Macros or add on's. Not to self I need to figure out all the extras I use and list them one example is the corner banner [[Powered by TiddlyWiki]].
[[Rich Shumaker]] created the site content with the intent purpose of making ~TiddlyWiki more AWEsome!!! Originally this site used [[US Version License]] to show the differences between Mario and Tobias's work and this sites. Now all content is covered under the same license. The TAG [[License]] is still used for all of Mario and Tobias's work to allow better sorting moving forward.
<html>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>..
</html>
"""
[[Site with a tool to link to a specific time in YouTube|http://youtubetime.com/]]
!!Code to create a direct link to a YouTube video at a specific time
```
http://www.youtube.com/watch?v=m2JyJWjAUns&t=1m11s
http://www.youtube.com/watch?v=EU-H0xhga08&t=30m50s
&t=1m11s
```
[[Daniello GitHub Site|https://github.com/danielo515]]
I took this data from my [[<Name Plate>]] - [[Rich Shumaker]] as it was not part of my actual details
So I have been getting upset that others don't have an easy to find [[<Name Plate>]] on there web sites. Then I noticed I have no such thing either, d'oh!!!
I am putting my data in and then we can work out details in the 'future' on a standard we could all use. I like the idea of a twCard format.
I used Tobias Beer [[linkimg|$:/.tb/macros/linkimg]] from his [[website|http://tb5.tiddlyspot.com/#Link%20Images]] - linkimg did not work on my server so I had to embed the image instead.
```
Here is the sample code and the code I used Above
<<linkimg Jack.jpg Jack.jpg class:"pretty">>
Here is the ''twCard Name Plate'' I want
Here is the Name Plate I would want <<linkimg RichShumakerNamePlate.png RichShumakerNamePlate.png "RichShumakerNamePlate" height="42">>
[[Dave's Website|http://www.giffmex.org/tw/tiddlywikicentral.html]]
[[NoteStormTW|http://notestorm.giffmex.org/]] was created by Dave Gifford
Ways to check on what is doing what from Stephan Hradek
```
console.log(...whatever I want to seee...);
```
From [[Jeremy|JeremyRuston]]
```
Here's one useful trick. Let's say that you're working on a macro <<myFancyMacro>> and it's not working as you expect. You can inspect the wikitext that is generated by the macro with:
<$text text=<<myFancyMacro>>/>
The <<dumpvariables>> macro can also be useful. It shows the variable values in force at the point where the macro is invoked, so you can check that variables used in your macros have the expected values.
http://tiddlywiki.com/#DumpVariablesMacro
Best wishes
Jeremy
```
[[Rich Shumaker]] Signature in his Test Bed TW
Very Python of Monty
Working on a TW for Kids Note Taking
Eric Shulman is the maintainer of [[TiddlyWiki Classic|http://www.tiddlywiki.org]] and creator of [[TiddlyTools|http://www.tiddlytools.com/]].
\define hangout() 073
<<header>>
"""
<<topic "00:01:25" "Q & A Start">>
<<topiclink "02:08:08" "Eric Discusses how he creates the Wiki Way">>
"""
[[Firefox|https://www.mozilla.org/en-US/firefox/desktop/]] is an open source web browser.
Web browsers are used with TiddlyWiki to view the content created.
"""
Flow is state of mind where you are highly focused and time seems to slip away, it is a state that allows you to slip between and stay in that in between.
-[[Rich Shumaker]] Quote
[[Mihaly Csikszentmihalyi]] - Unpronounceable Name Guy
[[Wikipedia Page about Mihaly Csikszentmihalyi|http://en.wikipedia.org/wiki/Mihaly_Csikszentmihalyi]]
[[Flow Description @ Wikipedia|http://en.wikipedia.org/wiki/Flow_%28psychology%29]]
"""
!!!Hangouts List with mentions of Flow
{{{ [tag[Flow]] }}}
Here is an idea I had for formatting the Hangout Notes
```
[Marker for New Secton - Could use hidden codes]
##:##:## <Some Kind of Divider> Brief Description
Details [[Tiddler Links]] [[Outside Links]]
More Notes
---End Marker---
[Marker for New Secton]
##:##:## <Some Kind of Divider> Brief Description
Details [[Tiddler Links]] [[Outside Links]]
More Notes
---End Marker---
```
+M1 Start+
* ##:##:## | Brief Description
** Details including Tiddler Links and Links to Outside Content
** Additional Notes
** Spacing out the notes makes it easier to read after the fact
+M1 End+
+M2 Start+
* ##:##:## | Brief Description
** Details including Tiddler Links and Links to Outside Content
** Additional Notes
** Spacing out the notes makes it easier to read after the fact
+M2 End+
[[Asked for Help @ TiddlyWiki Dev|https://groups.google.com/forum/#!topic/tiddlywikidev/F8k7jLGSJyg]]
"""
I deleted the one from this system so you can't see what Jeremy was discussing
Need to get the newest one and put it in and make reference back to this being an issue no more.
[[TwHo#72 - Getting Started is out of date]]
"""
[[Github Site|https://github.com/]]
[[TiddlyWiki 5 GitHub Site|https://github.com/Jermolene/TiddlyWiki5]]
[[TiddlyWiki 5 Release on GitHub|https://github.com/Jermolene/TiddlyWiki5/releases]]
"""
2014-12-19: 5.1.7
2014-12-18: 5.1.6
2014-11-25: 5.1.5
2014-10-22: 5.1.4
2014-10-20: 5.1.3
2014-09-27: 5.1.2
2014-09-22: 5.1.1
2014-09-20: 5.1.0
2014-09-17: 5.0.18 beta
2014-09-12: 5.0.17 beta
2014-09-02: 5.0.16 beta
2014-08-20: 5.0.15 beta
2014-08-13: 5.0.14 beta
2014-06-24: 5.0.13 beta
2014-05-16: 5.0.12 beta
2014-04-19: 5.0.10 beta
2014-05-15: 5.0.9 beta
2014-02-28: 5.0.8 beta
2014-01-26: 5.0.7 beta
2014-01-03: 5.0.6 beta
2013-12-24: 5.0.5 beta
2013-12-22: 5.0.4 beta
2013-12-15: 5.0.2 beta
2013-12-06: 5.0.1 alpha
2013-12-06: 5.0.1
2013-11-30: 5.0.0-alpha.17
2013-11-30: 5.0.0-alpha.16
2013-11-19: 5.0.0-alpha.15
2013-11-10: 5.0.0-alpha.14
2013-11-09: 5.0.0-alpha.13
2013-11-08: 5.0.0-alpha.12
2013-11-08: 5.0.0-alpha.11
[[Google Analytics Plug In|http://tiddlywiki.com/#%24%3A%2Fplugins%2Ftiddlywiki%2Fgoogleanalytics]]
"""
Every Tuesday there is a Google Hangout that occurs for about 2 hours to discuss TiddlyWiki.
[[Jeremy Ruston]] the creator of TiddlyWiki and holds these at 4PM GST which is 8am West Coast US Time([[my|Rich Shumaker]] time zone)
<h3>See [[hangouts]] for all the Hangouts Currently in this ~TiddlyWiki</h3>
So locally I don't have a hangout error.
BUT when I post it on the server I do.
So Tobias has given me some help on where to find what I am looking for
I need to txt edit the HTML File and remove some code and then send it over to the debugger.
*This is my first time in the HTML of TW5 on a Txt editor. I have done basic HTML page building but TW is a bit bigger than that.
*I also have only used debug a few times
```
Hi Rich,
Any help on what I am looking for in the code.
The title of that system tiddler in the store section where it is followed by a <pre> for the tiddler body.
At that tiddler, remove the attribute "type=applciation/javascript".
Save, reload... debug.
Best wishes, Tobias.
```
"""
[[BJ from the Google Groups|https://groups.google.com/forum/#!topic/tiddlywiki/5FugIFRgYLs]] suggested Spam Filter.
Then I remembered that I just added something to my website in the last few days. I didn't make the connection until he said Spam Filter. I added CloudFlare because I wanted the site to be faster. I am in the US and wanted the site closer to people around the world leveraging the CloudFlare servers.
Did NOT know they would inject code into my uploads. It is pretty coincidental that I disabled the service and the very next upload works perfectly.
Not sure if this is intentional or if there is a malicious attack either on my server the CloudFlare server or at my hosting company.
"""
Hangout Helper is a ~TiddlyWiki that has all the tools to help anyone that is running a Google Hangout make it more dynamic and informative.
If you run a Google Hangout or your meetings use YouTube videos you need to get
<h3>Hangout Helper [[Powered by TiddlyWiki|TiddlyWiki]] - COMING SOON</h3>
A Tiddler that is spawned from the Google Hangouts. It would spider to the threads and sites and solutions that come from the hangout discussion.
{{{ [tag[hangouts]!sort[title]] }}}
"""
Create Macro to turn all the data into charts
[[TiddlyWiki Google Groups Data]]
see [[$:/.rich/data/twversion]]
See [[GitHub Release Dates]]
[[$:/.rich/data/githubreleasedate]]
"""
!This card should not have data except the way the data should be listed and possibly the format for the data
"""
Date: 2014-12-16
Time: 4pmGMT
YouTube Link Id: EU-H0xhga
Google Hangout id: cma8t37ad9518rjiobed7b63rpk
TW Version @ Hangout: 5.1.5
Attended: [[Jeremy Ruston|JeremyRuston]];[[Branimir Braykov]];[[Dave Gifford]];[[Eric Shulman]];[[Alex Hough]];[[Nathan developer in US]]
Running Time: 02:10:56 format
"""
```
Date: YEAR-MO-DA
Time: XpmGMT
YouTube Link Id: #
Google Hangout id: #
TW Version @ Hangout: #
Attended: [[Name]];[[Name]];[[Name]]
Running Time: ##:##:##
```
2013-06-03 - [[YouTube|http://www.youtube.com/watch?v=jduxruwB5K4]]
"""
0:00:00 Smalltalk you may want to jump to
0:04:10 Mario- Question to Eric - about TW2 beta, external files.
0:05:25 Impact of external files for pmario
0:07:50 Jeremy kicked of the hangout.
0:08:45 Eric uses TW5 to build TW2. Some comments. Update to TiddlyTools. All plugins may be at github in the future.
0:12:15 Discussion about plugin Distribution, the Community, Source Code handling, GitHub ...
0:17:05 Eric - App store model? Jeremy wants to have a Firefox type model. Mario - listeneing :)
0:18:30 Jeremy talks about plugin maintenence
0:19:25 What are the creterias for plugin devs to get plugins accepted by core def (Jeremy :). Who owns plugins. Who maintains them ...
0:20:50 Jeremy's answer
0:22:10 Mario- has constrains about all plugins are in TW5 repo.
0:23:15 Discussion about the contribution workflow.
0:26:55 Jeremy about criteria for accepting contributions, nees to be testable, automated accept testing
0:28:05 Jeremy about plugin ownership
0:29:45 The "new" software structure. Drawings :)
0:31:45 Jeremy - orphaned plugins, roles in the community, plugin adoption, plugin URLs should not change
0:33:55 Eric - summary for understanding
0:35:20 Discussion about Contributor License Agreement - CLA for TiddlyWiki
0:40:20 Back to the plugins and the repo. TW5 Repo rearangement ..
0:42:20 Mario confusion about the repo structure.
0:44:50 Jeremy - All contributor plugins should be in the main repo, Mario - slightly disagrees, Eric - suggestions
0:45:45 NPM - TW5 installation with NPM, brings all the core plugins, Jeremy wants the URL to be stable ...
0:49:50 Mario- github submodules ... no > github subtree ... yes
0:51:40 mario concerns about the plugin adoption process. plugin forking / renaming ...
0:56:50 Erics - drawing. Contribution / Software structure
1:12:00 Jeremy about macros in TW5. TW5 will ship with many, many macros ... How do we credit the original authors.
1:13:40 Eric about plugins, transclusions and ownership in TW2
1:15:45 user's side of macro / plugin import handling
1:18:15 Eric - Non guthub based submission process. Jeremy - TiddlySpace as user repos
1:20:50 We stopped ignoring Jeff ... Change topics to user topics
1:22:20 Jeff- introduces himself. Talks about his use of TW.
1:23:00 TW5 and Android
1:24:45 Eric about TiddlyFox
1:26:10 About user documentation. Getting users involved. Getting the community involved ...
1:38:00 Jeremy, about "spread the word"
1:41:00 Eric about How to discover TiddlyWorld :)
1:43:20 Facebook haters and the sozial networks :)))
1:44:55 Russ - About User stories. TW5 editions. Better "First user experience"
2013-07-09 - [[YouTube|https://www.youtube.com/watch?v=hJuDlLQI9pQ]]
"""
0:04:10 Jermey - TW5 demo about skinny font
0:06:50 Zooming mode - theme
0:07:10 slow motion mode for testing
0:09:00 feedback about zooming mode / single page mode
0:10:15 cecily view (tw-classic)
0:11:30 centraliced theme / themes in general
0:14:10 Eric asks about drag and drop themes / elements?
0:17:10 Sticky title (chrome canary)
0:21:50 About the editor
0:24:05 Preview mode
0:24:20 field editor
0:25:00 image bitmap editor
0:26:45 field editor fancy stuff / behind the curton
0:29:00 group feedback
0:30:15 TW5 drag and drop images
0:33:15 tag autocomplete?
0:34:00 tag coloring / tag icons
0:37:15 - - Q&A - -
0:38:25 tobias - tiddlywiki.com maintenance
0:43:00 eric responds to tobias - TW5 builds TW2 - build process
0:44:20 eric - tiddlywiki.com audience - general discussion
0:45:40 jeremy - TW5 beta as tidlywiki.com "landing page"
0:47:08 jeremy - the TW5 reference documentation
0:49:45 eric - tiddlywiki docs - "how do I"
0:53:45 jeremy - TW saving - tiddlysaver.jar
0:55:20 jeremy - tw5 the mobile story - app.js
0:58:40 tobi/jeremy - how does tiddlyweb fit to tw5
1:01:55 tobi/jeremy - tw5 interface to nodejs / tiddlyweb
1:03:25 jeremy - tw5 serverside demo (techie stuff :)
1:10:40 tobi/jeremy - authentication with nodejs?
1:11:30 tobi/jeremy - several instances?
1:12:15 jeremy - "new features" should be highly configurable (technical)
1:17:22 tobi/jeremy/eric - widgets - eg: todo list
1:24:35 jeremy - about macros (technical)
1:28:12 eric/jeremy - macros compared to transclusion parameter passing in tw2
1:29:20 jeremy - in tw5 everything is a tiddler
1:31:12 jeremy - widget internals
1:35:15 tobi/jeremy - widget handling / plugin handling?
1:42:08 tobi/jeremy - namespaces?
1:42:53 tobi/jeremy - how to create a new theme / plugins?
1:47:00 jeremy - control panel - system tiddlers
1:50:10 Conclusion
2013-07-16 - [[YouTube|https://www.youtube.com/watch?v=SX0jvQ0vYVk]]
"""
0:00:00 Introductions
0:03:35 jeremy - outline
0:04:30 - eric's clinic -
0:05:10 eric - plugins
0:06:20 Q tw2: handling renaming tiddlers
0:15:10 Q tw2: copy paste tiddler links
0:23:25 jeremy: tiddler link info in tw5 (related to above Q)
0:26:04 jeremy: external link handling
0:31:05 jeremy wants to know what people think about tw5 syntax about "file links"
0:43:50 ... braindump about the above Q.
0:46:10 tw5 transclusion mechanism (sound problems)
0:53:00 ... bad echo and background noise, that should be muted :(
0:56:25 syntax TW-classic or markdown
1:03:21 creg - markdown becomes mainstream ...
1:03:21 ...the WYSIWYG discussion
1:16:00 tw5 tiddler types
1:18:07 d3 first cut
1:24:08 mathematical notation - mathjax
1:26:50 d3
1:31:20 User interface
1:34:00 Keyboard shortcuts
1:35:10 Close Others - custom UI
1:42:50 Comments about hangouts
1:44:20 New visitor introduction
1:46:10 Comments about hangouts
1:48:18 23MByte 7000++ tiddlers TW2 intro
2013-07-23 - [[YouTube|https://www.youtube.com/watch?v=_ojnouO8-PA]]
"""
0:00:00 introductions
0:02:43 jeremy - topics
0:04:10 TW5 news: d3 / grid widget
0:08:08 group feedback :)
0:10:14 mario / jeremy - grid sorting / calculations
0:11:40 jeremy - handling the document state in TW5
0:13:30 jeremy - grid sorting ideas
0:14:50 mario - compares grid widget with TW2 "fet plugin"
0:15:25 eric - grid plugin - UI interaction
0:17:20 jeremy - sorting by tiddler modification
0:19:05 grid filtering possibilities?
0:20:25 jeremy - use list widget for filtering
0:23:02 jeremy - how the "grid stuff should be done at all?"
0:27:15 eric - "multi level list" - indented bullet list
0:28:10 jeremy - idea - new table syntax
0:28:10 group feedback
0:34:10 in tables use "space" as "white space"
0:36:20 jeremy - "grid calculation"
0:39:20 jeremy - what should be core / plugin
0:40:10 eric - what should be core / plugin - centralized plugin distribution / ecosystem
0:42:28 jeremy - macros (using / sharing / namespacing)
0:47:30 scott introduction
0:48:30 - erics clinic -
0:49:00 TOC - section link plugin
0:57:45 grid plugin parameters
1:07:30 customizing the story menu tutorial
1:25:30 why are the "basics TWs" V2.5.0
1:28:30 Navigation with GotoPlugin
1:31:00 MathJax V2 with TW2
1:44:20 jeremy - Any final comments?
1:52:30 Bye-Bye!
2013-07-30 - [[YouTube|http://www.youtube.com/watch?v=3SsSh_p_zno]]
"""
0:00:00 attendees introduction
0:04:17 mario - introduces tiddlyweb with vagrant
0:05:30 mario -
0:17:12 questions
0:17:30 mario - summarizing the stuff
0:18:20 jeremy/mario - up again
0:21:00 mario - what is virtual box
0:23:20 about annotations
0:23:40 intro - kamil, marty
0:24:40 marty - about seamonkey and TW on OS10
0:26:00 general discussion about browsers and TW
0:28:10 dave's (giffmex) work with TW5
0:30:20 jeremy - tag widget TW5
0:32:25 jeremy - problem with (unwanted persistent) popup state
0:38:40 mario - question about state tiddlers
0:40:40 jeremy - any questions / requests ?
0:41:15 leo - tiddler namespace / TW directory structure / hirachical structure
0:45:10 jeremy - tiddler content types (eg: text/x-markdown)
0:47:18 jeremy - how saving works with TW5 at the moment (answeres the q above)
0:50:00 tiddlywiki.info / TW editions folder metadata
0:51:30 wiki nesting (metadata)
0:53:28 how "include wiki / editions" stuff works
0:55:10 mario - can you see, where a tiddler comes from?
0:56:05 jeremy - editing / saving tiddlers
0:59:50 jeremy - specify, where new tiddlers should go
1:01:08 discussion about "create new tiddler usecase"
1:03:03 jeremy ideas: about implementing the bag/recipe handling
1:06:30 leo - what is the tiddler identity + discussion ...
1:08:10 pmario - would like to have a UUID
1:09:30 jeremy - back to namespaces and his idea ...
1:11:50 jeremy - how TW5 can build TW2 (with prefixes / namespaces?)
1:18:20 namespace is indipendent from directory?
1:19:30 scott - discussion about naming conventions
1:21:40 scott/jeremy - aliasing mechanism should be part of the core
1:23:40 scott/mario/jeremy - naming conventions and tiddler renaming / search and replace
1:27:01 jeremy - any questions anyone?
1:28:10 jeremy - what's new in TW5 - d3 - demoing "word cloud"
1:29:30 jeremy - ideas: how do we expose data to d3 / grid
1:31:40 intro - dave
1:32:00 dave/jeremy - about the objective of dave's tw + discussion
1:36:20 jeremy - about tw themes
1:37:40 mario/jeremy - "info button" behaviour + discussion
1:39:10 dave/jeremy - tagging in the "info area" + demoing, how to change the templates
1:42:00 jeremy - how to do tagging in the ViewTemplate
1:45:00 jeremy - the "future of weekly hangouts" - how should we continue?
1:49:60 bye - bye!
2013-08-06 - [[YouTube|https://www.youtube.com/watch?v=a0UZfd48Ixc]]
"""
0:00:00 attendees introduction (ltr: Craig, Eric, Jeremy, Mario, (Marty later on), Scott)
0:01:20 mario/jeremy - tiddlyweb and TW5 with "tiddlyweb at home - new possibility" (techie stuff :)
0:03:03 jeremy - demoes, whats possible atm. TW5 with tiddlyspace. TW polls for server updates every now and than.
0:11:27 TW5 is lazy loading the tiddlers, so search works for tiddler titles ...
0:11:55 mario - wants to ship TW5 with "tweb at home" with vagrant
0:14:05 mario/jeremy - about TW5, nodejs and heroku
0:16:00 mario - is it possible to split TW5 into different files. eg: core, themes ...
0:18:49 jeremy/mario about tw5, native tiddlyweb, vagrant, virtualbox, pro and cons
0:21:40 erics clinik
0:22:00 jeremy - question about splitting tiddlytools into individual tiddlers.
0:22:30 erics response - tiddlytools, github, status, tiddlytools internal structure.
0:25:50 eric elements that are "aged out", elements that can be fixed: eg. file drop plugin ...
0:27:29 ... fix import tiddlers plugin ...
0:32:00 jeremy - good to see that eric works on TWclassic and TW5
0:32:35 eric - "TWclassic needs to remain viable for several years"!
0:33:00 eric - about the migration story.
0:37:20 jeremy - about dave's experiences, working with very large TW5 files. (~80MB)
0:39:35 scott/jeremy/eric - question about file size issue and embeded images
0:42:07 about base64 encoded tiddlers ...
0:44:45 eric/scott - about base64 tiddlers and TWclassic (AttachFilePlugin)
0:53:09 jeremy - about daves 80MB TW5 .. "how far can we go with embedded multimedia in TW5", embedding videos
0:55:50 eric - idea about detaching tiddlers and security implications ...
0:58:05 jeremy - TW5 as a "multipurpose, multimedia scrap book"
0:59:27 eric - presentations, slideshow ... display order?
1:02:30 jeremy - ideas about TW5 edit, display possibilities and sorting ...
1:07:10 jeremy - TW5 story list
1:08:35 jeremy - "card sorting" with drag and drop
1:09:05 eric - (lisp) and lists and TW content representation
1:10:25 jeremy - about ZigZag structure xanadu (dot) com/zigzag/
1:12:44 eric - "interesting aspects of TW in general" ... "discovery"
1:14:10 jeremy - "capturing needs to be super smooth"
1:14:42 mario - TWclassic has "secions and slices" what's about TW5
1:16:16 jeremy - response
1:17:44 eric - background info about "slice, section" in TWclassic
1:19:25 jeremy - with TW5, writing back to slices would be possible
1:20:45 mario - usecase for content splitting and aggregation
1:21:50 jeremy - either invest in "intra-tiddler handling" or "aggregating and composing" small tiddlers
1:24:53 scott/jeremy - a users perspective about content "re-organisation"
1:25:50 mario/jeremy - mario would like a "data tiddler plugin" functionality done with sections and slices.
1:27:00 mario shows a usecase ... (codemirror plugin config tiddler)
1:30:20 jeremy - want's to be able to "edit transclusions" - edit in place
1:30:50 jeremy - ideas for "editor add ons" ... "magic editing"
1:32:12 eric - responds to the above
1:33:50 scott - uses TW like ervernote. accumulating information. discribes his usecase.
1:35:51 jeremy - shows TW5 json tiddlers
1:38:10 craig - what's the difference between JSON and XML?
1:40:10 craig/jeremy - displaying "external information" in realtime ...
1:43:15 jeremy - shows IFTTT - it's awsome
1:44:50 Bye! Bye!
2013-08-20 - [[YouTube|http://www.youtube.com/watch?v=zQ_pM286Ew8]]
"""
0:00:00 Intro - ltr: Dave Gifford, Eric Shulman (0:37:50), Jeremy Ruston, Keith Buckner, Mario Pietsch, Scott Simons(later), Slonik Az (Leo), Tobias Beer
0:02:50 Dave - Short intro about his experiments with TW5
0:05:13 Jeremy - There is a plan to automate ViewTemplate modification by special tiddler naming. Plugins should be able to add to the ViewTemplate, without actually modifying this tiddler.
0:06:54 Jeremy/Tobias/Mario - How can we reactivate the LessBackups plugin. TiddlyFox may handle the backup handling. TiddlyFox should _not_ expose "low level functions"
0:14:42 Jeremy/Leo - TiddlyFox doesn't support "old" versions (<=16) of FireFox
0:16:30 Jeremy/Mario/all - Markdown syntax and TW5
0:17:30 - TW5 syntax adjustments -
0:17:35 Mario - Started a TS page: compare-tw2-tw5 (dot) tiddlyspace.com/
0:18:49 Jeremy - Open the markdown page and discuss the specification elements.
0:19:26 Jeremy adopted markdown, that doesn't break TWc allready
0:20:55 Jeremy - TW5 should be a 1000 times more popular than TWc
0:21:38 Leo - hash mark and enumerating. eg: #5 starts with number 5
0:23:05 Jeremy - It should be possible to define the starting level for hedings
0:23:26 Jeremy - opens markdown specification. inline HTML works great allready.
0:24:23 paragraph and linebreak .... (longer than planned :)
0:26:20 fenced paragraph style with special marker eg: ~ for poetry
0:31:30 Mario/Jeremy - plugins should be used to have eg: "strict markdown"
0:33:53 Tobias/Jeremy - what's about single linebreaks atm.
0:36:02 Leo/Jeremy - Intro: plugin for TW2 and line break handling.
0:37:50 Eric/Leo - backslash new line handling in TW2
0:45:10 Jeremy - "Wiki syntax" should be part of the core
0:46:02 Mario/Eric - GitHub flavoured markdown is a "special purpose language", we need a "general purpose syntax"
0:46:35 Eric - syntax examples / documentation is important, to avoid confusion
0:49:13 Leo - prepares for screen sharing
0:49:45 Scott/Jeremy - short discussion
0:51:13 Leo - shows, how the plugin works
0:55:44 - TW5 syntax adjustments -
0:57:20 Jeremy/all - multi paragraph lists (are quite tab centric. so tab handling is a concern now)
0:58:25 Scott/Jeremy - new idea about line break handling -> keyboard shortcuts for eg: <br/>
1:00:30 Jeremy/Mario - back to markdown lists. TW5 has the possibility to nest bullet list with numbered lists ...
1:01:55 Jeremy/all *,+,- for unordered list "is wasting syntax possibilities" - whitespace should not be used to indicate something.
1:03:45 Eric/Jeremy - suggestion, how to use + and - for "collapsable" bullet lists
1:05:52 Jeremy - md < hr > handling is "wasting" syntax. too much redundancy
1:07:02 all - how much markdown should we adopt - portability -
1:08:00 Jeremy - our goal should be > > >"familiarity"< < <
1:08:10 Leo - suggests "import filters" to "normalize" copy/paste content.
1:10:13 Jeremy/all - markdown links
1:14:08 Jeremy - conclusion about markdown links and tabs
1:15:20 Jeremy/all - Emphasis - bold - italics -> there shouldn't be too many variants of the same syntax. We like a "single syntax"
1:20:00 Tobi/Mario - (Tobi) plugin for TWc compatibility vs. (Mario) TWc syntax should be imported with an import filter / translator.
1:21:08 Jeremy - md backtick handling in code blocks.
1:21:35 Jeremy - image handling
1:22:30 - Erics Clinic (and a 26 year old coffee mug) -
1:23:55 Leo/Eric - Is there a official way to distribute plugins?
1:26:09 Tobi - proposal for plugin authors - somethin similar to "tiddlyvault"
1:27:48 Tobi - back to the idea - manually managed registry at tiddlyspace
1:29:20 Eric - suggestion - someone should take "tiddlyvault" and import it to tiddlyspace
1:30:20 Tobi - screenshare - tiddlywiki (dot) org - new plugin that makes docs easier ...
1:33:20 general discussion about TS and plugins
1:34:55 Eric - git/hub and tiddlytools
1:36:20 Jeremy - about github
1:37:00 Eric - tiddlytools on github pages
1:37:45 Tobi/Eric - ideas about the publishing / curating mechanism
1:42:05 Jeremy/Eric/Tobi - idea - If there is a centralized repo, the repo should take over the plugin hosting.
1:47:50 Jeremy - feedback / questions
1:48:37 Keith - Is there a visual indication for transcluded content?
1:54:55 Jeremy - new TW5 features, ConfigInfo tiddler, docs/... integrated documentation tiddlers, info widget, some more list widget docs :)
2:01:20 Bye! Bye!
2013-08-27 - [[YouTube|http://www.youtube.com/watch?v=o70TtNIe-L4]]
"""
0:00:00 Attendees: Craig Prichard, Jeremy Ruston, (later: Marc -from Swizerland), Mario Pietsch, Scott Simmons, Simon Harper, Leo Azimov, Tobias Beer
0:02:30 Jeremy - dev issues - Agenda (... We did one point :))
0:07:30 Jeremy - opens the source code .. directory structure
0:08:42 boot - folder
0:09:05 core - folder
0:09:24 Leo - core is a plugin by intention?
0:11:35 editions - folder
0:12:03 plugins - folder
0:12:22 themes - folder
0:12:43 tmp - folder
0:12:58 files in TW5 "root"
0:13:45 Leo - Content of the wiki is inside editions?
0:14:04 editions/tw5.com
0:14:35 editions/clientserver
0:15:08 Leo - there is an other plugins directory in clientserver?!
0:17:07 Mario - and the tiddlers folder is just the content for this edition?
0:17:42 Mario - the system directory is just an other namespace?
0:18:30 ... general discussion about tiddler filenames and titles
0:20:40 Leo/Jeremy - file name creation and url encoded filenames
0:23:52 editions/d3demo
0:24:04 editions/empty
0:24:26 editions/tahoelafs ... tahoe-lafs (dot) org
0:26:06 editions/test
0:26:20 Tobi - Are the editions accessible on the web
0:27:18 editions/test
0:28:52 editions/tw2
0:29:37 editions/tw5.com
0:29:47 editions/tw5tiddlyweb
+- 0:30:17 mario - is there the latest version at TiddlySpace?
0:31:14 plugins/
0:31:22 plugins/d3 and /codemirror - exploring how to include external libraries
0:31:55 plugins/classictools - tools for dealing with TWclassic
0:32:03 plugins/filesystem - used on the server to sync changes to the store
0:32:20 plugins/fullscreen
0:32:34 plugins/jasmine - test suite
0:32:47 plugins/tahoelfs - good example plugin, because it's "small"
0:33:04 plugins/tiddlyweb - clientside plugin to save on tiddlyweb
0:33:32 themes/ - plugins can have "dependencies" defined in the "plugin.info" file
0:34:14 /*.sh batch files
0:34:50 /package.json
0:35:09 Mario - should it be possibel to say: "npm install .. tiddlywiki"? what will you get?
0:37:02 /tiddlywiki.js
0:37:40 /bld.sh - builds the whole TW5 stuff.
+- 0:38:15 Jeremy/all - about the "static" TW5 representation. The static files use relative links.
0:46:38 Jeremy - how static files are created using the templates
0:51:10 back at /bld.sh - short summary
0:51:30 /bld.sh - how to generate the encrypted TW5
0:51:44 Tobi - questions about the "edit / deployment" possibilities
+- 0:53:30 Jeremy runs the local server to edit tiddlers. Shows his workflow
0:58:30 /core
0:58:30 /boot
0:59:12 Mario - If you want to learn about plugins. Where do you start?
+- 1:00:10 Jeremy - quote: "plugins is a mechanism to deliver shadow tiddlers"
1:00:33 /core - is a plugin
1:00:40 /boot - is needed to start the core
1:00:57 /boot/sjcl.js - encryption library
1:01:10 /boot/boot.css.tid - basic styling needed to decrypt TW5
1:01:51 Leo - What kind of encryption is used?
1:03:35 /boot/bootprefix.js
1:04:33 /boot/boot.js
+- 1:04:33 connection between the code and the html file
1:05:53 Leo - What would be your recomendation for stepping through the code?
+- 1:06:23 Jeremy - quote: "The ordering I'm showing you, is the ordering I'm suggesting, reading things"
1:09:09 Mario - boot.js contains code to boot nodejs and to boot the browser?
1:10:17 Mario - index.html where is the "program init() / main()" type of function?
1:13:00 Leo - "The challange is to debug the node code!?"
1:14:30 Jeremy - /boot/boot.js - how the boot process actually starts. Has been main() in TWc.
1:17:30 /core/startup.js - "The inner loop of TW5"
1:18:30 short break -
1:19:06 Mario - "Leo, why do you want to debug the node stuff?"
1:23:09 Tobi/Jeremy - "How would you debug your node scripts .. renderTiddler?"
1:24:30 Jeremy - short summary.
1:24:54 Leo - Good starting point to learn about plugins?
1:25:43 Leo - If I want to write a MathJax plugin?
1:27:40 /core - folder
1:27:52 /core/plugin.info
1:28:02 /core/docs/* - internal docs - english
1:28:38 /core/images - used in the UI
1:29:00 /core/messages
1:29:18 /core/modules
1:29:23 /core/templates - tiddlers of a "technical nature" used as templates.
1:30:28 /core/ui - "kind of user interface decisions"
1:30:50 /core/wiki - "tiddlers needed for the operation of the wiki
1:31:50 /core/modules - info about conventions in the dir
1:32:18 /core/modules/wiki.js - the "hart of TW" -
1:33:40 /core/modules/widgets
1:34:20 /core/modules/wiki.js - detailed info
+- 1:35:25 /core/modules/startup.js
+- 1:36:38 Tobi - Where does this "exports" come from?
+- 1:37:25 Jeremy - TW5 contains its own implementation of commonJs to "require a tiddler title"
1:38:19 /core/modules/tiddler.js
1:38:37 /core/modules/themes.js
1:38:39 /core/modules/syncer.js
1:39:20 /core/modules/hacks.js
1:39:40 /core/modules/filters.js
1:40:00 /core/modules/deserializers.js
1:40:38 /core/modules/config.js - constants - language ...
1:41:27 Mario - Question about internationalisation?
1:43:20 Mario - idea about languag switching
1:43:20+ Jeremy - The tiddler content should be switchable too
1:45:15 Leo - Is it possible to see both (language content tiddlers) at the same time?
1:46:59 Scott - ... So User created content can be switched?
1:47:43 Tobi - wants to have a "flat file (tiddler)" for translation
1:49:22 Jeremy - back to config.js
1:49:32 /core/modules/commander.js - command line commands
1:49:32+ /core/modules/commands - folder
1:50:16 /core/modules/filters - folder
1:51:55 /core/modules/parsers - folder
1:53:09 /core/modules/rendertree - folder
1:54:10 /core/modules/savers - folder
1:54:49 /core/modules/utils - folder
1:56:31 - - that's it :) - -
1:56:48 Mario - what's the "module-type" used for?
1:58:55 - Small talk
1:59:50 Jeremy - Any questions?
2:00:00 Leo - Is it possible to trace the execution?
2:02:32 Mario - Leo, which browser do you use? FF + Firebug
2:04:30 Jeremy - back to the agenda.
2:04:45 Jeremy/all - TiddlyLink formatting ...
2:12:12 Bye! Bye!
2013-09-03 - [[YouTube|http://www.youtube.com/watch?v=umV13nEJZBk]]
"""
0:00:00 fltr: Craig Prichard, David Gifford, Eric Shulman, Jeremy Ruston, Kolmar Kafran, Mario Pietsch, Scott Simmons, Simon Harper, Tobias Beer
0:03:45 Agenda
0:04:24 Jeremy- New Features TW5 - new WikiInfo tiddler
0:06:00 Jeremy- ControlPanel - AnimationDuration tiddler
0:07:35 Jeremy- ThemeTweaks - and how it works with transclusion ...
0:11:30 Jeremy- ThemeTweaks with FF - change story column and colors
0:16:05 Jeremy- AndTidWiki app support
0:19:00 Jeremy/Scott- MathML support
0:22:45 Mario/Jeremy- What was the problem with MathJax
0:25:35 Jeremy- "What we need is a LaTeX parser ..."
0:26:05 Jeremy- Moving from Alpha to Beta
0:27:20 J- "We should push to NPM" (node package manager)
0:28:00 J- "We need Release note and Release announcements"
0:28:40 J- about the update / upgrade mechanism
0:29:18 Scott/Jeremy - Live cycle of TW-classic / Migration points?
0:32:23 Jeremy- When switch tiddlywiki.com to TW5
0:34:20 Jeremy- Analytics about tiddlywiki.com
0:38:10 Jeremy- "TiddlyWiki-classic is a extremely usefull tool"
0:40:35 Jeremy- There should be a solid upgrade story for TW5!
0:42:43 Dave- Browser back/forward button should work
0:44:45 Dave- about permalinks
0:46:00 Jeremy- Wikitext changes may be disruptive
0:47:13 Scott/Jeremy- about Syntax changes, in the middle of beta?!
0:51:25 Jeremy- summs up from his "take aways"
0:52:38 Scott/Jeremy- about the show stoppers to beta
0:54:20 Jeremy- TiddlerLink should not be bold. But this causes some "hickups"
0:59:53 Jeremy- about TiddlerWidget and TranscludeWidget
1:06:08 Jeremy- New way of handling the ViewTemplate
1:11:45 Craig- What defines the order to build the ViewTemplate?
1:15:15 Jeremy/Kolmar- about MathML with FF
1:23:23 Jeremy- any questions?
1:23:40 Kolmar- How to handle images .. eg: SVGs for diagrams
1:25:10 Jeremy- Inserts an image to TW5 and transclude them
1:29:10 Jeremy- needs a pause ...
1:30:27 Jeremy- is back
1:30:55 Jeremy- Any more questions?
1:32:40 Jeremy/Kolmar about translation into portuguese
1:34:34 Kolmar about moneylog ... has an offline version similar to TW
1:41:08 Bye! Bye!
2013-09-10 - [[YouTube|http://www.youtube.com/watch?v=SH0BU7ZxjWU]]
"""
0:00:00 Intro: fltr: Craig Prichard, Eric Shulman (0:35:30), Javid Lakha, Jeremy Ruston, Kolmar Kafran (later), Kamil (drops out sometimes), Mario Pietsch, Nathan Cain (0:09:10), Scott Simons, Tobias Beer,
0:02:10 Jeremy- freedombits (dot) com
0:04:50 Jeremy- TW5 frontpage gets examples and press tiddler
0:06:27 Jeremy/Mario- about the TW5 markup and the timeframe for possible changes
0:09:25 Jeremy- Data Tiddlers
0:10:20 slices- mime: application/x-tiddler-dictionary
0:11:37 history list- JSON- mime: application/json
0:13:29 d3 stuff- data in JSON format
0:16:50 Jeremy- data tiddler- implementation ... code
0:24:00 Jeremy- forum software ... "eat our own dogfood" or use 3rd party software (eg: discourse (dot) org )
0:34:25 Jeremy- Authentication (eg: passwordjs (dot) org)
0:38:00 see: kunxi (dot) org ... "note up powered by tiddlywiki5"
0:43:45 Jeremy- Video plugins for TW5.
0:44:48 ... voice recording problems ... up to 0:48:40
0:48:40 annotations and video plugin (still some lagging problems)
0:50:52 annotations and video plugin (again :)
0:51:52 Kolmar .. (communication problems..) ... jump to 0:55:30
0:53:50 Kolmar prepares for screen sharing to discuss his issues (mentioned in hangout 11)
0:55:30 Jeremy- about state tiddlers ... to store eg: tab state
1:00:25 Kolmar- about his TW5 issues: core update / import tiddlers,
1:05:03 Kolmar- issue with MathML ...
1:06:30 Kolmar- TW as collaborative tool
1:10:26 Kolmar- about sharing just one tiddler
1:12:10 Jeremy- Export / Download tiddlers in several formats
1:14:26 Jeremy- Save a single tiddler - button example (just ignore the JS warning :)
1:19:30 Jeremy wants to see Kolmars wiki ...
1:23:00 Kolmar- Is it possible to have an image gallery?
1:27:45 Nathan/Jeremy- expanding require to use npm, or pulling modules in on demand?
1:31:40 ... Nathan offers to send some pull requests ...
1:32:00 Jeremy- "The single file nature of TW5 makes it unique."
1:33:00 Jeremy- TW5 is a Quine ..
1:35:35 Jeremy- any final questions?
1:36:30 Bye! Bye!
2013-09-17 - [[YouTube|http://www.youtube.com/watch?v=aLJH2F9zyqk]]
"""
0:00:00 Intro: fltr: Bauwe Bijl, David Johnston, Javid Lakha, Eric Shulman (later), Jeremy Ruston, Mario Pietsch, Nathan Cain, Scott Simmons, Slonik Az (Leo), Tobias Beer (later),
0:03:27 Bauwe- Shows his RaspberryPi experiments- short intro
0:05:50 Bauwe- Screen sharing TW5 hosted on RPi
0:07:30 Bauwe- terminal action :)
0:08:45 Jeremy- How did you get the IP address
0:09:25 Jeremy- You did use express.js to serve a static TW5 ...
0:11:25 Bauwe- shows the script files and directory structure
0:25:40 Jeremy- How does the CPU gauge get its data.
0:26:00 Jeremy/Bauwe- What kind of app do you see in the future ...?
0:27:30 Jeremy/Bauwe- About TW5 possibilities using/manipulating "data" + TW as a wiki
0:29:33 Jeremy/Bauwe- Advantages of the RPi? sensors ...
0:30:35 Jeremy- Summary about his take aways
0:33:05 Jeremy- About CLA "Contributor License Agreement"... automating the procedure... with github
0:37:25 Jeremy/Nathan- Request for help in this regard. Nathan suggests a handy github based method.
0:39:30 David/Jeremy- Data tiddlers as JSON. JSONT or "JSONselect" to pull out data of data tiddlers ... (some microphone problems)
0:45:40 Jeremy- short summary about data tiddlers, because of "lag" problems.
0:47:05 David- Is there a TW mechanism to check for new tiddler files on the filesystem? "fs.watch in nodejs"
0:49:20 Jeremy- shows syncer.js and filesystemadaptor.js code. TW5 based docs ...
0:52:30 Jeremy- any other questions? ... Nathan want to help with "fs.watch nodejs code"
0:53:22 Jeremy- about his plans to have a hardware TW. ...
0:54:00 Intro: Eric Shulman, Kolmar Kafran, Tobias Beer
0:56:45 Jeremy- about "state tiddlers" in TW (about state tiddler names)
1:02:20 Leo- Is it possible to "shorten" the visual tiddler name?
1:04:25 Tobias/Mario- Why do we need state tiddlers.
1:05:20 Mario/David- There is a problem with long win2003 server file names with ntfs
1:06:55 Jeremy- back- Jeremy favors the "hashing" approach
1:07:38 Jeremy- we can't use cookies anymore for state info because of "file cookies"
1:07:55 Jeremy- about local storage and TW5
1:09:10 Jeremy- "the thing is the tiddler" for consistency
1:13:15 Jeremy- Javid(no mic) want's to have a "private" TW in the cloud.
1:14:50 Jeremy- about TW5 server and hosting
1:18:38 Jeremy- Nathan suggests a "git sync plugin"
1:19:15 Jeremy/David about David's pull request, the "code readability" and contribution management
1:24:10 David- about his "getting started guide" and about handling it
1:25:36 Jeremy- Any other topic
1:26:03 David- Do you have scripts for "sublime text" editor, to speed up writing.
some "small talk"
1:33:20 David- What are you working on in TW - the focus?
1:39:08 David- With TWc there is too much stuff at too many different places ...
1:40:30 Eric/David/Jeremy- about TWc plugins and history
1:45:27 David/Jermy- ... talk about a TW "revenue model"
1:47:15 Bauwe- shows the use of TWS to save TW2 files with chrome and as a chrome extension
1:52:10 Jeremy- summs it up ... reflections about saving tiddlers or saving "containers" and "how to take over the world :)"
1:56:50 Leo- about the concept of tiddlers, files, directories and TW5
1:58:25 Bye! Bye!
2013-09-25 - [[YouTube|http://www.youtube.com/watch?v=kraMtDEiu7Y]]
"""
0:00:00 Intro: fltr: David Johnston, Eric Shulman (later), Jeremy Ruston, Kamil Jellonek, Mario Pietsch, Tobias Beer
0:02:10 Jeremy- about Kamil's usecase for documentation and images.
0:02:59 Kamil- introduces his usecase. Creating / Editing - User Guides, ...
0:04:15 Jeremy- screenshare. "Tiddlymanuals" project ...
0:08:00 Jeremy- Ambit basic manual
0:11:15 Jeremy- create screenshot tiddlers with TW5
0:14:05 Kamil- about the desired workflow
0:16:40 Jeremy- the benefit of tiddler images / images as tiddlers.
0:17:10 Jeremy- about TW "mental model"
0:21:20 Hello: Eric Shulman
0:21:30 Jeremy- What is TiddlyWiki.
0:23:15 Jeremy- What does the audience think?
0:23:20 David/Jeremy- short summary about the possible workflow.
0:25:30 Kamil's feedback ... Mario's concerns about picture size.
0:28:34 Eric- about image handling / including in TWc.
0:30:40 Jeremy- TW client/server mode flexibility
0:33:05 Eric- comparing TW "modes" ...
0:36:00 Kamil- "understanding summary"
0:36:45 Jeremy- optimizing images and TW (size) limits
0:37:55 Kamil- How to notify users about eg: "TW usage hints"?
0:39:30 Eric- ...a TW "notification bar" and message logging.
0:43:20 Tobias- shares some of his latest spaces, plugins, ...
0:43:45 customize (dot) tiddlyspace (dot) com ... "all stuff TiddlyWiki"
0:49:15 .. how a plugin space should look like.
0:49:35 Mario- How do you keep the customize up to date?
0:51:45 tiddlywiki (dot) org ... "How TiddlyWiki Works"
0:52:34 scripts (dot) tiddlyspace (dog) com ... code snippest
0:53:20 the "white theme flavors" ... white (dot) tiddlyspace (dot) com
0:55:40 untagged (dot) tiddlyspace (dot) com
0:57:14 pagr (dot) tiddlyspace (dot) com
1:00:04 listfiltr (dot) tiddlyspace (dot) com
1:02:00 tagfiltr (dot) tiddlyspace (dot) com
1:05:20 Mario- has a problem with "hiding information" with eg: the tag "no-tag"
1:06:33 filtr (dot) tiddlyspace (dot) com
1:09:45 Jeremy- short summary (praise the work!)
1:11:00 David- "hobby related" questions ... RPG
1:12:00 David- creating seeded, "real random numbers"
1:14:48 David- shares his RPG work.
1:19:30 David- shares the "randomize" code.
1:25:05 David- "slider input range" and "number line" (touch optimized)
1:29:00 David- modify a tiddler "on save" - UUIDs
1:35:20 David- How to "hook" into the save mechanism?
1:39:57 Mario- Is the "in place editing" a possibility?
1:41:50 Jeremy- ... how to solve the "original problem".
1:44:12 discussion about the "number line"
1:46:50 Jeremy- about "web components spec" ... polymer ... x-tags
1:48:25 some code refactoring
1:50:25 plugins may be on github
1:54:00 Jeremy- "his take away's"
1:54:30 Jeremy- about refactoring the rendering tree code
1:57:20 Mario- some elements have "hardcoded styles" ..
1:59:58 Bye! Bye!
2013-10-01 - [[YouTube|http://www.youtube.com/watch?v=DZiU4uSGFnQ]]
"""
0:00:00 Intro: fltr: David Gifford, David Johnston, Jeremy Ruston, Eric Shulman (had a short look), Kamil Jellonek (later), Keith Bruckner, Mario Pietsch
0:03:38 Dave/Dave- smalltalk
0:04:20 Jeremy- shows "Tiddlers on the Web" presentation from Ben Paddock
0:05:55 Dave J.- shows his additional filters
+- 0:07:03 "list next" - filter add on
+- 0:08:40 "previous" list filter
+- 0:10:20 "before" ...
+- 0:12:10 ... some info about "limit bug"
+- 0:13:10 "before plus limit 1"
+- 0:13:45 "after" -> "!before"
+- 0:14:25 now combining the possibilities
+- 0:15:20 "position" filter
+- 0:15:45 "numberof"
+- 0:17:05 "real world" examples ...
+- 0:18:30 "real world usecase" as a macro
0:21:20 Jeremy- comments on Dave's filters (some audio problems)
0:24:55 David G.- expresses his ideas for some more "new filters" :)
0:26:58 David G./DJ- is there a way to convert DJ's filters to "pills" similar to tags? ... some more usecases ...
0:30:40 Jeremy- Do you intend to create "hirarchy lists"
0:31:42 Jeremy- What about the filter API (filters may be able to take multiple parameters)
0:32:40 Jeremy- (autio problems) ... Hangout broken 10sec
0:33:30 Dave J./Jeremy- more filter info for Dave G.
0:34:33 David G.- Page numbers and printing?
0:37:00 Jeremy- about code refactoring going on, to clean up the rendered DOM
0:38:00 ... audio problems for 2:20min ... Jeremy
0:40:40 some smalltalk
0:41:10 Dave G.- shares some info about a discussion with Jeremy
0:43:30 Dave J./Dave G.- shows the "fly out" nav bar (hangout 14 contains some more info)
0:47:10 Dave G./Jeremy- about "non hirarchical related lists"
0:49:13 Dave J./Jeremy- discussion about "filter syntax and programming"
0:52:15 Mario- questions ... about "word count" - "character count" ... plugin ... (low level stuff)
1:00:00 Jeremy- hints about, how to create the "word count" widget. plus some low level background info for parsing and rendering.
1:12:00 Jeremy's- computer crashed ... :/
1:12:50 Jeremy- audio only ... real crash
1:13:45 David J./Mario .. smalltalk
1:14:50 ... hangout broken ...
2013-10-09 - [[YouTube|http://www.youtube.com/watch?v=fUV4Qzj_7Jw]]
"""
0:00:00 Intro- fltr: Jeremy Ruston, Kamil Jellenek, Kolmar Kafran, Mario Pietsch, Nathan Cain
0:02:30 Kamil- How to get started with TW5? (Chrome)
0:06:00 Kolmar- short intro. ... When is the empty.html updated?
0:07:20 Jeremy- How to get started with TW5? (FireFox w. TiddlyFox)
0:09:40 Kolmar- Is the "BLOB API" updated in empty.html? (needed for saving)
0:11:10 Kamil- How does the "password" work? TiddlyWiki encryption
0:12:35 Kamil- Is there a possibility to "write protect" the TW? (Users should not change content by acident)
0:15:50 Jeremy- TW5 in dropbox - "How to create a view only mode link"
0:20:40 Kolmar- How to hide the "save ... buttons" ...
0:21:50 Jeremy- Dicussion about "read only mode"
0:24:10 Jeremy- TW5 static version
0:24:40 Jeremy- Creates a "read only theme" on the fly! (+ some browser problems :)
0:36:00 Jeremy- Create a "save button" for the "read only theme" ;) ... kind of tricky :)
0:39:00 Jeremy- Deploy - the "ReadOnly" theme! well done :)
0:39:40 - discussion "how to toggle read only mode"
0:41:17 Mario- question about "drag and drop" tagging ...
0:42:20 Jeremy- Edit tags without edit mode ... possible improvements for tagging.
0:45:00 Kamil- discussion about "keyboard shortcuts" and endusers needs.
0:46:27 Kamil- about "tag colors" and categorisation
0:48:16 Mario- Concerns about "automatically changing" UI elements. (eg: automatic resorting of tag lists)
0:49:30 discussion about UI and UX ... tablet - drag and drop ... desktop - mouse and keyboard ...
0:53:20 Kolmar- shares his TW5 and what it means to him.
0:55:30 Jeremy- possibilities to use TW with mobile devices.
0:56:30 Jeremy- about TW5 and TWEdit
0:57:00 Kolmar- Is "TiddlyWiki in the Sky with Dropbox" with TW5 a possibility?
1:00:50 Kolmar- About his dropbox experience with Mon..Log
1:03:55 discussion about "What makes TW5 unique"
1:05:30 Jeremy- TW5 and git ... as a backend
1:06:28 Jeremy- TiddlyWiki local even in Oxford ... planning phase
1:10:40 Kamil- What is the "result" of eg: tw hangouts? ...
1:12:40 Mario- About "hangout annotations" and topics for discussion
1:13:40 Jeremy- github issues ... community pull requests
1:15:40 Jeremy- About the local meetup ... eventually community meetups ...
1:19:00 Kolmar- about internationalisation - TW translation.
1:20:55 Mario- A TW5 Logo is missing :)
1:21:30 Jeremy- Thoughts ... How a TW log should be .. and .. how it should _not_ be
1:25:35 Kolmar- Is it possible to contribute documentation with github or TW5?
1:27:13 Mario- What's about CDent's relation to Osmosoft?
1:28:00 Jeremy- about the community Logo discussion
1:31:30 Jeremy- "TiddlyWiki is all about tiddlers"
1:34:20 Kamil- Where is the TW5 syntax documentation? We can here Jeremy's voice and see Kolmar's TW5
1:37:50 discussion about empty.html ... and built in "wiki syntax info tiddler"
1:41:00 Kamil- about contributing, testing and translation ....
1:44:25 Nathan- Should there be a TW5 edition just for documentation?
1:45:40 Mario- about handling pictures with TW5 and 3rd party services (eg: trovebox (dot) com)
1:47:55 Jeremy- about resizing images in the browser.
1:50:45 Bye! Bye!
2013-10-15 - [[YouTube|http://www.youtube.com/watch?v=tzK6_9W0rn4]]
"""
0:00:00 Intro: fltr: Eric Shulman, Jeremy Ruston, Mario Pietsch, Nathan Cain, Scott Simmons
0:01:50 Jeremy- about the TW5 widget refactoring / refactoring in general
0:02:40 Jeremy- template "readability" ... after the widget refactoring
0:04:15 Jeremy- about the TW5 widget refactoring ... ./nbld.sh
0:09:58 ... FireFox 3D DOM model comparison
0:12:25 Jeremy- "macro" and "context" template mechanism eg: tag background coloring
0:17:20 ... ViewTemplate uses the same mechanism now
0:19:50 Jeremy- comparing the new/old folder structure
0:22:40 Jeremy- TW5 commit history
0:24:30 mario's mic is muted :/ communication problems
0:25:30 audio back ... Jeremy- about the "3rd" refactoring
0:28:20 Scott/Jeremy- sharing tiddlers among different TWs. ... What's the nature of TW5?
0:33:30 Mario- nodejs will be interesting for dev's and if you need "single file tiddlers"
0:34:15 Jeremy- about Dropbox, OwnCloud, "command line action" and possibilities to make it easy
0:36:30 ... TW5 as an "application" ... eg: Appify
0:39:20 Bye! Bye!
2013-10-22 - [[YouTube|http://www.youtube.com/watch?v=LEFadJ6Ls2Y]]
"""
0:00:00 Intro: fltr: Bauwe Bijl (0:12:50), David Gifford, Jeremy Ruston, Mario Pietsch, Paul Truzzi (later) Scott Simmons, Ton Gerner
0:02:05 Ton- About his TiddlyWiki usecases
0:07:35 Dave- Introduces TiddlyWiki 5 Mall
0:12:50 Bauwe- Intro
0:13:50 Bauwe- Update on RaspberryPi sensor experiments
0:21:00 Jeremy- Transclude tiddler content into an SVG
0:24:15 Eric/Bauwe- about other mini-computer hardware .. parallelo, tessel, beagle bone black
0:25:45 Jeremy- Update on "Widget Refactoring"
0:30:20 Mario- Are there any basic widgets missing?
0:32:20 Jeremy- startup.js, version.js, link.js, widget.js
0:35:05 Jeremy- about regexp for "skype:" protocol ... external link detection
0:36:40 Jeremy- Tag search editor issue ... general info about refactoring
0:40:20 Eric- Start Search by clicking a link?
0:42:50 Eric- "" n-da2sh, "-" m-dash and escaping wikification
0:51:46 Eric/Jeremy- Is it possible to disable "dash" rendering ... with a "rule"
0:54:20 Jeremy- about Ton's Top Menu ... theme mod
0:59:30 general discussion about TW5 syntax "evolution" ... rule, macro transclusion
1:02:20 Mario- Will there be "global" makros? ... see: /modules/macros folder
1:04:01 /modules/macros/makedatauri.js ... about general macro handling
1:09:20 Mario/Jeremy- About the transition from TW2 to TW5
1:12:12 Scott- There should be a "cheat sheet" with TW5 syntax in TW5
1:14:30 Jeremy- any questions? ... nope
1:15:25 Dave- Will it be possible to transclude "external" tiddlers? from file / URL
1:21:14 Eric- about the TiddlyWiki structure as a "box of index cards" ...
1:22:45 Jeremy- About "Smalles Federated Wiki"
1:27:40 Scott- How does TiddlySpace include other spaces?
1:30:50 Jeremy/Eric- About "Eric's Clinic" ... smalltalk ... "custom fields"
1:34:12 Jeremy- about +TiddlyWiki google plus circle ... smalltalk about hangout's
1:40:20 Bye! Bye!
2013-10-29 - [[YouTube|http://www.youtube.com/watch?v=wYaFsOzXnPY]]
"""
0:00:00 Intro- fltr: Bauwe Bijl, EricShulmann, Jerey Ruston, Mario Pietsch, Leo Azimov, Stephan Hradeck, Ton Gerner
0:03:40 Jeremy/Stephan- about Stephan's TW5 usecase as a "handover doc paper"
0:06:01 Leo/Stephan- How do you merge changes done by different users?
0:07:50 Intro Bauwe Bijl
0:08:28 Leo- Feature request. Display TW "interdependencies in the form of a graph"
0:10:30 Mario- Suggests TiddlyWeb as a backend instead of the "file system"
0:12:20 Eric- Shows a working HyperGraph TWc plugin - "discovery tools"
0:13:30 Leo/Mario- About his usecase to split a big TW into "private" and "public" pices. Mario suggests hoster (dot) peermore (dot) com
0:17:48 Mario/Jeremy- about MindMaps and importing it into TW
0:21:35 Eric/Leo- shows the TWc RelatedTiddlersPlugin. about tiddler connection structure
0:25:30 Bauwe/Jeremy- update on his RaspberrPi SVG data collection project
0:38:35 Bauwe/Jeremy/Mario/Leo- has a filter feature request ... "hide tiddlers until, they are modified" ... "exclude, based on modifier"
0:43:55 Jeremy- creates a github ticket (#187) for the feature request.
0:45:14 Jeremy- short summary ... about his "take away" thoughts.
0:47:16 Jeremy- dynamic SVG handling.
0:51:30 Jeremy- about the "external link" handling. ... public brainstorming!
1:03:25 Stephan- confusion about "pretty links" in TW and MediaWiki. ... no more tilde's
1:08:50 Stephan/Jeremy- is used in too many places ... may be :)
1:10:40 Jeremy- about refactoring .... !!! here comes the geeky stuff !!!
1:11:45 Jeremy- review the github pull request
1:12:30 about static templates .. core/templates/static.template.html.tid
1:13:54 core/templates/static.tiddler.html.tid
1:14:10 view widget .. wikified is dropped
1:15:14 transclude widget code
1:16:45 core/ui/EditTemplate.tid .. source code
1:20:45 Mario- did the refactoring make CSS simpler?
1:22:20 Mario- about the goal to show a "live theme" inside a tiddler
1:25:30 Jeremy- edit "post render function" is able to "call" the "codemirro plugin" .. general discussion about implementing the tiddlywik cm-parser
1:31:52 core/ui/FieldEditor.tid
1:35:30 Would it be possible, that TW creates "x-tags"/"web components"?
1:37:20 "setvariable" widget .. used in the EditTemplate
1:40:20 title vs tiddler in field names
1:41:40 List of "typed" tiddlers ... for filtering
1:43:25 Mario- short indirection to Bauwe's "data tiddler" filtering
1:45:01 Import widget on PageTemplate .. discussion about the "drop zone"
1:49:36 core/ui/TagTemplate .. "hard coded" styles vs. "CSS styled" tag colors .. general discussion about tag coloring.
2:01:40 about the TW "self documenting" possibilities. Automatically created documentation. snippets templates
2:05:50 Mario- Will there be a "nodejs TiddlyWeb" version. Jeremy isn't that interested in serversides. The API will be enough.
2:12:55 Bye! Bye!
"""
2013-11-05 - [[YouTube|http://www.youtube.com/watch?v=8_-HhbEMiJ4]]
"""
0:00:00 Intro: frtl: Mario, Piers, Robin, Sean, Leo (Slonik), Stephan, Ton
0:03:00 Jeremy- What's new: CodeMirror integration (plugin)
0:05:45 Leo- uses "It's all text" Will it work with CM?
0:06:55 Jeremy- There is a new "markdown plugin" for interoperability.
0:10:15 Jeremy- Short info about markdown plugin integration (code).
0:12:45 Jeremy- How codemirror was included (code)
0:13:15 Jeremy- Some discussion about animation and inernal HTML structure
0:17:27 Intro Nathan
0:18:25 Jeremy- Are there questions from Piers and Sean? usecase?
0:20:43 Jeremy- multi column mode lists ... TW5 as a "guitar songbook"
0:25:37 Leo- External links to MP3?
0:26:20 about multi column CSS
0:27:40 Jeremy- does a lot of "skeleton documentation"
0:30:12 Mario- Are we close to beta? -> upgrade the core is the blocker atm ... general discussion about beta
0:32:40 Leo- Do we need to write browser specific CSS? ... TW5 does simplify CSS creation ..
0:34:30 Jeremy- How to create a "CSS macro" for 4 columns
0:36:40 Mario- What do you think about using microformats. microformats (dot) org
0:38:20 Jeremy/Mario/Nathan/Leo- thinking about RDFa ... open graph ... schema (dot) org ... using RDF as a "storage format"
0:50:40 Jeremy/Nathan- reflections about the above (RDF)
0:54:20 Nathan/Jeremy- about "Federated Querying" ... SPARQL
0:57:20 Jeremy- reflections about "possibilities to use it"
0:58:48 Jeremy- "PageMacros" ... "hacky" global macros ... built in macros
1:00:00 Jeremy- Creating tabs with macros
1:01:08 Mario- brings back the "sections and slice" discussion ... about "prose / natural data structure"
1:04:53 Jeremy- "library of core macros" ... text and javascript
1:08:50 Mario- issue - using TW5 to create TW2 test.html - TW5 npm should be updated.
1:12:25 Nathan- shows a structure of "Linked open data cloud"
1:19:29 ... tags and URI ... od items inside TW have an URI? ... text URI ... rendered URI
1:26:30 Jeremy- TW5 (without javascript) shows the tiddler titles. ... It could be anything.
1:29:00 Nathan- are the "js macros" global?
1:34:08 Jeremy/Mario- Animation is back ... for popup's ... adjusting animation speed ... working with tabs
1:39:40 Jeremy- about keyboard shortcuts
1:41:35 Nathan- Is there a "command line interface" in TW5
1:44:40 Jeremy- searches some "early TW UI sketches"
1:45:20 Nathan- CLI - to manipulate the "server side"
1:47:52 Jeremy- finally shows some "early TW UI sketches" ... a termKit like CLI for TW
1:54:10 Bye! Bye!
"""
2013-11-12 - [[YouTube|https://www.youtube.com/watch?v=SqjPSqQySc0]]
"""
0:00:00 Intro: fltr: Ton, Scott, Mario, Jeremy, Eric, Adrian
0:02:35 Jeremy- What's new in alpha 14 -> ControlPanel
0:04:30 Jeremy- Add a new tab to the ControlPanel tiddler.
0:05:08 Jeremy- Add a tab to the "info panel"
0:06:00 Jeremy- TW5 static representation
0:06:45 Jeremy- What will be interesting ??
0:08:20 Mario- is interested in Adrians usecase.
0:08:40 Adrian- Build TW5 from source with Windows?
0:10:20 Mario- Suggests to use "grunt" to manage TW5 build process
0:15:50 Adrian- ... is hunting for the "perfect personal information management system"
0:16:30 Adrian- would like a "graph like view" of TW
0:17:07 Jeremy- shows the cecily (TWc) project ... It should come back to TW5
0:24:20 Jeremy- about integration of d3
0:27:36 Adrian- TW5 data structure, meta data, "external" databases, ...
0:28:20 Jeremy- ... how the "story view" handles tiddlers ... list widget
0:29:40 Adrian- how to "expose the intrinsic link structure"
0:30:20 Jeremy- ... the filter syntax to "select" tiddlers
0:34:36 Adrian- ... does TW support external data sources?
0:39:40 Jeremy- about the "tiddler store" (code), and "plugable stores"
0:42:45 Andrew- what's about "scaling" out of "personal use"
0:46:50 Mario- suggests couchdb - pouchdb - for syncing single file TWs
0:47:30 Jeremy- about capturing the tiddler hashmap (store) in a clousure to "enforce a unified api"
0:48:10 Jeremy- leavs ...
0:49:30 ... Eric on the guitar!
0:50:20 Jeremy- is back
0:51:25 Adrian- about databases he is interested in eg: neo4j, datomic,
0:54:15 Adrian- about Relavance and "associative databases"
0:56:00 Jeremy- about SQL databases
0:57:40 Jeremy- about the TW5 "internal data structure"
1:02:25 Adrian- had issue with d3 data set saving (actually found a bug)
1:05:30 Adrian- What do you think about "The smallest federated wiki"?
1:11:27 Mario- TW5 on itself will scale much better than TW2
1:12:10 Adrian- What about trello?
1:14:30 Adrian- TWs open tiddler animation is kind of confusing.
1:18:40 Bye! Bye!
2013-11-19 - [[YouTube|http://www.youtube.com/watch?v=UEYaPiOB8dI]]
"""
0:00:00 intro: frtl: Jeremy, Mario, Nathan, Stephan, Ton
0:01:40 Jeremy- What do you think of the "Fork me on GitHub" ribbon
0:08:55 Nathan- "Download me as a file" instead of "Fork me on Github"
0:10:30 Jeremy- The link color changed a bit.
0:13:30 Jeremy- About "vanilla" CSS styling and a new "Vanilla Theme"
0:15:40 Jeremy- about page layout configurability
0:16:40 Mario- "Complains" about text edit performance
0:22:00 Jeremy- About testing and avoid regressions
0:23:45 Jeremy- Control Panel now has a TiddlySpot setting tab.
0:26:30 Jeremy- Save to TiddlySpot will be part of the core ... code review.
0:28:20 ... About IE ... TW5 should work with IE10+
0:29:10 Julio- What's the difference between macros and widgets
0:29:50 Mario- about the difference between macros and widgets.
0:31:50 Stephan- macros are "kind of a template"
0:32:10 Jeremy- summs up the above
0:32:40 Mario- about managing "user specific" macros
0:33:10 Jeremy- Proposal - about extending the MIME type of tiddlers to handle "export/import" of macros.
0:37:10 Jeremy- The goal is that ordinary users don't need to deal with widget syntax.
0:38:25 Jeremy- Which macros are needed for "users" .. 9
0:39:50 Jeremy- shows the "tab macro" code
0:41:03 Jeremy- Summary about macros and widgets
0:42:30 Jeremy- Macros should be "self documenting"
0:44:15 Jeremy- Moving to "beta" ... how to do the "core upgrade"
0:47:00 Jeremy- The boot mechanism should be able to load "external files"
0:49:00 Jeremy- How to do the core upgrade with eg: npm, visit ..tw5/upgrade, download the upgrade mechanism TW, extend TiddlyFox possibilities.
0:52:20 Jeremy- move to beta and TW5 will be the frontpage for tiddlywiki.com
1:04:45 small talk, managing lists :)
Bye! Bye!
"""
2013-11-26 - [[YouTube| https://www.youtube.com/watch?v=vKJwcY-gx2g]]
"""
0:00:00 Intro: frtl: Adrian, Bob(later), Dave, Eric, Jeremy, Stephan, Ton, Mario (later)
0:02:05 Agenda: What's new, Creating DropDown's, about the list widget, tracing the code
0:03:20 Jeremy- New PageTemplate tag, to modify the page template
0:07:15 J- Fixed the "list sorting" issue
0:09:05 J- Control panel - tiddlyspot saver tab. link to backup folder.
0:10:40 J- about fixed issues. (filter typo causes alert) ...
0:12:20 J- Changing templates ... Save empty.html
0:13:50 J- google analytics is now a propper plugin.
0:14:10 J- new save/download buttons
0:16:30 J- Josh's question - how to create a dropdown menue
0:20:03 Eric- some questions about the popup
0:22:20 Eric- suggestion - add items to the list would be cool
0:23:40 J- popup source review
0:29:20 J- about the "linkcatcher" widget ... also used for theme switching
0:31:10 Bob- What is the "bang bang" for?
0:33:45 Eric- Is there a "tooltip" ability?
0:35:55 J- New "fallback" feature of the "view widget".
0:37:20 Bob- Is the span needed to have the tooltip?
0:38:00 J- in beta we need to find out the "common idioms" ... and make them easy.
0:40:30 J- Dave's quesiton - about wikitext filter syntax shortcut
0:41:50 J- we need to extend the table syntax ... eg: multi line table syntax
0:45:55 Stephan- Will it interfere with existing table syntax?
0:47:40 Bob- questions about "escaping"
0:49:35 J- back to Dave's question ... transclusion in tables
0:52:20 J- howto - create a table with the "list widget" and templates
0:57:45 Bob- hangout examples should be copied over to a TW
1:00:00 back to the table syntax. ... right align.
1:02:00 Mario- How do you create a "dynamic" table with "list filters" ...
1:04:00 J- suggest COOL new syntax for "wikitext lists" and tables.
1:06:35 J- how "dynamic tables" are created atm. ... new wiki syntax
1:12:50 J- brainstroming about a "generic simple wiki syntax" for several things.
1:17:25 J- new syntax for "typed transclusion"
1:20:10 J- atm it's possible to make suggestions to improve TW5 wikitext for table, typed transclusions
1:23:10 J- Stephan's question about "What happens, when you click the Save button"
1:25:05 J- review the source for the "save button" ... start with the boot.js kernel
1:28:17 core/ folder ... plugin.info
1:28:44 modules/ folder ... startup.js
1:29:28 have a look at the "new" dev-wiki
1:31:15 Mario- Where is the code, that "catches the button save message"?
1:32:40 J- What happens if the save button is clicked. - part of the PageControls
1:34:25 widgets/button.js ... click event ... .execute
1:36:15 ... have a look at the "widget render tree" ... $tw.wiki.parseText
1:41:50 Mario- OT is there a connection between the tree and the source text position?
1:43:50 J- about the widget architecture
1:45:10 back to the button widget
1:45:40 widget.prototype.dispatchEvent ... tw-save-wiki
1:46:17 find the handler that executes the message. see: startup.js
1:47:50 $tw.wiki.saveWiki() .. see: wiki.js
1:51:00 about the savers/ modules
1:52:50 TiddlyFox saver ... .saverInit()
1:55:30 test.js widget
1:55:55 Stephan- wants visual feedback for saving to tiddlyspot .. upload.sh
1:58:10 progress bar is similar to the notifier.js
2:01:00 J- coding in TW is very different to jQuery, since the DOM is transient. Similar to angular.js
2:03:15 J- summing it up
2:04:40 J- states "parsers are not complicated" ;)
2:06:15 J- storyviews are "kind of complicated"
2:08:15 J- The UI is ripe for contributions.
2:08:50 J- Compare TW5 with other github projects .. number of commits
2:12:05 J- questions? ... smalltalk
2:13:20 Mario- Any progress on the "upgrade" mechanism?
2:18:00 Bye! Bye!
"""
2013-12-04 - [[YouTube|http://www.youtube.com/watch?v=xlXdKMj70yM]]
"""
0:00:00 Intro: frtl: Jim + background, Jeremy, Mario, Michael, Paul, Stephan, Ton
0:07:30 Jeremy / Paul- about "OXTWIG" meeting in Oxford.
0:11:35 Jeremy- User-TWs in action (Jim screenshare won't work)
0:17:40 Michael- TW in action (actually nothing to show :)
0:18:50 Ton- about tw5toolbar(.)tiddlyspot(.)com new buttons: home, full screen, close all, close others, clone, search, help, ... StyleSheets ... ToggelTheme ... hide sidebar
0:26:55 Jeremy- about how Ton does the editing?
0:29:30 Michael- about single file TW vs node version (conversion back and forth) ginsu.sh
0:35:10 Jim- about his TW5 usecase ... create "reference material" .... (Jeremy's screenshare wasn't recorded) :/ (see Jim's TW at hangout#25)
0:47:50 Jeremy- Preperation for the Beta - about version numbering
0:50:40 Jeremy- How the "upgrade process works"
0:57:00 Jeremy- about "Getting Started with TiddlyWiki5" on youtube and a "youtube widget"
0:58:40 Jeremy- Nathan joins the talk.
0:59:50 Jeremy- How to import eg: markdown plugin.
1:00:55 Michael- How to open several tiddlers at once?
1:02:10 Mario- Would it be possible that a "open all tiddlers" also looks a the "list" field to open them in the right order?
1:03:00 Stephan/Jeremy- about automatic loading in "DefaultTiddlers"
1:06:00 Michael- Will it be possible to sort tiddlers in the "story river"?
1:07:50 Jeremy- about borrowing "Trello" functionality.
1:09:55 Jeremy- conditionally show/hide the sidebar
1:10:30 Stephan- do we have a "storyline" plugin/button?
1:11:00 Jim- about "conditionally" change the layout
1:15:40 Jeremy- Eric joined the session
1:17:40 Jeremy- about moving TW5 to tiddlywiki(.)com
1:19:10 Mario- complains about the TW5 "HelloThere" link to TiddlyWikiClassic
1:21:50 Jeremy/Eric- about moving TWc and TW5 frontpages ...
1:24:40 Mario- about the "migration path" from TWc to TW5
1:26:50 Paul- about "HelloThere" wording ...
1:28:30 Stephan- should we talk about the TW syntax for "quotes" skeeve(.)tiddlyspot(.)com
1:39:50 Jeremy- Question: Will quotes work with lists?
1:43:28 Stephan- about "radio buttons"
1:45:40 Michael- How to switch of CamelCase rendering?
1:51:30 Eric- about "black listing" CamelCase links, that should not be links
1:53:20 Mario- about tiddler aliasing
1:54:20 Eric- about "corner cases" if automatic wiki linking is globally switched of
1:57:10 Jeremy- about aliases ... being "symbolic links"
2:00:50 Jeremy- about aliases and regular expressions (regexp)
2:04:50 Bye! Bye!
"""
2013-12-10 - [[YouTube|http://www.youtube.com/watch?v=tGV5F2Gj_mE]]
"""
0:00:00 Intro: frtl: Jim, Jeremy, Mario, Paul, Stephan, Ton
0:02:50 Jim's- usecase: "TW5 in the wild". Using tags to create a "parent - child" structure. ... 1-1, 1-many relations
0:08:20 Jim- question: "How to get backlinks"
0:10:05 Jeremy's- explanation
0:13:20 Mario- suggests to use tags ... similar to "TagglyTagging" ... that's not, what Jim wants.
0:15:30 Jeremy- shows how to add the "backlink" to the ViewTemplate.
0:21:40 Jeremy- about "asking questions is _important_" because it is valuable feedback.
0:23:50 Jim- What does !!parent}} mean? ... about "text references"
0:30:15 Jim- Is "parent" a core field? ... no
0:31:30 Jeremy- documentation about "backlinks"
0:32:55 Jeremy- about "Philosophy of Tiddlers"
0:34:00 Jeremy- about TW Editions
0:38:18 Paul- about "documentation inconsistencies" ... that may be confusing for newbies
0:41:00 Jeremy- about the use of "TiddlyWiki" as TW5 and TiddlyWikiClassic
0:43:15 Paul- "What is a tiddler" ... which tiddler fields are part of the "core". What's default for TWc, TW5 and eg: TiddlyWeb / TiddlySpace
0:49:00 Mario- about fields that are part of the core.
0:52:20 Jeremy- about "Going to beta"
0:54:20 about browser "back / forward" button integration
-> 0:56:40 Jeremy- about the five(.)tiddlywiki(.)com/static/RoadMap ... (google video recording is kind of broken till: the end :(
0:58:10 .. multi language support
0:59:40 .. aliases ... (may affect the "store" structure"
1:01:40 .. search / replace
1:02:55 .. rich links tooltips
1:03:35 .. keyboard shortcuts and focus ... bookmarklets as a workaround
1:06:00 .. quoting ...
1:07:00 about "social" widgets .. eg: youtube widget
1:09:10 .. syntax highlighting
1:13:45 .. plugin minification
1:17:10 .. list editor drag and drop
1:18:10 .. display JSON data .. TW should be "self documenting"
1:19:20 general TW usability
1:22:30 about "depricating widgets" in the future
1:24:50 Paul- .. about $tw.document in the code
1:31:20 Kamil- .. drag and drop importing pictures
1:33:50 ... Google recording problems ...
1:37:10 Jeremy is back .. image support question ...
1:40:20 Jeremy/Eric- about move to beta and necessary "dot com" changes.
1:45:40 Ton- There is a problem with five(.)tiddlyspace(.)com
1:52:35 Bye! Bye!
"""
2013-12-17 - [[YouTube|http://www.youtube.com/watch?v=8nQOLkDwiu8]]
"""
0:00:00 Intro: rtl: Nathan (later), Paul, Stephan, Russ (later), Ton
0:01:34 Jeremy- TiddlyWiki is bata now \o/ see: tiddlywiki(.)com
0:02:45 Jeremy- There will be "broken links" in the web now :/
0:03:40 Jeremy- about bug fixes for the upcomming version (problems with screen sharing ...
0:07:40 Jeremy- is back - about the favicon
0:10:20 Jeremy- any questions about the agenda
0:11:25 Paul/Jeremy- How to contribute to TW with github
0:14:00 Jeremy- about linking external pictures in TW
0:15:15 Paul- about versioning
0:17:50 Paul- about links ... pretty links ... external links
0:30:55 Paul- about API specification ... what is stable and what is in flux
0:34:40 Paul- What are valid characters in a tiddler title?
0:45:00 Paul- Tiddlers may have an URI field
0:47:00 Jeremy- about date representation ... especially time zones
0:49:00 Jeremy- about the TW tiddler storage structure ... and probably changing it.
0:53:50 Paul- about timestamping down to the milisecond
1:00:00 Jeremy- about script tags with a "app specific" content type and related issues
1:02:00 Russ- joins the hangout ...
1:03:50 Russ- about "valid chars for the tiddler title" ecma-404 spec
1:07:15 Jeremy- about defining "task priorities" "fixes and features" for beta
1:13:55 Jeremy- Browser URL should contain the "full story state"
1:17:00 Jeremy- What to fix next - StyleSheet ordering -> internationalisation
1:22:10 Paul/Jeremy- about "RoadMap wording"
1:24:00 Jeremy- about "getting IE working" .. IE extension .. using TW as .hta
1:29:10 Jeremy- about releasing 5.0.4-beta
1:29:55 Paul- How will TW5 work with TiddlyWeb - TiddlySpace.
1:32:00 Jeremy- about DropBox support ... is a "must have"
1:32:40 Jeremy- planing the next hangout.
1:33:55 Jeremy- about some "incompatible issue fixes" ... how to introduce "deprication"
1:40:15 Jeremy- about improving the button widget
1:48:48 Bye! Bye!
"""
2013-12-12 - [[YouTube|https://www.youtube.com/watch?v=fCsQGIav9FM]]
"""
0:00:00 Intro: rtl: Jim, Mario, Scott, Ton, Paul (alias Xavier), Carlos (later)
0:03:30 Jim- shows his usecase ... managing todo lists, goals, projects, tasks
0:08:30 Jim- Is there a way to style reference tiddler links if they are tagged eg: done
0:10:20 Jim- about "navigating a story" eg: next
0:11:15 Jim- about the idea of a "follow up"
0:16:15 Jeremy- general discussion about GTD (Getting Things Done)
0:17:10 Jim- about "tasks" and "appointments" and "time stamp format"
0:20:25 Jeremy- about browser support for "color", "time" and "date" pickers
0:22:30 Jeremy- about a new wikitext syntax to create a calendar
0:26:20 Jeremy- about TW5 "in the wild"
0:26:50 Intro Stephan
0:27:30 Jeremy/Stephan- about regexp's
0:30:20 Jim- about JavaFX ... and "why is it cool"
0:34:40 Jeremy- about "communication" between JavaFX and TW5
0:38:50 Jeremy- about the "webview" with Visual Studio
0:39:50 Mario- "Are there any security restrictions ... web <-> java"
0:41:25 Jim- about he trys to "visualize" the data structure. ... (mp remark: a "non tag based approach to create a story structure")
0:47:23 Jeremy- Would like to implement a "nested list type" structure with drag and drop
0:50:10 Intro Carlos ... about his usecase ... "teaching ... languages" and programming languages.
0:54:50 Jeremy- about Dicon's project and his point of view as a psychologist to work with TW
0:58:38 Carlos- how TW fits to his usecase for "writing and reading"
1:03:00 Jeremy- about "translations" - internationalisation
1:06:00 Jeremy- about the chinese translations at: tw5-zh. tiddlyspot. com
1:06:50 Jeremy- translations should be plugins that work similar to the themeing mechanism
1:10:30 Mario- translations should work for content text and the UI
1:14:07 Stephan- is it possible to search for "system" and "shadow" tiddlers
1:14:52 Jeremy- there should be a new TW file format. Translations should be "a single file"
1:16:00 Jeremy- The Roadmap ... next may be make translations easy
1:18:50 Jim- responding to Carlos's usecase. ... "creating a learning path"
1:26:30 Mario- about hangout #15 and David's filter addons ...
1:27:50 Carlos- about syntax highlighting
1:30:40 Mario- about "lazy loading" "source code" tiddlers from a server for syntax highlighting.
1:31:55 Carlos/Mario- What would be needed to use this in TW5
1:33:10 Carlos- Is it possible to transclude a part of the code, instead of the whole tiddler.
1:34:04 Jeremy- about FF on android and TW on android
1:35:40 Paul- about the versioning of TW5
1:38:10 Carlos- what about "GraphML"?
1:41:30 Jeremy- about how to ship additional plugins. ... editions
1:42:03 Carlos- brainstorming about possibilities / usecases ...
1:44:22 Mario- Jeremy can you remember ... bramp . github . io/js-sequence-diagrams/
1:45:25 Jeremy- .. Stephan, we could import GrphML files.
1:46:58 Bye! Bye!
2013-12-30 - [[YouTube|http://www.youtube.com/watch?v=-fNkYJhGcZA]]
"""
0:00:00 Intro: rtl: Carlos (later), Dave, Jim, Jeremy, Paul, Stephan, Ton
0:03.10 Jeremy- agenda and passes over to Ton
0:03:30 Ton- News about Ton's TW5 guide - "toggle - theme - button"
0:13:30 Jeremy- short summary .. next steps .. "how to package tiddlers into a plugin"
0:16:20 Ton- questions about "how to install node.js and npm" (.. wrong links)
0:19:00 Jeremy- short summary
0:19:30 Intro: Carlos
0:20:00 Jeremy/Jim- about task management
0:21:30 Jeremy- about his observations about task management from TWc
0:25:00 .. what do others (on the call) think?
0:26:00 Carlos- about calenders and a WebDav interface
0:27:45 Jeremy- TW5 node.js could have a WebDav interace ...
0:28:48 Jeremy- about POSSE "Publish (on your) Own Site, Syndicate Elsewhere" ... IMAP interface for TW5
0:31:40 Jeremy- about TW5 as a WebDav/CalDav client ... HTTP client for github issues
0:33:58 Carlos- about his usecase ...
0:35:20 Jeremy- Dave ask (chat): "What does Jeremy plan to do next?" ... Caching in local storage
0:37:30 Jeremy- about "avoiding data loss" ... "Download Offline Snapshot" button
0:40:05 Jeremy- "Helping Hackers" ... translation, making plugins in the browser,
0:40:30 Jeremy- opens the "RoadMap" tiddler. see RoadMap at tiddlywiki . com
0:42:15 Jeremy- .. Things that Jeremy really loves ... Cecily
0:43:00 Jeremy- Browser History handling ...
0:46:00 Jeremy- Permalink handling ...
0:47:00 Jeremy- github issue list ... issues should be actionable
0:56:50 Jeremy- about TiddlySaver ... can Jim help with some "know how"
1:00:38 - - short break - -
1:03:02 Paul- proposal: "vertical merging of tables" ... "top" and "bottom" alignemen syntax
1:13:50 Stephan- about "multi line table layout" with "search and replace pragma"
1:15:35 Jeremy- about "what should be in the core and what should be plugins" pro and cons ... why things are as they are ..
1:18:10 Jeremy- about "how contributions influence the core" even if they are not merged. (...pull requests are allways welcome!)
1:19:50 Jeremy- about the TW5 size
1:20:30 Paul/Jeremy- about size, plugins, core ...
1:23:15 Carlos/Jeremy- about users concerns and expectations
1:27:50 general discussion about community support - contribution - guidance ... turn TW into a team effort
1:32:47 Carlos- How many people use TW5 compared to TWc?
1:35:25 Jeremy- "Why TW5 is designed for users, who don't know TWc"
1:39:50 Jeremy- about the TWc migration path.
1:41:05 Carlos- Which version is at tiddlywiki . com ?
1:46:18 Jeremy- technical aspects of the "dates discussion" ... the internal structure of a tiddler
1:48:20 Jeremy- tiddler fields should get a "type" ...
1:50:23 Paul- What about the "tiddler representation" ... json, html .. see: hangout #27?
1:51:40 Jeremy- any questions?
1:52:05 Carlos- concern about node.js or java dependencies
1:57:55 Bye! Bye!
"""
2014-01-11 - [[YouTube|http://www.youtube.com/watch?v=I7vzfWieF_4]]
"""
0:00:00 Intro frtl: Carlos, Jeremy, Mario, Paul, Stephan, Ton
0:02:20 Stephan- Contact handling .. "database" .. NewTiddler plugin
0:12:45 Jeremy- about contributions to the code / documentation base
0:14:50 - - - short break - - -
0:16:30 Stephan- about transcluding the "full" tiddler content ... title and content
0:19:20 Stephan- shows his "transclusion experiment"
0:22:20 Jeremy- about "credits" in the release notes. There may be Gravatar Widget
0:33:50 Carlos- would like to have GraphMl implemented.
0:41:30 Carlos- What about a "bounty system" for TW plugins?
0:45:05 Jeremy- TW5 should and will be free for end users ... about funding TW5 development
0:49:45 Mario- Carlos - Is there a special reason, why you want to use graphML? — yEd
0:51:05 Jeremy- future features / development for TiddlyDesktop!
0:56:10 Carlos- What kind of advantages do you see, for this type of app?
0:59:50 Jeremy- It would be even possible to integrate a "source code" editor
1:00:15 Mario- about the Brackets project.
1:05:00 Jeremy- about "p" paragraph handling ... "block mode" rendering in general
1:07:15 Jeremy- some new markup / syntax proposals ... brainstorming
1:24:50 - -> kind of an agreement about the new "paragraph - block mode"
1:27:15 Ton- What's about Paul's "multiline table proposal"
1:29:25 Jeremy- ... releases are slowing down.
1:29:58 Mario- CodeMirror is activated for the "client-server edition" by default now?
1:32:20 Paul- Jeremy, did you think more about the extended table syntax? .. it should be part of the core
1:33:00 Jeremy- about the TiddlyWiki for Android video
1:33:60 Jeremy- about the PHP server configuration to save TW5 as a single file
1:36:19 Mario- nodejs server uses the ip address as the parameter number 6. ...
1:38:45 Mario/Jeremy- about the build process in general
1:40:20 Jeremy- suggests the editions .info file should contain build instructions.
1:44:18 Jeremy- new docs tiddler: "Naming of System Tiddlers" ... there are some inconsistencies.
1:48:28 Mario- Would it be possible to have "tabs or sliders" for the namespaces lists?
1:52:25 Mario- About user defined naming conventions for system tiddlers.
1:53:35 Jeremy- shows the TitlesPolicy tiddler for some naming conventions
1:55:07 Carlos- Is the TitlesPolicy live allready ... yes
1:55:45 Paul- about NodeWebkit versioning .. what's about the updating / deployment handling?
1:59:40 Jeremy- about new GitHub's traffic graphs
2:01:18 Bye! Bye!
2014-01-22 - [[YouTube|http://www.youtube.com/watch?v=gpRYHzHCj6w]]
"""
0:00:00 Intro: frtl: Jeremy, Mario, Stephan
0:01:12 Mario- Intro: tw5-vagrant on github
0:02:40 .. about the Vagrantfile
0:04:50 .. how to download the stuff from github
0:05:18 .. how to start the procedure with "vagrant up"
0:05:40 .. access the TW5 client/server edition from the host browser
0:07:18 .. -> commands for contributors, some more internals
0:09:33 .. -> how to build the single file TWs, that static tiddlers and all the demos
0:10:20 Jeremy- Can we create a version, that does "npm install tiddlywiki" -> yes
0:12:00 .. the build finally finished with the tests!
0:13:00 Jeremy- There should be a website with some info about TW5 related projects
0:16:45 Jeremy- There was a request, how to upgrade TW5 with drag and drop ...
0:18:20 Mario/Jeremy- general discussion about TiddlyDesktop and multi user TWs, sharing .. TiddlyWeb
0:20:25 Jeremy- about the "extended" build scripts "./bld.sh" or use "npm start" "npm build" ..
0:23:44 Jeremy- the TW5 repo may need to be splitted into the "docs" and the "code"
0:26:35 .. general discussion about managing TW5 repos. code and docs.
0:30:20 Mario- thoughts about, how to handle a "custom editions" that should be in there own repos
0:33:10 Jeremy- block mode html handling ... (with a little journey to find the issue :)
0:36:30 .. found it \o/ issue #82 and #345 (related) ... will need to refactor the parser
0:38:15 All- brainstorming about an /import pragma .. transclusion .. inclusion .. /rules ..
0:47:30 Mario- .. is this a "global" import?
0:48:30 Jeremy- about the "role" of tags in TW5 at the moment. .. it's just conventions
0:50:03 .. about "missing" documentation and "reading" existing documentation.
0:52:45 Mario- "standard macros" evolving into "user defined macros"
0:54:20 Jeremy- Stephan's pull requests for 5.0.7
0:59:20 Jeremy- Some new docs about the "coding style" .. rules for pull requests
1:00:50 Jeremy- docs .. "Saving to a PHP" server, similar to tiddlyspot
1:03:50 Jeremy- docs .. naming conventions for "user defined" system tiddlers
1:06:05 Jeremy- upcomming changes for the ControlPanel
1:07:40 .. importing encrypted TWs
1:10:00 Jeremy/Mario- .. discussion about using TW as a password vault.
1:13:38 ... your computer is not broken - this silence is by intention :) ...
1:14:48 Jeremy- There should be some warings / info about security.
1:16:20 Bye! Bye!
2014-01-28 - [[YouTube|http://www.youtube.com/watch?v=_14sh5n0qKo]]
"""
0:00:00 Intro rtl: Eric, Mario, Leo, Stephan, Ton
0:02:40 Ton- Reorginzes his TW5 Info pages + some new stuff. Links can be found at tiddlywiki. com
0:06:30 Ton- brought back the "Left Menue"
0:11:39 Mario- Saw some issues with the "!important" key word in the CSS.
0:13:25 Jeremy- Do you have dropdowns in the Top Menue?
0:18:55 Ton- New ReadOnly theme, with a "hidden" save button :)
0:20:20 Jeremy- About "automatic" theme adjustments. ... customize the display depending on the browser used, for documentation.
0:25:10 general discussion about contribution.
0:16:06 Stephan- new journalButton, very similar to the newTiddler button. + dateTimeMacro
0:33:30 Stephan's tiddlyspots. links can be found at tiddlywiki. com
0:35:18 Jeremy/Mario- ... screen sharing problems
0:37:50 Jeremy- the plugin library. Discussion summary on mario's space
0:40:05 Jeremy- github issue page #363 - open for discussion
0:41:56 Jeremy- "core plugins" vs "contributor plugins" vs "3rd party plugins". Discussion Jeremy and Mario about responsibilities. About the TW5 repo structure.
0:48:15 ... connection between "editions" directory and "plugins" directory.
0:50:30 Leo- There should be a "search" functions. What about versioning ... -> Jeremy- We use "Semantic Versioning"
0:52:10 Mario- about his issues, using "vanilla TW5 repo" for his development workflow. There are different views about the dev workflow. Mario wants to have "generic" scripts
1:00:50 Jeremy- About the "new proposed build" mechanism.
1:01:55 Jeremy- discussion about: what are the existing build scripts about.
1:04:00 Jeremy- about: How to submit / contribute plugins.
1:08:30 Leo- Is it possible to install plugins from "any URL" -> yes
1:10:00 Jeremy- How can we distribute plugins. about possible backends ... It seems we need to require contributors to use git/hub.
1:14:00 Jeremy- about pulling plugins to the "core" ... testing needs to be possible/done by the core devs
1:16:34 Leo- example: how "homebrew" does it for MAC software.
1:19:40 Jeremy- about the "tiddlywiki -build" and "-init" commands. TODO
1:24:50 Leo- What about debendency management?
1:31:50 Jeremy- Stephan's bookmarklets with TiddlyDesktop. General bookmarklet handling.
1:36:40 Jeremy- TiddlyDesktop may be a wiki too.
1:37:20 Jeremy- Intro Paul ...
1:38:27 Paul- What's about the next OXTWIG.
1:41:53 Bye! Bye!
"""
2014-02-04 - [[YouTube|http://www.youtube.com/watch?v=GEqXu6xay7M]]
0:00:00 Intro- Dave, Jeremy, Sean, Leo, Vasily
0:02:22 Dave- Using TW with images, note taking, book reading quotes ..
0:08:20 Jeremy- Dave, you did experiment with TW and node.js - How did it feel?
0:11:10 Jeremy- about changes in TW, to do image "lazy loading"
0:12:20 Sean- What is this "lazy loading" feature?
0:12:55 Inrto: Paul, Ton
0:13:35 Jeremy- demo lazy loading - in "client server mode" ... some screensharing problems.
0:15:15 ... demo "lazy loading"
0:18:20 Leo- What happens, if 2 users change the same tiddler.
0:20:10 Jeremy- .. back to the demo
0:29:40 Intro- Mario
0:31:00 .. short summary
0:32:10 .. about image handling and thumb nail handling on the server.
0:33:05 Mario- TW5 with a new sync service named: "seafile - seacloud"
0:34:00 Intro- Alex
0:35:30 Mario- demo seafile sync with TW5 and nodejs.
0:46:00 Jeremy- TW5 should support Dropbox and other sync services.
0:46:40 Mario- requests a "ajax API" within TW5. -> TiddlyWeb plugin should have one.
0:51:00 Jeremy- New in the upcomming 5.0.8-beta - ControlPanel
0:52:30 Jeremy- about keyboard shortcuts - just "ctrl-enter" and "escape" atm. ...
0:57:35 Leo- Does the "keyboard widget" effect the whole TW? - .. they have a scope.
1:00:50 Jeremy- keyboard handler code ... Fx keys are kind of hard to manage.
1:02:33 Jeremy- some bugfixes, some docs, lazy loading, ...
1:03:35 Jeremy- bugfixes for the "placeholder" text.
1:05:20 Mario- It would be nice if autosave and cancel dialogs would be a "high priority"
1:10:10 Jeremy- There should be "ctrl-s" to save a tiddler from edit mode, without closing edit mode
1:12:30 Jeremy- If TW opens, it should highlight tiddlers in "draft mode"
1:13:50 Mario- "modifier and creator" is missing in the info area.
1:15:15 Jeremy- some bugfixes in TiddlyDesktop
1:16:00 Jeremy- about the next release date.
1:16:40 Jeremy- all .. What do you think about the elipsis as a "advanced search" button?
1:18:10 Leo- about "advanced search UI"
1:20:10 Jeremy- about a "term kit" like UI for the TW command line
1:21:25 Leo- would like to have "advanced search options" like: "exact search"
1:23:20 Mario- regexp searches or any search should be saved somehow. General discussion about the search UI.
1:31:50 Jeremy- the keyboard stuff is tricky. ... some feature requests. ... jeremy has a look, how other frameworks handle it.
1:34:40 Jeremy- support for translations.
1:37:10 Jeremy- translations could be in a "multi shadow tiddler" container tiddler. So only one file would need to be handled by translators.
1:44:35 Jeremy- some refactoring for the "shadow tiddler" list is needed. Especially if translations are single tiddlers.
1:46:50 Jeremy- some more new "configuration tiddlers" are added to 5.0.8
1:48:25 Jeremy- any comments ... Mario- whats about the external link discussion
1:50:55 Bye! Bye!
"""
"""
2014-02-11 - [[YouTube|http://www.youtube.com/watch?v=0xWd4nhlQoE]]
0:00:00 Intro: rtl: Carlos, Eric (later), Jeremy, Mario, Ton,
0:01:54 Jeremy- Recent changes to TW ... Autosave! Warning if you close a tab without saving.
0:05:10 Jeremy- Wiki/config/SyncFilter.tid ... configuration, that triggers "dirty"
0:07:08 Jeremy- Internationalisation ... language plugin
0:08:50 - $:/language .. tiddler
0:09:15 Intro: Leo
0:10:50 Jeremy- Short recap of "autosave" and "warning" ... translation
0:12:05 Eric- Info about "save handling" in browsers
0:12:55 Eric- Does the saving do a backup file? - no ... autosave can be configured.
0:14:45 Jeremy- About the browser "low level save mechanism" ... TiddlyFox backup handling
0:19:00 Jeremy- Backups should be done with TiddlyFox and TiddlyDesktop
0:19:32 Eric- About file acess privileges
0:20:13 Jeremy- Back to translation. about the language tiddler naming convention.
0:24:25 Jeremy- About the /language directory. *.tids file usage.
0:25:50 Mario- Is there a possibility for multi line text?
0:30:16 Jeremy- Translations can have "dependencies" for "local variations"
0:32:18 Leo- Are there areas, where the spelling could cause problems?
0:33:45 Jeremy- Translation in the javascript source code.
0:35:47 Eric- Date formating goes along with language settings. Is it handled?
0:38:55 Jeremy- There is a new filter tab in the "$:/AdvancedSearch" tiddler.
0:40:55 Jeremy- Some docs update ... formal grammer for the filter syntax.
0:42:12 Leo- What is formal grammer?
0:46:08 Jeremy- About the filter syntax docs.
0:47:47 Leo- About the documentation tiddler: Docs
0:50:10 Jeremy- About little refactorings for the theme.
0:56:04 Leo- Question about the "color setting" in the control panel
1:00:35 Eric- TWclassic ColorPalette behaviour
1:01:45 Jeremy- Differences between "macros" and "widgest" .. general concept.
1:03:08 Intro: Christian
1:04:20 .. back to- Differences between "macros", "widgest" and "plugins"
1:05:35 Jeremy- system tiddlers ... $:/
1:07:40 Jeremy- shadow tiddlers .. we need to have a look at plugins. A plugin is a "bundle" of shadow tiddlers.
1:10:44 Eric- about the terminology in TWc
1:13:30 Jeremy- about: "what makes a tiddler a plugin" and how to import them.
1:15:45 Jeremy- tiddlers can be "code modules" .. "module-type" field, "type" field
1:17:50 Jeremy- about widgets .. eg: list, ..
1:20:00 Jeremy- about macros .. as "text replacement" mechanism.
1:24:25 Jeremy- how users can contribute to documentation.
1:26:25 Jeremy- How do you make a plugin. eg: snowwhite ... "plugin-type: theme"
1:33:24 Jeremy- The "created" field issue.
1:35:40 Ton- shows his issue with importing the ".ico" files.
1:44:57 Jeremy- general discussion about footnotes
1:58:25 Jeremy- About printed output. There should be propper interoperability with the TeX toolchain.
1:59:49 Jeremy- There will be a demo edition that shows how to use TW to produce a "single hirachical structured text document".
2:00:44 Leo- Can TW produce a dGSD like document.
2:04:24 Jeremy- how to do this stuff in TW.
2:07:35 Eric- comparing TW behaviour with TWc
2:08:35 Bye! Bye!
"""
2014-02-18 - [[YouTube|http://www.youtube.com/watch?v=gAjKKI9Rkis]]
"""
0:00:00 Intro- rtl: Jeremy, Mario, Paul, Ton
0:01:30 Ton- Update on latest changes of his themes.
0:06:00 Jeremy- Explanation of the HistoryMechanism. The HistoryList tiddler.
0:08:55 Mario- Question about creating a CSS class witht the new mechanism.
0:10:16 Mario- Short overview about: TW5 Ubuntu Unity integration.
0:18:30 Jeremy- Short summary about the internal "message handling". Feneral discussion about the message system.
0:23:00 ... mario's icon is active all the time. ... Google didn't switch anymore ... ticket ... navigator event should be global.
0:23:00 Jeremy- thinks it would be nice if someone did thsi for Win8 too.
0:23:33 short break.
0:24:05 Jeremy- Intro new member ... no response
0:25:00 Jeremy- We saw the screen, but google didn't record it sry. Next 35 minutes are audio only. till 1:02:02
0:25:20 Jeremy- Autosave will come with 5.0.8
0:26:58 - about the translations
0:26:20 - about palettes handling similarity with theme switching.
0:27:00 - about building plugins in the browser. New tiddler "how to create plugins in the browser"
0:33:40 Jeremy- "Ctrl-click" .. opens the tiddler, but doesn't scroll to the tiddler.
0:35:00 Jeremy- "Close all" link is a bit darker now.
0:35:40 Jeremy- Short intro of TANK from Chris Dent. TANK is based on TiddlyWeb
0:39:25 Mario- Does Chris intned to render TW5 syntax on the server? .. it's planned!
0:41:00 Jeremy- About the difference of TiddlySpace and TANK
0:44:45 Jeremy- How you can configure a "sub story" ... a story inside a tiddler.
0:46:40 Jeremy- about fixing a problem ... pasting pictures
0:47:25 Jeremy- Intro of the "autosave" feature. TW now keeps track of unsaved tiddlers.
0:50:30 Mario- Would it be possible to temporarily store the stuff locally?
0:53:10 Jeremy- New feature: Alert Message: Visual error messages. So more info, if something gets wrong with the eg: network.
0:58:15 Carlos- What's about the system messages? .. Notifications.
1:01:00 Jeremy- about translations.
1:02:02 Mario- Shows the german tW version.
1:11:25 Carlos- Is there any progress in migration from TWc to TW5
1:12:48 Jeremy- Intro- Palette switching.
1:16:50 Mario- Is it similar to the TWc mechanism? .. some code review.
1:20:10 Mario- about problems with the colon translations ...
1:21:35 Jeremy- about the number of shadow tiddlers. General discussion about performance in the text editor.
1:26:20 Jeremy- about a fix with parsing html ..
1:29:40 Jeremy- about the release of 5.0.8 and 5.0.9
1:32:20 Mario- about debugging with chrome and single step the code.
1:34:25 Jeremy- about the tooling in TW to "see what's going on in the code"
1:36:50 Jeremy- ... it's time it create global macros again ... so users should be able to work with macros. There should be no need to use widgets.
1:38:35 Jeremy- about the "tabs" macro ... how to structure the docs. some discussion about Ton's tabs macros and the state tiddlers ...
1:45:35 Jeremy- short summary, of the chat window text. Request for new Paletts !!
1:47:05 Bye! Bye!
"""
2014-02-25 - [[YouTube|http://www.youtube.com/watch?v=HVM4MqxuOHk]]
---
"""
0:00:00 Intro: Christian, Dave, Eric, Jeremy, Mario
0:01:15 Dave- Some updates on his tutorials
0:06:15 Jeremy- about the TW5 wizard feature.
0:11:30 Mario- Some global js plugins that should be compatible with TWc. today, list, ... with a debug mode.
0:16:05 Mario- the source code.
0:18:20 .. discussion about the functions of a macro vs using widgets.
0:18:45 Jeremy- Users should only know about macros. Discussion about macros and widgets.
0:22:05 Jeremy- about the TW5 macro parameter format.
0:23:53 Intro- Stephan
0:24:18 Jeremy- about some refactorings he made, that affect the template / paragraph handling.
0:26:05 Jeremy- shows / screenshares the changes
0:31:35 Stephan- what happens if you nest html elements?
0:33:05 Jeremy- shows a new formated template.
0:34:30 Jeremy- imports one of Dave's wiki's, to see, what the changes produce there. To see what needs to be changed. .. Sows the "new" import mechanism.
0:40:15 Intro: Paul
0:41:00 Jeremy- Summary about the refactoring
0:42:35 Jeremy- Intro of the new palette editor and "swatches"
0:47:50 Dave- Can the color swatches be larger?
0:50:00 Jeremy- How to create a new palette based on an existing one.
0:51:18 short pause. Stephan about text editors
0:52:30 Mario- uses the Brackets editor from Adobe as a text editor. discussion about the source code comments and the tooling.
0:56:00 ... dealing with an "unpleasant visitor"
0:57:20 Jeremy- new "warning on delete" feature!
0:57:45 Stephan- about a new "control panel menue" for changing the colors for the tags.
0:59:25 Jeremy- live demo: Creates a tag list with a color picker beside it.
1:04:50 Jeremy- some minor "toolbar button" fixes.
1:06:45 Jeremy- SiteTitle and SiteSubtitle are now shadow tiddlers.
1:07:35 Jeremy- A request from Dave. Adjust the settings for the bitmap editor.
1:10:55 Jeremy- more translations - chineese simplified/traditional, french
1:12:20 Eric- Request from the discussion group. What's about switching content instead of UI
1:17:00 Jeremy- Intro to the new tiddlywiki command line interface
1:18:40 Jeremy- new version, init command. ... importing editions .. combining editions.
1:23:17 .. about the help command eg: help server
1:26:05 Jeremy- about the 5.0.8 delay. ..
1:28:25 Mario- question. What's aobut the macros, showed earlier. Should they be core or plugins?
1:33:45 Jeremy- about the mechanism to include plugins into the core. ...
1:38:10 Jeremy- 5.0.8 should be out soon.
1:38:45 Dave- What's the plans for 5.0.9? ... RoadMap tiddler.
1:42:25 Christian- What are the plans for the "presentaiton" theme or "read only" theme?
1:46:26 Jeremy- intro cecily to christian (old code)
1:49:00 ...
1:50:30 Bye! Bye!
"""
2014-03-04 - [[YouTube|http://www.youtube.com/watch?v=kwxGS8aphT8]]
---
"""
0:00:00 Intro: rtl: Eric, Felippe, Jeremy, Mario, Stephan, Ton
0:02:00 Jeremy- Ageda - Upcoming in 5.0.9
0:03:00 Jeremy- Help Environment on tiddlystuff(.)tiddlyspot.com An experiment, how plugins can handle there docs. one more step to a self documenting wiki.
0:06:10 Jeremy- TW core docs may become a plugin.
0:07:05 Jeremy- Request for a contribution of a "Reverence Card"
0:07:35 Jeremy- Upcoming in 5.0.9 - missing tiddler "link handling". live editing :)
0:14:40 Jeremy- New visitor ...
0:16:20 Jeremy- ... missing link text ... what about translations ...
0:18:00 .. discussion about make documentation buttons clickable ... no
0:20:40 Mario- What's about the RoadMap
0:21:12 Stephan- discussion about autosave "default on" setting
0:22:50 Jeremy- With "autosave", what does the "save icon" do?
0:24:20 Mario- Sugggests, an "indicator" for "unsaved tiddlers" on the "save button"
0:26:12 Jeremy- Idea to indicate the "need to save" with a progress bar.
0:28:10 Jeremy- Default behaviour for line break handling. ... :)
0:29:50 Jeremy- about testing GFM linebreak behaviour for TW syntax.
0:33:40 Jeremy- Introduction to the TW test suite.
0:35:23 .. about tests on the server
0:36:40 .. test.sh file
0:37:23 .. test editoin with the .js files. ... uses "jasmin" test system. test-filters.js is a simple one
0:41:50 .. test-html-parser is a complicated one.
0:44:30 .. test-widget ... tests the refresh mechanism.
0:48:10 .. testing the macro call widget. ... how to "copy/paste/create" a new test. .
0:50:20 .. test-wikitext .. the simplest one
0:51:05 .. short pause :) ..
0:51:35 Jeremy- ... Mario short summary, what he needs
0:52:25 Mario- What about a convention for "global macro" CSS class names?
0:54:45 Jeremy- about a language tools edition.
0:57:05 Jeremy- Any questions ?? ... no
0:57:45 Jeremy- about the "big parser refactoring"
0:58:20 Stephan- There needs to be a different / easier "filter syntax" documentation.
1:03:00 Jeremy- about tw-close-other-tiddlers documentation
1:05:30 Mario- Every widget should have at least one example.
1:07:35 Mario- Suggests to copy the Date format docs from stephan.
1:08:40 Mario- about codemirror movie plugin to create interactive tutorials.
1:10:30 Mario- Using filters ... the start should be simple.
1:11:53 Jeremy- About the basic "core concepts", that are needed to understand TW.
1:13:15 Mario- Intro of codemirror movie.
1:16:25 Jeremy- about highlighter plugin.
1:19:35 Jeremy- codemirror should be used in TiddlyDesktop for "wiki folders"
1:19:55 Mario- is happe with the Brackets editor atm.
1:20:45 Mario- Is it necessary, that popups stay open? ... discussion
1:23:45 Mario- What, if a popup has a "tick" to lock it?
1:24:27 Jeremy- about Notifications, Wizards, Alerts ...
1:27:20 Jeremy- how to change popup behaviour. ...
1:28:40 Mario- is experimenting with the "info area" for tagging ...
1:30:22 Jeremy- Tagging linked into the tag manager.
1:31:57 Mario- mentions BJ's Drag and Drop sorting for tiddlers ...
1:37:10 Jeremy- Drag and drop should create a hirachical list.
1:37:47 Jeremy- The "stack trace" would be worth including.
1:39:00 Jeremy/Mario- about debugging exernal library stuff.
1:42:45 Bye! Bye!
"""
2014-03-11 - [[YouTube|http://www.youtube.com/watch?v=6obIvP5NiQ4]]
---
"""
0:00:00 Intro: rtl - Eric, Jeremy, Mario
0:00:45 Jeremy- Copy and paste HTML for upcoming 5.0.9 as a plugin.
0:06:15 Jeremy- Making system tags less visible. Should system tags be visible on the tiddler.
0:11:55 Jeremy- A tiddler with a system tag, most of the time is also a system tiddler.
0:14:05 Mario- "User system tiddlers" may start with an underline, just for sorting.
0:15:25 Jeremy- Advanced Search: Filter tab gets a new "example dropdown"
0:16:27 Mario- Should ther be an filter with EXOR behaviour.
0:19:14 Jeremy- Explanation how the filter dropdown mechanism works.
0:21:00 Mario- Creating automatic documentation from javascript files, or make it extra tiddlers. discussion ...
0:27:45 Eric- Is it technical docs, or user docs?
0:31:25 Eric- about, levels of documentation.
0:34:00 Jeremy- summary about the existing mechanisms.
0:37:00 Hello Stephan
0:37:20 Jeremy- about improvements in "filter" documentation.
0:38:08 Eric- what about a convention for plugin authors? Which info needs to be in the plugin, to have eg: autocomplete.
0:43:04 Jeremy- Would like to have an "content editable" editor to change parts of the tiddler.
0:44:40 Jeremy- about "selective editing"
0:45:20 Eric- Wouldn't it be easier, for selective editing, to start with transcluded content? ... yes
0:47:35 Mario- about editing transclusions with codemirror in edit mode.
0:49:50 Jeremy- Tooltip support for the link widget.
0:53:35 Jeremy- ... A more generic fallback/lookup mechanism for every possible attribute is possible. Do we need this? ... no.
0:54:55 Mario- about his thoughts. ... Using widgets is allready "advanced" enough.
0:57:57 Mario- Would it be possible to show the whole tiddler content as a tooltip?
0:58:53 Jeremy- some fixes in D3 editions
1:00:20 Jeremy- about "charts.js"
1:01:13 Mario/Stephan- What about possibilities of the "checkbox, radio, button" widgets. Some work with tags, others with fields. ...
1:03:54 Jeremy- proposal: .. hiding internal tiddler fields, because they are immutable ... dilscussion.
1:11:53 Jeremy- proposal: .. different field types, get different functions, to create there representation.
1:14:40 Mario- feedback from a plugin authors point of view. discussion ... Probably a documentation problem.
1:18:20 Jeremy- about the plans what has to be changed for the next/last big refactoring.
1:19:12 Mario- about developer expectations. probably wrong expectations. TW doesn't follow the "jQuery" mechanism.
1:21:30 Mario- Edit fields in view mode loose the focus because of the refresh mechanism. ...
1:23:30 Jeremy- about the effort to write code - tests - documentation.
1:24:40 Jeremy- TW beta is close to RC
1:25:50 Jeremy- Transition from TWc to TW5 ... brainstorming about the workflow.
1:28:00 Mario- about Markdown with transclusion and tiddlylinks.
1:29:10 Jeremy- How can we create a transition workflow, with find and replace.
1:33:12 Mario- What if one runs a server for TWc to TW5 conversion? .. The browser should do it .. brainstorming.
1:35:35 Jeremy- What, if we do converion in the "bulk tiddler" view
1:39:50 Mario- What, if we have a special toolbar with several buttons, that do different magic to convert a tiddler from TWc syntax to TW5 syntax.
1:44:15 Bye! Bye!
"""
2014-03-18 - [[YouTube|https://www.youtube.com/watch?v=4fw0QJTpHSQ]]
---
"""
0:00:00 Intro: frtl: Eric, Mario (0:28:00), Jeremy, Matias, Ton
0:01:30 Matias- Advantage of the nodejs / nodejs portable version?
0:04:05 Matias- Is there anything not appropriate in installing nodejs on a google docs drive, using the desktop version. What about in dropbox?
0:10:25 Matias- Where, if anywhere, do I find a list of forbidden characters for tiddler titles? One of those questions I've neglected forever and just limited what I title my tiddlers. Difference between twc and tw5?
0:12:07 Stephan- Are there plans to support multi user editing in the node.js edition of TW5?
0:18:25 Nathan- With google drive, you can run js now, w/ google apps.... full js w/ packages and everything! Could that be applicable?
0:21:15 Nathan- Shouldn't we maybe take questions in topical order? Might get tricky, in either case, heh...
0:21:48 Nathan- What's the status on the NPM packaging and build process? (Seems loosely related?)
0:22:26 Matias- Do I understnad it correct that nodejs should be installed in same folder as TW5nodejs, also meaning that if I want another TW5nodejs then I sould install a new nodejs. Or is nodejs 'global'?
0:23:30 Matias- proposing discussion on tables. Particularly I'm wondering if we could utilize the tab key for tables to lessen the mess in edit mode.
0:24:40 about the tab key / wysiwyg
0:29:00 Jeremy- about the TW development and Open Source (... philosophy)
0:31:10 Matias- What about voting on features?
0:34:25 Eric- About feedback for TW development ... (summary)
0:40:00 Matias- Why is TW not bigger, than it is? ... (It's from dev's, for dev's)
0:46:25 Eric- How Eric explains TW to interested "guests"
0:48:30 .. Jeremy- about "What learned with TWclassic" ... about TW5 editions
0:51:00 .. Matias- about a "central plaice" to explore TW5
0:54:20 Mario- About discussion forums
0:55:15 Eric- About google groups discussions / knowledgebase
0:58:15 Nathan- tiddlywiki+codemirror+ometa is ridiculously good fun and might apply to better wysiwyg, as well as some of the parser/BNFish discussions from earlier. Would there be interest in some rebased patches for it?
0:59:25 Nathan- some of the crazy crypto-currency folks are exploring some very interesting community coordination mechanisms and such (DAOs/DACs) might this be particularly applicable to tiddly in these feedback cycle questions?
1:01:15 Matias- Proposing a discussion on links(!) I'll explain more in hangout but, briefly, going back to where you were in a text after you "opened a link + read + closed" ought to be smoother.
1:05:10 Jeremy- about different story columns ...
1:06:45 Jeremy- about substance composer
1:12:00 Mario- about TW editions with "a single purpose"
1:12:25 Jeremy- about "what IS TiddlyWiki"
1:14:00 Jeremy- what's new in 5.0.9 prerelease
1:14:30 .. NEW: "Advanced panel" in tiddler info panel
1:17:15 Mario- TODO: about translations and handling "diffs"
1:23:10 Jeremy/Mario- about upgrading from TiddlyWikiClassic
1:29:30 Jeremy- new colour for the $:/ prefix
1:30:40 Matias/Jeremy- about system tiddlers "users" need / want to deal with ....
1:37:30 Jeremy- NEW Tag Manager let's you select icons for tags. ... TODO about tag colour manipulation.
1:48:55 Jeremy- NEW an architecture diagram
1:56:56 Bye! Bye!
"""
2014-05-25 - [[YouTube|https://www.youtube.com/watch?v=FDV5ojcCLB8]]
---
"""
0:00:00 Intro frtl: Arlen, Chinarut, Eric, Jeremy, Mario, Nathan
0:01:50 Matias- Proposal for design changes in edittemplate.
0:04:50 .. discussion about how the tag input field works. ...
0:06:45 .. handling of custom fields
0:08:08 .. tag handling again
0:09:50 Eric- .. summary about input strategies ..
0:10:28 Eric- about the problem with "invisible" shadow tags
0:13:57 Mario- idea how to handle system tags
0:16:35 Jeremy- about the general design ...
0:19:58 Stephan joined ..
0:20:53 Mathias- According to tiddler "TiddlerFields" on tw.com, field names must only contain some a-z plus three other explicitly typed characters. However, typing in !"#¤%&/() seems to work? Change instrux or do validation check.
0:28:00 Matias introduced himself
0:29:33 Stephan- discussion about special tag / field $()$ and the newTiddler widget
0:33:08 Jeremy- about cheap TiddlyWiki infrastructure .. TW cloud
0:34:58 Mario- introducing OpenShift to use with tiddlyweb and TW5
0:47:25 Nathan- Likes the "no backend / unhosted" stuff
0:50:54 Mario- about CamilStore as a future backend
0:55:01 Jeremy- recent changes to TW, new home button, right sidebar on/off
0:57:52 Jeremy- Curved Text with an SVG path
1:00:40 Jeremy- first iteration of Cecily list view
1:02:50 Jeremy- new scrollable widget, multi column story view
1:09:13 Matias- about the TiddlerTabsPlugin
1:13:21 Jeremy- general discussion about UI
1:15:55 Jeremy- about translations and plugin management / documentation
1:17:04 Jeremy- about blacklisting of unsafe HTML features
1:19:20 Mario- Eric what's going on with the TWclassic development.
1:22:24 Jeremy- about blocking of javascript
1:23:12 Jeremy- the new TiddlyWiki Architecture diagram
1:27:55 Mario- about the problem with the tiddler object being immutable.
1:30:40 Jeremy- about a fix with the syncer
1:31:04 Matias- When will we see the next release?
1:32:37 Matias- What does the "house/home" icon do?
1:35:45 Nathan- What group is it? LNUG?
1:39:05 Bye! Bye!
"""
2014-04-08 - [[YouTube|https://www.youtube.com/watch?v=2UHjmJ1n5Xc]]
---
"""
0:00:00 Intro frtl: Arlen, Danielo, Eric, Jeremy, Mario, Stephan, Ton
0:02:40 Detailed intro: Danielo, since he is new.
0:03:56 Danielo- Shows some of his documents and encryption.
0:05:20 - general discussion about TW usage
0:06:40 Danielo: About the NewTiddler widget.
0:09:10 About the overview index and top search to open tiddlers
0:10:25 Jeremy- How many tiddlers do you have? 388 content
0:11:10 Jeremy- What did you use before TW .. several, Evernote OneNote
0:13:40 Jeremy- What about the customisation differences ...
0:15:00 Danielo- "In place editing" of table cells
0:21:25 Stephan- Idea, to make the "new tiddler" part of the core.
0:22:25 Danielo- is back ... phone battery was empty. ... the edit template.
0:27:27 - multi column list of all tiddlers
0:28:10 question: Where does TW search at the moment?
0:41:00 Danielo- Introduction of the tiddler encryption plugin
0:51:15 Jeremy- about single tiddler encryption in the core. ... some general discussion about passwords
0:57:00 Jeremy- about the "New tiddler" widget contributed from Arlen
0:59:30 Intro: Miriam (Danielo's girlfriend)
1:02:40 Jeremy- back at the New tiddler widget.
1:05:50 Arlen- shares his take on the new tiddler widget
1:10:27 Jeremy- technical discussion ...
1:28:40 Jeremy- Nathan any questions? .. braintest . tiddlyspace . com
1:30:15 Mario- with Stephans question about the (missing) structure of a TW document.
1:31:20 Jeremy- Recaps Stephan's the story
1:36:06 Jeremy- about the structure of a "big tiddler" transcluding othere tiddlers. ..
1:38:00 Jeremy- about transclusions manipulating the heading level.
1:41:15 Danielo- about WYSIWYG editor on BJ's spot.
1:46:50 Danielo- What about integration for snippets? ... some ideas ..
1:51:10 Bye! Bye!
"""
2014-04-15 - [[YouTube|https://www.youtube.com/watch?v=SGdchd_bW6o]]
---
"""
0:00:00 Intro: frtl: Dave, Jeremy, Mario, Nathan, Ton
0:01:50 Dave- Image gallery
0:04:40 discussion about floating layout
0:05:15 Jeremy- about the scrollable widget coming up in 5.0.9
0:06:20 Jeremy- about the upcoming release.
0:07:20 Jeremy- removing the right sidebar and stretching the tiddler
0:10:20 Jeremy- not done yet ... left-hand menue
0:10:40 Jeremy- about the top left "home" button as a navigation dropdown
0:12:10 Jeremy- cecily plugin ... some general discussion
0:19:14 Jeremy- schema of the TiddlyWiki internal structure ... client / server
0:20:55 Eric- About including TWclassic ideas, plugins into TW5
0:22:23 Jeremy- The 5.0.9 should be out on April 15th.
0:23:07 Jeremy- About the new layout of the community sites.
0:25:15 Jeremy- About the TiddlyDesktop "thumbnail" function
0:26:35 Mario- Will there be a "nightly" build? ... github master
0:28:35 Jeremy- About the "filter changes" and the docs.
0:30:55 Jeremy- The TagManager can assign icons and colors
0:31:20 about Danielos new "tag search" UI
0:32:00 ...tech stuff
0:32:25 Mario- What's about the performance optimizations?
0:36:45 Mario discussion about the general editing behaviour.
0:39:30 Jeremy- some timing info in the dev console. .. memory consumption and GC
0:44:00 Mario- About a new hosting provider, that calculates cost based on http-request. .. discussion
0:48:50 Jeremy- about socket.io for fast 2 way communication
0:51:50 Jeremy- About the 2 "hamburger" icons close to each other.
0:54:10 Jeremy- Full screen mode looks better now, without the right sidebar.
0:54:30 Jeremy- about the updated Filter docs
0:55:30 Text on an SVG path
0:56:10 Eric- about the "hamburger" icons ...
0:57:20 Dave- question about the new fluid theme.
1:01:15 Dave- about full width tiddlers. ... edit mode preview..
1:05:26 Mario- about edit performance of codemirror is faster than the new edit text area.
1:06:10 Dave- Preview as a popup ..
1:08:50 Jeremy- Some new translations ... some general discussion.
1:11:50 about the translations and the file size. ... the "plugin library" will fix this.
1:12:45 Mario- About "language editions" .. So language setups will be editions containing the plugins.
1:14:30 Intro Stephan ... will meet Jeremy in London at the "node js meetup"
1:17:00 The "Road Map" ...
1:18:10 Jeremy creates a "5.0.10" Whishlist
1:18:46 Danielo joined. ...
1:20:30 Dave- votes for "permalinks" of tiddlers. discussion ...
1:29:10 Danielo- question about the top-left and top-right bar.
1:29:50 Stephan- using a query URL for permalinks. ... The URL / http spec says it's for the server!
1:32:30 Jeremy- Any more topics for 5.0.10 .. Mario -> "the global macros"
1:33:52 Danielo- question about the plugin-library mechanism.
1:34:35 -pause- Eric ... Soundtrack for the TiddlyWiki Trailer
1:35:40 Jeremy- about a TiddlyWiki trailer
1:36:00 about the TW plugin-library ...
1:38:00 about "approved components"
1:39:15 Danielo works on a plugin to easily "package plugins in the browser"
1:40:40 Jeremy- about the spanish translation
1:42:30 Mario- online translation with github should be easy. ...
1:43:50 discussion about, how to find texts, that need to be translated.
1:45:40 Danielo- Is it possible to have a multi language TW. ... Mario thinks 2 editions would be much easier.
1:47:40 -pause- .. no music .. but a song :)
1:48:50 Bye! Bye!
"""
2014-04-22 - [[YouTube|https://www.youtube.com/watch?v=AvyWdz3WbsM]]
---
"""
0:00:00 Intro: frtl: Jeremy, Mario, Nathan
0:00:50 ... fixing the invitation links ...
0:01:45 Jeremy- What's new in 5.0.10
0:02:20 Jeremy- short interuption, ... the lnug TW5 presentation
0:03:30 Jeremy- What's new in 5.0.10 ... "safe mode"
0:06:45 Jeremy- Additional info about the safe mode
0:07:40 Jeremy- the image TW syntax - ]] and formatting
0:11:38 Jeremy- image support for markdown syntax in markdown tiddlers
0:12:28 Jeremy- new support for sorting with accented characters
0:13:53 Jeremy- hiding the sidebar frees space for the tiddler now
0:14:35 Jeremy- some minor bugfixes, ... ordering of style sheets
0:16:10 .. questions .. the RoadMap .. ARIA roles - help wanted!
0:19:56 .. further wikitext features
0:20:40 .. productivity functions .. may be after 1.0
0:22:08 Jeremy- 5.0.11 Whishlist .. global macros
0:25:54 Nathan- masstree (prototype) proof of concept implementation with TW.
0:30:40 Jeremy- ideas about the wiki-store ... tiddler hashmap is private member to the wiki object now
0:34:11 Mario- ArangoDB as a TW backend and app server
0:35:05 Jeremy- about PouchDB as a TW browser based backend
0:38:10 Mario- about a "one click install"
0:40:00 Jeremy- about TW security ... (Danielo joined) ... internet security in general
0:43:30 Eric- joined
0:43:47 Jeremy- Danielo should demo the "custom key bindings"
0:44:17 Mario- feature request for "system fields" ...
0:46:30 Jeremy- points to a github issue #487
0:49:25 Arlen- joined
0:50:10 Danielo- screenshares the new key bindings ...
0:54:55 .. the plugin packaging plugin ... the key binding configuration
0:59:00 Mario- Is there a possibility to create buttons for the key strokes? yes .. should be there.
1:01:10 Jeremy- This doesn't work with the codemirror plugin.
1:03:10 Jeremy- Did you use TW with nodejs? ... D. needs a portable option.
1:04:44 Jeremy- Eric you did TiddlyTools in the browser?
1:05:40 Danielo- created the "plugin creator" ...
1:06:16 Danielo- question, about additional info for codemirror plugins ... general discussion.
1:11:30 .. about the existing codemirror key bindings at the tw5 repo
1:15:25 Arlen: question about outstanding pull requests. "new tiddler with a skeleton template" ... These pull request actually require changes in the TW core.
1:23:35 - pause -
1:25:20 Jeremy- discussion with Arlen ...
1:28:35 Jeremy- any questions or comments.
1:29:30 Jeremy- about TW usage ...
1:29:55 Mario- What about a hangout to "shorten the issue list"? ... some discussion
1:38:10 Bye! Bye!
"""
2014-04-29
[[YouTube|https://www.youtube.com/watch?v=wB7t4JeQHt0]]
---
"""
0:00:00 Intro: frtl: Jeremy, Mario, Nathan, Ton
0:01:10 Jeremy- Ton, How did you find the update process to 5.0.10?
0:02:55 Jeremy- the agenda - TW talk at lnug - issue review
0:03:44 Jeremy- about the TW presentation wiht TW - new full screen theme - "Punch"
0:08:35 Jeremy- The presentation itself.
0:08:40 - What is TiddlyWiki?
0:09:02 - What Problem Does TiddlyWiki Solve?
0:12:10 - TiddlyWiki User Experience
0:13:08 - More Features
0:13:54 - Demo of Single File Edition
0:14:45 - TiddlyWiki Rendering Pipeline
0:17:18 - Running on the Browser and Node.js
0:18:25 - Running TiddlyWiki Under Node.js
0:19:00 - TiddlyWiki Server Synchronisation
0:23:19 - Enter node-webkit and TiddlyDesktop
0:31:24 - Using TiddlyWiki as a Library
0:32:10 Mario- is there a link? tiddlywiki(.)com/talkytalky
0:33:05 Jeremy- about the new diagrams ..
0:34:40 Mario- did you modify the diagrams in an editor
0:35:00 If you are not intereste in the issue list you may jump to 1:55:13 "The new TW command line build system"
0:36:25 .. The issue list
0:37:10 the bug list #47 Back button doesn't work as expected
0:38:50 #95 Tables use obsolete align attribute
0:42:26 #116 The savetiddlers command generates filenames with %20 for spaces .. wontfix
0:47:55 ... about punycode
0:51:15 #116 wontfix .. because we can't fix it at the moment.
0:53:30 #118 Scrolling in the story river.
0:56:59 #177 Drag and drop fails with some cross-browser combinations
0:58:19 #202 Exclude popup state tiddlers when saving wiki as a single file
1:04:04 #222 Background in HTML5 Fullscreen with no tiddlers open too small
1:05:07 #224 $edit-text widget loses focus during refresh
1:09:58 #238 JSON deserialiser doesn't import custom fields
1:10:14 #243 Zoomin view order is odd when closing tiddlers
1:10:59 #262 Clarify usage of text reference
1:12:26 #274 Download buttons don't work in internet explorer 11
1:14:46 #282 FF tiddler toolbar moves to the left in a "jumpy" way
1:17:33 #323 Don't persist $:/HistoryList
1:19:53 #347 Intermittent lock-up of server edition, preventing further tiddler saves
1:20:46 #365 Rapid refreshing in browser crashes the server
1:23:57 #379 favicons don't work in ie11
1:24:31 #409 filters behave differently when used in list widget and { { { transclusion
1:25:40 #495 TiddlyIE failing because window.TiddlyIE.save() is undefined
1:26:14 #541 "dependents" field in plugins is mis-named
1:28:02 #582 CodeMirror plugin doesn't refresh correctly
1:28:35 - - -
1:29:41 new features
1:30:22 #47, #86 "new here" toolbar button
1:32:16 #131 copy and paste tiddler as JSON .. the plugin mechanism can be used for this
1:34:22 #141 Feature request: colored icons in edit toolbar
1:37:45 #143 Use keyboard down key to go to AutoComplete popup
1:37:56 #144 Feature to consider: Sidebar scrolling limiting to tabs
1:44:37 #170 hide most edittemplate items in a slider or tab see: #506
1:47:40 #188 Allow tilder to be used to suppress any wikitext rule
1:48:30 #190 It should be possible to display fields in local time
1:48:34 #192 Extend link widget to link to a filtered list
1:50:00 #196 Renaming a tiddler break links, the user should be warned at least
1:50:07 #198 Extend checkbox widget to user fieldmangler widget
1:50:15 #209 Add global "list" macro
1:50:36 #235 Table Block-mode syntax proposal (followup hangout#23)
1:51:15 #253 floating tiddlers - pause the "features" review
1:54:00 - - some reflection
1:54:30 about "refactoring" tag
1:55:13 Jeremy- The new TW command line build system - some breaking changes
2:06:24 question for Nathan about #390 Should wiki and plugin folders be described by package.json
2:08:20 Bye! Bye!
"""
2014-05-13 - [[YouTube|https://www.youtube.com/watch?v=VXDo0I2qzdo]]
---
"""
0:00:00 Intro: frtl: Eric, Nathen, Jeremy
0:00:50 Jeremy- What's new in 5.0.11
0:01:45 Jeremy- The new URL permaview, permalink behaviour, browser "back button" works now!
0:04:40 Jeremy- the browser history ... what should be the default settings.
0:08:24 Jeremy- Make vertical tabs reusable.
0:11:00 Jeremy- New "before", "after" filter operators. for "next" and "previous" buttons.
0:12:23 Jeremy- about Atom editor and some glitches it introduces.
0:13:50 Jeremy- new syntax for single line config / status tiddlers
0:14:20 Jeremy- add the external links syntax [ext[]] ...
0:15:07 Jeremy- about the changes to startup.js ... it's several modules now, handling dependencies
0:21:00 discussion about code / starup ordering
0:22:34 Jeremy- Optimizing the widget update performance.
0:24:10 Jeremy- The permalink URL scheme
0:25:50 Jeremy- .. about safe mode .. TWc paramifiers
0:30:35 Jeremy- short sumary ... Whishlist recap
0:33:15 Jeremy- TiddlyFox will get a backup function
0:34:00 Jeremy- What can we do to promote TW.
0:34:45 Jeremy- tagesanzeiger(.)ch has an article about TW.
0:40:15 Nathan- about the common-js require mechanism .. server side imoprovements
0:48:05 Jeremy
0:49:00 Bye! Bye!
"""
2014-05-27 - [[YouTube|https://www.youtube.com/watch?v=e2rDnFUqlWw]]
---
"""
0:00:00 Intro frtl: Jeremy, Mario, Paul, Stephan
0:02:10 Jeremy- Paul .. anything to share with the community? ... using TWc with tablets
0:13:37 Danielo joined
0:13:53 Jeremy- the agenda
0:14:40 Jeremy- the parsing mechanism needs some refactoring
0:15:50 Jeremy- GFM ... line break handling
0:18:08 Jeremy- global macros
0:20:25 Jeremy- anything else ... ? Stephan & Mario ... Environment variables issue at github
0:22:50 Ton joined
0:23:30 Danielo- hi!
0:23:50 Danielo- What's the usecase for the environment variables?
0:29:44 Jeremy- IreneKnapp's ticket about multi-users with tiddlyspot
0:39:35 Jeremy- How do you like the new "permaview" behaviour.
0:53:50 Jeremy- ... new issue ... vertical tabs don't work
0:55:45 Danielo- question about node, node-webkit, TiddlyDesktop
0:59:40 Jeremy- about integrating VexTab ...
1:03:10 Danielo- question about importing 3rd party libraries into TW
1:04:25 Jeremy- about 3rd party libs. ...
1:10:50 Jeremy- any other topics? ... Danielo .. who to use jquery
1:24:00 ... difficulties using jquery wiht TW. ...
1:25:45 Jeremy- About the TW article in a swiss newspaper ... TW philosophy in general
1:28:50 Jeremy- about "independent technology" and the "no backend" movement ...
1:34:35 ... Bye! Bye"
"""
2014-06-03 - [[YouTube|https://www.youtube.com/watch?v=Xj7PNlUB5TA]]
---
"""
0:00:00 Intro- frtl: Dave, Jeremy, Stephan, Ton
0:02:00 Dave- shares some new experiments .. notes templates, todo's ... creating tiddler hirachies
0:05:55 Jeremy- about Dave's navigation buttons, ... some discussion about the interface
0:08:30 Dave- shows his "tabbed interface" ... table of contents ... improved search
0:10:45 Jeremy- about TW as an IDE?!
0:11:55 Jeremy- about more svg icons, ... help requested!
0:13:12 Jeremy- 3rd party plugins, from "JSXGraph Widget"
0:18:20 Mario- intro: hi!
0:18:55 Jeremy- about Danielo's plugins .. context search plugin
0:21:15 Jeremy- question from Stephan: Is there a widget guideline?
0:24:17 Mario- about tiddlywiki.org .. and docs
0:25:38 Jeremy- recent changes in 5.0.13 ... the new "select widget" ...
0:29:42 Mario- can you show the content of the "select target tiddler"
0:32:52 dicussion with Stephan about his usecase. ... a select widget should be able to enumerate the content of a data-tiddler
0:34:25 About the ControlPanel: Advanced tab ... discussion about "hidden and visible configuration" with mario
0:29:50 Jeremy- tiddler types with the select widget ... intro and some tweaking ...
0:46:18 Jeremy- about html5 "combo box control"
0:47:15 Jeremy- about the tiddler layout refactoring and the select widget "grayed out text"
0:48:30 Jeremy- tweaks to the "permalink" behaviour + discussion about "user problems"
0:54:37 Jeremy- Escape as shortcut is back
0:55:35 Mario- Idea about a "notification mechanism for new functions" ...
0:57:40 Jeremy- about the update process, upgrade widget
0:58:56 Jeremy- is speaking at a company conference in germany ...
1:01:15 Jeremy- things to do in the next version, tiddlyspot as a plugin,
1:05:53 any questions - no
1:06:00 Jeremy- tiddlywiki(.)com documentation should be updated independently to the TW version
1:07:45 Jeremy- about VaxTab ... there are licensing problems
1:09:04 Jeremy- about the Indie Tech Manifesto / Summit
1:14:11 CSS print question from Dave
1:20:11 Jeremy- .. New feature - horizontal tabs ... can handle looooong titles
1:24:35 Jeremy- about the flex box layout for the whole tw page (in the future) ...
1:31:55 Jeremy- about the problem with FireFox and the toolbar buttons. ..
1:35:10 Mario- Some more feedback from IE users?
1:37:13 Jeremy- was playing with IOS 8 .. and Safari WebGL support.
1:41:21 Mario- Have you seen famo(.)us?
1:46:00 Jeremy- Apple's new language "swift"
1:49:25 Mario- How does swift affect TW? ... Jeremy- about a CLI for TW.
1:52:14 Dave- Will entering the search string be more performant in the future - again?
1:58:10 Bye! Bye!
"""
2014-06-10 - [[YouTube|https://www.youtube.com/watch?v=3h8RGv0E9Uc]]
---
"""
0:00:00 Intro- frtl: Jerem, Mario, Stephan, Ton
0:01:27 The most recent changes
0:02:05 Jeremy's ToDo notes
0:03:39 Jeremy- NEW external image support ... _cannonical_uri
0:10:30 about the implementation (techy :)
0:12:35 Mario- Is it possible to create this kind of tiddler by hand? New tiddler?
0:17:45 Mario- The image tiddler transclusion works ... yes!
0:18:57 Jeremy and Mario about youtube links and the time stamp handling ...
0:19:19 Mario- about the annotation timestamps ...
0:19:41 Jeremy- about Mario writing annotations about the discussion about annotations ...
0:20:02 Jeremy-
0:20:10 Nathan joined
0:20:31 Jeremy- about the parsers implementations.
0:25:40 Jeremy- how the _cannonical_uri influents the EditTemplates
0:28:00 Jeremy- new CLI savetiddler command to save / create external image tiddlers
0:31:38 Jeremy- The "old" tiddler type dropdown is back.
0:32:45 Jeremy- some documentation updates
0:33:15 Nathan ?
0:33:37 Jeremy- What's next for
0:33:53 Ton- about the external image functions ... are thumbnails possible?
0:36:58 Jeremy- about extended image presentations functions.
0:41:10 Jeremy- about fixing up the relative date widget.
0:46:45 Nathan- templated image links would be cool
0:47:38 Jeremy- thinks we need tools to visualize the parse- and render-tree (for devs)
0:50:45 Jeremy- about the creation of talky-talky ..
0:52:20 Intro Danielo
0:53:00 Danielo- has some proposals
0:53:20 TiddlyWiki Desktop should be listed on the Node WebKit project page
0:57:50 Danielo- proposal to "track tiddler usage data" eg: how often a tiddler was viewed
1:03:00 Jeremy / Danielo- about tiddler syncing / import mechanism (new plugin)
1:03:54 Danielo requests some plugin management functions in the ControlPanel
1:06:20 Danielo would like to have a "save as" button somewhere.
1:09:50 Mario- about the problem in FireFox with "save as" UUID name. May be the TiddlyFox backups handling should do it.
1:12:52 Danielo- would like to have a dropdown list for fields similar to tags input box
1:17:10 Danielo shows his new "import / sync" plugin. (some screen share problems)
1:19:50 D. back-
1:24:25 Danielo- shows how he changed the code. ... Discussion about sync and import
1:29:50 ... Mario- suggests 3 different import reports ... Jeremy, Danielo, Nathan, Mario discussion about the workflow ...
1:47:10 Jeremy- about a sync command line option ... shows some code, where Danielo could start
2:03:20 Jeremy- shows how to inspect code with the "debugger" option ... discussion about syncing
2:13:00 Bye! Bye!
"""
2014-06-17 - [[YouTube|https://www.youtube.com/watch?v=FdNDuF4UnlA]]
"""
0:00:00 Intro: Jeremy, Stephan, Mario (later)
0:00:40 What's new .. accessibility + discussion
0:08:42 Mario joined ... intro
0:10:12 back to the accessibility discussion. ... page title is an h1 now. tiddler title is h2 now. How do others do it.
0:16:10 Nathan joined
0:17:10 Jeremy- NEW: state tiddlers are not saved anymore, which should fix some strange UI behaviour for new users
0:21:19 Mario- The TiddlyIE extension didn't work with IE11
0:22:38 Jeremy- NEW: external images functions should be finished now
0:24:00 Jeremy- new "build" command options in the tiddlywiki .info file
0:24:50 Jeremy- external links for html-tiddlers can be included as iframes now.
0:29:28 copy / paste html fragments also inlcude an iframe
0:31:40 Jeremy- there should be a possibility to handle "semless iframes"
0:32:23 Jeremy- NEW: extending the server path, for better route handling.
0:34:32 Jeremy- NEW: global macros work now
0:40:08 Nathan- Does it scope macros?
0:41:32 Jeremy- is working on the "Environment Variables" ticket atm.
0:42:10 Jeremy- What's next .. (modifying the roadmap tiddler :)
0:42:47 Stephan- missed the "Environment Variables" info
0:44:35 ... skimming the issue list
0:45:01 Stephan- What about the "new filters" proposal issue?
0:47:20 Jeremy- what needs to be done ... backups, upgrade wizard
0:51:20 Danielo joined
0:52:00 ... about the upgrade process
0:53:15 Jeremy / Danielo issue with codemirror ... discussion (problem with the hangout focus)
1:02:55 Jeremy- Let's talk about the future
1:05:14 Jeremy- want's to make a hirachical table of content (widgets/template/global macros)
1:06:24 Danielo-? (sry I can't understand the question - jeremy did - something with external plugins)
1:07:30 Jeremy- a concept picture about library handling ( ( (Core) Core Library) 3rd party Libraris)
1:14:00 ... we want to solve the "orphan plugins" problem ...
1:18:35 Mario- sees the central repository as the "stable branch"
1:20:25 Jeremy- ... more details (about the workflow)
1:27:05 ... how others do there plugin management (doku-wiki, atom, brackets)
1:33:24 Danielo- has a new "import plugin" ... (some problems with screen sharing)
1:35:51 ... jeremy back online
1:40:25 Jeremy / Danielo- discussion about the implementation and Jeremy's point of view (ideas)
1:47:15 Jeremy- ... "philosophical" discussion about open source and the TW project and plugin mechanism.
1:56:35 Jeremy- about TW language contributions
1:59:20 Bye! Bye!
"""
2014-06-24 - [[YouTube|https://www.youtube.com/watch?v=h_ENc-GAIcc]]
"""
0:00:00 Intro: frtl: Jeremy, Mario, Nathan, Stephan
0:01:00 Nathan- How could we extend the batch build syntax to support interpreting arbitrary environment variables? It seems like the obvious $ENVVAR might not be so great for us!
0:02:03 Jeremy- info about the tiddlywiki.info file
0:04:35 Jeremy- about XDI format at wikipedia
0:15:05 Nathan- info about his usecase
0:16:06 Stephan- Now that we have the environment varibles I think it should be possible to have the content of my tiddlystuff.tiddlyspot.com in a git repository without this being a fork of tiddlywiki, right? What do I need to do?
0:23:50 Stephan- tables generated by an "R" script. Is it possible to import a big file containing many tiddlers, atm?
0:31:55 Nathan- Suggests an import mechanism based on a (drag and drop) tiddlywiki.info file.
0:35:04 Jeremy- Question from Michael on the google group, about styling of individual tiddlers based on there tag.
0:35:34 ... Jeremy demoes the "Talky Talky" TW theme, that does modify the tiddler background.
0:40:35 Stephan- Idea about "ViewTemplate and EditTemplate" see: groups. google. com/d/msg/tiddlywikidev/aqmRkhNd1KA/_wIEkDIT2o0J
0:41:50 Jeremy- about recent changes to the core core/ui/ViewTemplate importing variables to set some styles. (for TW 5.0.14 beta)
0:49:40 Jeremy- about the reuse of the imporvariables mechanism.
0:50:25 Nathan- .. bounty for a "macro/ var import/ transclusion turing machine :)
0:51:20 Nathna/Jeremy- about the ControlPanel- Editor maping configuration for different content types.
0:56:10 Mario- about the Mozilla Web-IDE now uses CodeMirror.
0:58:12 Mario- Would like to have a look at the RoadMap
1:00:30 Mario- What's about the Github flavored markdown ... line break
1:05:30 Jeremy- about better ARIA support.
1:06:25 Nathan- Mario .. are you still playing with the TW cloud stuff? Vagrant? ... docker?!
1:12:20 Mario/Nathan- about the TiddlyWeb adaptor for TiddlyWiki and the TW backend
1:13:40 Jeremy- About TW with and without a backend. TW can have any server.
1:14:55 Danielo joined ... about keyboard shortcuts. ...
1:17:47 Danielo- about external images ... Are there planes to handle external tiddlers?
1:21:15 Danielo- How to save external tiddlers ...
1:24:05 Jeremy- about the next steps. ..
1:25:03 ... Bye! Bye!
"""
2014-07-01 - [[YouTube|https://www.youtube.com/watch?v=zGnEiTDx9F0]]
---
"""
0:00:00 Intro frtl: Jeremy, Nathan, Ton
0:01:12 Ton- Is it possible to use bookmarklets in TiddlyDesktop?
0:03:30 Jeremy- shows TiddlyDesktop .. could support bookmarklets ... but's not there atm
0:06:06 Jeremy- requests help and invites developers to join TiddlyDesktop development or even take it over.
0:10:24 Ton- Is there a chance that the ticket 192 (Extend link widget to link to a filtered list) will be implemented.
0:15:40 Jeremy- about a talk at InnoQ a german cunsulting company. (slides at tiddlywiki. com/talkytalky)
0:17:40 .. "The Nature of TiddlyWiki" - "It's tiddlers all the way down!"
0:18:25 .. "History"
0:18:42 .. "What is TiddlyWiki?"
0:19:44 .. "Features"
0:20:04 .. "How TiddlyWiki Saves Changes"
0:21:32 .. "Saving with TiddlyFox"
0:21:43 .. "Saving with TiddlyTesktop"
0:21:46 .. "Saving on iPad/iPhone"
0:21:55 .. "Demo of Single File Edition"
0:22:38 .. "Task Management Demo"
0:23:11 .. "Customisation via System Tags"
0:23:37 .. "Serverless FTW!"
0:24:53 .. "Duality of TiddlyWiki"
0:27:06 .. "Everything is a Tiddler"
0:27:35 .. "TiddlyWiki Rendering Pipeline"
0:28:40 .. "User Interface State"
0:29:33 .. "Running TiddlyWiki Under Node.js"
0:29:49 .. "Static Site Generation"
0:30:09 .. "TiddlyWiki Sever Synchronisation"
0:30:52 .. "Usint TiddlyWiki as a library"
0:31:25 .. "10 Years of TiddlyWiki"
0:39:31 .. "Shout-outs"
0:39:46 .. "Thank You" ... some discussion
0:41:49 Jeremy about taking part in the "Indie Tech Summit" in Brighton
0:44:22 Jeremy- about "The IndieWeb" and owning your own data
0:46:25 .. web page "Interview with Dr. Richard Stallman" at cointelegraph. com
0:48:32 Nathan- The master branch has about 4000 commits
0:50:05 Jeremy- A discussion about "drag and drop" and import with screen readers. Shows the code how it could be done (highly techy stuff follows)
1:10:40 Bye! Bye!
"""
2014-07-08 - [[YouTube Link|https://www.youtube.com/watch?v=amoSCysVyY4]]
"""
0:00:00 Intro: frtl: Eric, Jeremy, Nathan, Ton
0:01:58 Paolo- small inconsistency: in the "Tag Manager", when I choose a colour by html name, the horizontal colour stripe remains black, instead of reflecting the selected colour. Same problem when editing the tiddler of the tag
0:17:40 mindprism- How do I get an invite to the hangout?
0:23:03 mindprism- wants to show stuff
0:23:22 mindprism- about the color picker
0:23:39 Paolo- tiny suggestions on how to choose a tag from the drop-down list: after activating the tags' list, it would be useful to be able to select the tag with the up-and-down keys (instead of using the mouse). Now, the tab+enter keys also work but requires many
0:32:21 minprism- There is another issue with that tag menu — when it is contained in a div that has overflow:scroll or overflow hidden, it can be clipped to the container — it needs to be elevated in the dom.
0:40:30 mindprism- Can you post that join like please?
0:41:00 mindprism- There is no css solution for that, the inner div will always be clipped.
0:41:15 Ton- Tagging a tiddler with a 'system' tag adds the tiddler as a tab, button, part, filter, macro, etc. But at the moment I don't see any practical use for $:/tags/Image. Is there practical use or is this tag only for 'internal' use?
0:43:47 Matabele- gwiz.tiddlyspot. com about stacking widgets around the button widget.
0:47:20 Mark joined (aka mindprism)
0:49:15 ... Jeremy about wikitext used to build the UI ..
0:50:44 Jeremy- back to Matabele's widget stacking approach
0:51:28 Jeremy- Richer Message Parameters for buttons and widgets in general
0:55:25 .. about the "stories" selector .. storiy becomes an entity
0:57:10 Jeremy- what's new ..
0:57:50 .. The release tiddler was "awful"
0:58:43 .. the tabs macro has to be improved
0:59:28 Eric- making something similar to the "tags grid" ?!
1:00:15 Jeremy- How to customize the "story river". .. Make tiddlywiki. com a "more common" page
1:05:38 Jeremy- There's a new theme tweak ... the sidebar breakpoint .. splitting TW settings into seperate tiddlers.
1:07:48 Jeremy- fixing some bugs ... HistoryList not saved anymore
1:08:56 Jeremy- improving the animations ..
1:09:57 Jeremy- about the "Indie Tech Summit" by Aral Balkan
1:10:50 .. The "Indie Tech Manifesto" ... One question is: "How to creat a new business model"?
1:14:30 .. about "federated tools" .. and there UI
1:17:33 .. TalkyTalky Shout-outs
1:21:12 .. about the manifesto
1:23:26 Mark has some demos.
1:25:40 .. screensharing is working .. make it keyboard accessible .. very interesting UI .. especially the tag input
1:44:30 Jeremy- feedback ..
1:46:45 Jeremy- How many different wikis do you use? some general discussion about a "killer app" .. about contribution
1:52:35 Mark- Does tiddlyspot save the whole file everytime? yes. How do I host my own version?
1:54:00 Mark- What is the largest, in megabytes, TW you've seen?
1:56:25 Jeremy- Short summary for Mark
1:58:12 Bye! Bye!
"""
2014-07-15 - [[YouTube Link|https://www.youtube.com/watch?v=mxr2oe9CPFs]]
---
"""
0:00:00 Intro frtl: Dave, Eddie, Mark, Ton
0:02:50 Branemir- With the new address bar behviour (current story sequence), it becomes hard to refresh a wiki. Whats about a Home button. Or the Title may be a home link? General discussion about the URL refresh behaviour.
0:10:07 Mark- Have you considered to switch on/off "advanced menue" features
0:12:15 Jeremy- Shows Ton's page as an example for extended menu icons.
0:15:00 Jeremy- Shows TW's customization possibilities
0:16:15 Jeremy- points to tw5.scholars. com custom TW from Alberto ... especially the automatic TOC (table of content)
0:21:43 Jeremy- The remaining work that "needs" to be done ... "The update process" ... and "road blockers"
0:24:10 Jeremy- Shows the "new" upgrade / import process. (TODO video / no network traffic)
0:27:47 .. Upgrade: behind the curtain. .. new upgrade plugin
0:30:15 .. import process details ... custom fields ... The import tiddler itself is a "temporary plugin"
0:33:24 Jeremy- The same approach (0:24:10) will be used for search / replace
0:34:10 Jeremy- A new type of module is introduced to the core. Techy details!
0:37:47 .. example how upgraders could deal with eg: tags/stylesheet
0:39:10 Mario joined, Charlie joined
0:39:55 Eddie- How do I get WYSIWYG text into TW?
0:40:17 Jeremy- shows Charly's docs for the Forth language for a PET
0:41:50 back to the upgrade process. .. The upgrade UI .. techy
0:45:08 Chris joined .. 10 users ... max reached
0:46:40 Eddie ... WYSYWIG plain text ... poetry
0:50:35 Mark- What needs to be done to deal with SVG files in different ways? SVG as an image. SVG as part of the TW layout. SVG edited with a text editor.
1:00:59 Charly- Still struggling with automatic style sheets and automatic wikitext links.
1:08:55 Mark- Editing a tiddler updates the display with every keystroke. How to disable this behaviour?
1:13:22 Charly's screenshare ... techy techy ..
1:19:32 Jeremy- How to modify themes ... techy discussion
1:28:10 Jeremy- about file names and tiddler names in "creating TW"
1:39:12 Dave- what's new .. how to deal with bookmarks ... tidmarks
1:47:10 Jeremy- about fargo. io ... outliner ... and its relation to TW
1:51:40 ... discussion about "TiddlySnip" for TW5 ... part of TiddlyFox and TiddlyDesktop
1:53:40 Dave- What will be next? ... upgrade ... RoadMap
1:56:52 Dave- Will you do some more promotion! ... screen casts
1:57:54 Charly- issue with tiddler title with sqare backets .. its an open question
2:02:45 Bye! Bye!
"""
2014-07-22 -
[[YouTube|https://www.youtube.com/watch?v=jRwIWBJ_WN0]]
---
"""
0:00:00 Intro frtl: Branemir, Jeremy, Mario, Nathan
0:01:45 Hangout Roadmap
0:02:08 Jeremy- New behaviour for the "automatic permalink" ... permalinking is off by default - feedback is welcome!
0:05:30 Mario- likes the new behaviour. ... Is there a possibility for "permlink -buttons"? .. yes
0:06:35 Jeremy- Should "empty.html" have the same behaviour?
0:07:50 Nathan- The core and tiddlywiki. com should have the same initial behaviour
0:08:41 Nathan- likes the possibility to share the "whole story"
0:10:40 Jeremy- shows a TW adaptation that uses "story links"
0:11:35 Mario- There should be a possibility to "permalink a search result"
0:12:00 Jeremy- about "TWc parmifiers" ... He doesn't want to have paramifiers again, because of security concerns
0:14:19 Jeremy- ... getting the update wizard finished. Changes to the theme tweak handling
0:18:44 Jeremy- shows the "upgrader" plugin, that creates the "special" theme handeling
0:21:37 Jeremy- (How) Should we deprecate known incompatible plugins?
0:24:54 Jeremy- Changes to the TW frontpage
0:27:45 Jeremy- GettingStarted detects the plattform and provides information acordingly
0:29:53 Jeremy- about the Features tiddler
0:30:16 Mario- likes the TalkyTalky Features list ..
0:31:15 Jeremy- about changes for the Community tiddler
0:32:40 Jeremy- The beta ribbon is a "Find my on GitHub" ribbon now
0:36:00 Jeremy- about the "browser sniffing" mechanism and new system tiddlers
0:39:57 Jeremy- new tiddlywiki.info parameter to specify the "save location" for new tiddlers (server edition)
0:41:15 Jeremy- "must have's" for end of beta
0:43:00 .. about handling [[<ctrl>+s]]
0:43:48 Mark joined the hangout
0:44:30 Mario- discussion about FontAwesome and BlackTie icon fonts. ...
0:51:33 Jeremy- about FlexBox for the Community tiddler and the main layout
0:53:35 Jeremy- about translations ... getting notified if translations are needed
0:59:10 Mario- question: would it be possible to have promise based ajax functions
1:07:00 Jeremy- about "Analysis and documentation of a single page application based on TiddlyWiki" Mater Thesis ...
1:17:50 Jeremy- The developer docs should get there own repo
1:19:34 Mario- What's about your plans to have tiddlywikik frontpage similar to a "normal" product page.
1:22:00 ... about the RoadMap
1:23:58 Nathan- What's the easiest way for a small group of users to start using TW ... in a role related workflow. ... TiddlyWeb - Tank
1:28:20 .. about the TW nodejs server and TiddlyWeb - TW5 compatibility
1:35:36 Nathan- about the envisioned usecase
1:36:35 Jeremy- about CouchDB .. couch apps
1:41:45 Jeremy- about SpiderOak and the Crypton project, which would fit to TW
1:46:02 Jeremy- ... TWc chart on google trends
1:48:10 Bye! Bye!
"""
2014-07-29 - [[YouTube|https://www.youtube.com/watch?v=orcYrgVZK50]]
---
"""
0:00:00 Intro: frtl: Branemir, Jeremy, Mario, Nathan, Ton
0:01:51 Jeremy- Latest changes for 5.0.14 - New Tiddler Info tab,
0:03:10 .. Toolbar button configuration in Control Panel
0:09:50 Control Panel: Advanced Settings .. icons + text settings .. discussion about the info button .. discussion about the default UI
0:14:58 Branemir- likes double click to select text and not open the tiddler in edit mode.
0:15:23 Jeremy- discussion about the default drag and drop behaviour.
0:16:58 Branemir- Should "story river" be added as a "Concept" in the docs (and be explained)? There is a StoryView tiddler but it is not defined.
0:18:15 Branemir- What are the possibilities for printing in TiddlyWiki, i.e. printing a story river? What about making a tiddler a page?
0:27:36 Branemir- What would be a useful usecase for list-before and list-after fields? What should be put in these fields?
0:34:15 Branemir- What do you think about a new WidgetMessage like tw-reaload or tw-refresh?
0:39:29 Branemir- Will there be a "renaming tags" functionality for the stable version?
0:42:20 Branemir- Drag&Drop an image from a website or another browser creates a tiddler with the link to that image. Can TW be modified so that an image tiddler is created instead?
0:46:20 .. using the _cannonical_uri field .. imaged, image links ...
0:51:10 Jeremy- some code review about drag and drop "browser data"
0:53:00 Jeremy- new "widget functionality" Variable operands for filters.
0:54:30 Jeremy- about improved documentation from Steven ... some more dev docs ...
0:58:35 Jeremy- about new TW usecases and users questions, that come up. ... about install in nodejs ...
1:00:40 Jeremy- about possible future functions for TiddlyDesktop
1:02:07 Alex joined ...
1:03:45 Nathan- About usability questions. "linear flow of documentation is missing" ... about the "documentation mission"
1:08:35 Jeremy- about short screencasts to answer some FAQ's ... some youtube TW video statistics.
1:14:15 Jeremy- Alex suggested kumu. io ...
1:15:23 Alex introduces himself and talks a little bit about kumu
1:17:20 ... general discussion about tiddler relation visualisation ..
1:20:48 Jeremy- about visjs. org
1:22:50 Jeremy- about waldly maps
1:25:30 Jeremy- about Ted Nelson's ZigZag Structure ... working with lists and visualisations
1:34:44 Jeremy- what's planned next .. finishing 5.0.14
1:35:35 Mario- about his "splitting emphasis" pull request
1:37:30 Bye! Bye!
"""
2014-08-19 ''---''
[[YouTube|https://www.youtube.com/watch?v=LWyXEZ50jhA ]]
---
"""
0:00:00 intro- frtl: Branimir, Jeremy, Mario, Nathan, Ton
0:02:35 Johannes- How about importing MediaWiki pages into TiddlyWiki? Is that on the priority list of features for TW5?
0:06:05 Nathan GF asks: Images in stylesheets! Is there a better solution than MakeDataUriMacro?
0:11:40 Nathan about the usecase .. using TW as a CMS like system
0:14:06 Nathan- how was the week of?
0:14:27 GF asks: I'd like to be able to keep my <img> tags "as is" in my html content, and have them "just work" when the image is in the wiki, instead of either needing to use the image macro or keep an "images" directory external to the system.
0:17:56 Branimir- Please, explain and demonstrate for everyone the new tw-home and tw-browser-refresh! Also, show how it will behave in TiddlyDesktop.
0:21:35 Branimir- How can I change the behaviour of clicking on the title of the wiki. Discussion about the "refresh - button" clears the URL bar. ...
0:32:40 Branimir- explains his "refresh" workflow ..
0:33:15 Nathan- Suggests the possibility of a 2 way sync. ... Discussion about a "file based lock" for syncing multi user editing ..
0:35:25 Jeremy- about TW as a GuerillaWiki ..
0:36:20 Jeremy- about WebDav and TW5
0:39:18 GF asks pt 2: I'd like to optionally "file out" and/or serve my content in the form of multi-page applications, but keep a unified administrative single page interface to the system. Is there a better way to handle serving this and linking between "pages"?
0:45:26 Jeremy- about the roadmap after the beta period. aka deferred features.
0:47:54 Nathan- bugreport: some titles don't save through the server right now, such as "/css/foo.css" (though their drafts do) or save as an empty file! (I'm still investigating.)
0:50:42 GF asks pt 2: IMPORT UTILITIES! Can I bulk tag and/or name-prefix on imports? Set fields? Drag and drop a folder and keep paths (chrome)? Loosely related, a tool to tag/rename based on a filter would be super-handy!
0:56:20 .. drag and drop folders and keep there paths ..
0:58:50 GF asks pt 2: Searching the docs is hard! I spent a lot of time just in realizing that I wanted to be searching for key-word "clone" and not "copy" to find out about duplicating a tiddler. Can we get a "did you mean?" or "search suggestions" feature? .. discussion about "improving the docs"
1:09:56 .. Can we get a "did you mean?" or "search suggestions" feature?
1:11:30 GF asks pt 2: Parser complexity often gets in the way, and figuring out parser rule lines is some sort of cumbersome black magic thing. Can we get some simple macro sets (or something) offering useful and common/sane parser rule lines? (ex "PageTemplate")
1:19:50 GF asks: I need a tutorial/reference for "CMS" use cases! Can we make an edition with simple but pragmatic examples of 2-3 page "NotAWiki" site(s) parts showing some templates, some simple content, some css and js, and clean static html export render?!?!
1:21:23 GF asks: I want to transclude html content type, but it either doesn't work at all, or the iframe breaks (or drastically complicates) the content! Can we get more flexibility in transclusion of "web native" content?
1:28:50 GF asks: I (critically) need to be able to include alt tags on img and other semantic (or nonstandard) markup like schema.org, aspx, rdfa, etc in my content. Do we have mechanism for attaching arbitrary attributes or container tags to things in rendertree?
1:32:45 Nathan + GF- both of us ask: Revision control! While "files in git" is great and all, should tiddlywiki core consider a cannonical model of history? Should we revive Synchrotron? (Maybe even modernize it up with an Operational Transform sync?) "Out of scope?"
1:42:25 Armchair Designer- The github route seems viable for non-dev types, provided the intimidating factor of contributing there is lowered : maybe a way to go would be to have a simple howto for github at hand from within TW itself.
1:43:30 Armchair Designer- Do you have a rough idea of which popular classic TW plugins are most likely to be included as built-in modules (or equivalent functionality) in the Five 1.0 release package ?
1:45:50 Branimir- What's the story, for upgrading from TWclassic
1:51:10 Jeremy- What will be in 5.0.15-beta ... disable plugins .. saving with the "client / server" edition ...
1:52:43 .. new TOC table of content macro
1:55:53 Jeremy- Release Planning .. RC1 .. weekly releases should be done
1:57:25 Branimir- During "update process" Can you explain the meaning of "blocked" and how the checkboxes actually do.
2:07:13 Bye! Bye!
"""
2014-08-26 ''---'' [[YouTube| https://www.youtube.com/watch?v=UshdLGnXdsI ]]
---
```
2014-08-26 ''---'' [[YouTube| https://www.youtube.com/watch?v=UshdLGnXdsI ]]
```
---
"""
0:00:00 Intro: frtl: Branimir, Eric (later), Jeremy, Mark, Nathan (later), Leo (Slonik), Ton
0:02:54 Nathan joined
0:04:03 Ton- The tag $:/tags/RawMarkup allows raw markup to be included in the generated HTML file. What does that mean (for an end-user)?
0:04:34 Eric- joined
0:09:33 Ton- The tag $:/tags/RawMarkup allows raw markup to be included in the generated HTML file. What does that mean (for an end-user)?
0:24:53 How to get the readme tiddler of a plugin to show up as readme information together with the plugin in tab Plugins of ControlPanel? When building plugins in the browser it doesn't although it is available as a shadow tiddler.
0:36:32 Jeremy- short answer to the above question ;) 2 Steps to add a readme to a plugin.
0:38:37 Jeremy- Review of new 5.0.15-beta features
0:40:34 Jeremy- about the "docs: help wanted" banner ... How to edit docs directly from github
0:41:45 Jeremy- starting from 5.0.16, weekly releases are planned!
0:42:21 Jeremy's notes of "must have"
0:42:43 .. about consistency of CSS class names
0:45:51 .. fixing some JSHint hints
0:48:05 .. review the tags
0:48:38 .. automatically generated TOC
0:49:31 .. Ctrl-S should save TW
0:50:09 .. finalizing the core macros
0:51:53 .. improve sidebar layout handling
0:52:58 .. backwards compatibility of resource links
0:53:26 .. reorganize the ControlPanel
0:54:35 .. automatically exclude "draft.of" tiddlers from lists
0:56:01 .. about the organisation of the TW5 repo / directory structure
0:56:49 .. fixing the config tiddlers
0:57:13 .. about the "style block" syntax
0:59:11 .. too many spans containing divs
1:00:03 .. fix sidebar dropdown buttons in the more menue
1:01:22 Jeremy- final roadmap
1:02:27 Branimir- TW "dirty / save" state recognition may be improved.
1:07:30 Eric- about a "funny" userName issue / bug
1:11:12 Jeremy- about special handling for some tiddlers
1:12:53 Jeremy- about saving tiddlers that start with a slash
1:16:30 Jeremy- about "tab switching" degrades if encryption is on
1:19:36 Leo- feature request: It would be useful, if TW would have a "tiddler drawing" area.
1:26:46 Jeremy- Refresh button now doesn't clear the URL bar. Especially for TiddlyDesktop
1:29:00 Jeremy- 5.0.16 should have a configurable "top bar"
1:30:42 Mark- about popups being to "low in the DOM" ... about html structure
1:45:24 Mark- about the issues caused by z-index for theme authors
1:49:15 Bye! Bye!
"""
2014-09-02 - [[YouTube Link|https://www.youtube.com/watch?v=9SVf04i6jYY]]
---
```
2014-09-02 -
https://www.youtube.com/watch?v=9SVf04i6jYY
```
---
"""
0:00:00 Intro: frtl: Branimir, Jeremy, Mario, Nathan, Leo, Ton
0:03:12 Branimir- TWC has the search string highlighted among all open/found tiddlers. Any chance of adding a similar functionality in TW5? It would be even better if there could be PREV/NEXT links to cycle through found strings.
0:08:58 discussion about TW5 in TiddlyDesktop and its possibilities with Node WebKit.
0:11:50 Jeremy- about the V release and backwards compatibility
0:14:15 Branimir- misses zooming in TiddlyDesktop
0:15:41 Branimir- What plans are there for improving the "Contents" macro? I guess this would be the equivalent of MainMenu in TWC.
0:22:50 Branimir- about the TOC macro. The "categories" should be no tiddler links.
0:26:35 Jeremy- about system tiddlers with a caption used for the TOC
0:28:53 Mario- What should he do with "experimental" macros. Should they be pull request or external plugins? -> plugins
0:29:43 Jeremy- about pull requests from users that want to contribute. -> don't be discouraged be "no's". Create a plugin and let the users decide!
0:30:52 ... exceptions for this. -> if an issue is allready ticketed to the core.
0:32:28 Jeremy- the default should be. Offer a plugin to the community and then it may be pulled into the core. Because if it is part of the core, all changes need to be backwards compatible.
0:36:30 Jeremy- about contributing to open source projects. -> start small!
0:38:08 Jeremy- about what he regrets in TWclassic development.
0:42:25 Ton- Is it wise to go through the tickets: bugs and new features label it (before/after beta, don't do it, plugin, etc)?
0:44:00 Jeremy- What is planned for the TW 10th anniversay? .. a 6h hangout :) .. A tiddly conference early 2015
0:53:50 Jeremy- what's new in 5.0.16-beta release
0:54:06 .. about the TWc compatibility plugin - the classic parser demo
1:01:09 Mario- Should there be an indication for TWc type tiddlers?
1:06:02 .. discussion with Branimir about making it easier to import TWc content into TW5
1:09:44 Jeremy- about "How to contribute to the TW documentation" -> help wanted. with github web UI
1:12:05 .. about Mario's video series that explains the basics about contribution with github web UI
1:14:50 .. about contributions from Ton, that triggered further improvements from Jeremy
1:17:08 Mario- Ton, did the videos help you? - yes :)
1:19:13 Mario- shows his approach to contribute with the help of the cloud9 web IDE.
1:22:40 .. about "RUN configurations" ... little script buttons that perform actions to the repo. eg: build a new index.html
1:25:00 .. serving the index.html with the apache web server.. serves the whole directory structure.
1:27:20 .. configuring the web server root dir, to directly serve the index file.
1:28:35 .. use the TW server to serve and edit the TW page.
1:31:00 .. using git to push the changes to the pmario/tiddlywik5 repo.
1:32:35 some info about the c9 environment.
1:34:55 Branimir- discussion about the build system and using it to commit to github
1:37:10 Jeremy- about git and the command line
1:39:35 Mario- shows how to test index.html with different browsers from Sauce Labs
1:45:40 Mario- short summary. Some thoughts about new users concerns ...
1:46:55 Jeremy- Can you share / copy the workspace environment. - yes
1:48:30 Branimir- How many workspaces can you own?
1:52:00 .. talking about a "cloud9 TW docs hack party" ...
1:54:40 Jeremy- What should be done at the next HO.
1:55:25 Mario- about a p-tag in the edit tag selector
1:57:05 Branimir- Will you cover TiddlyDesktop next time? - probably not
1:58:38 Bye! Bye!
2014-09-09 ''---''
[[YouTube Link|https://www.youtube.com/watch?v=NQdSFuqRFPg]]
---
```
2014-09-09 ''---''
[[YouTube Link|https://www.youtube.com/watch?v=NQdSFuqRFPg]]
```
---
"""
0:00:00 Intro: frtl: Yaka, Eric, Jeremy, Mario, Nathan
0:00:10 Yaka- Introduces himself and tells about his usecase.
0:01:50 Eric .. Mario .. Nathan
0:03:39 Mario- What do we need to do, to make translated empty.html downloadable for users. Introduction of the german version.
0:06:48 Jeremy- about the tiddywiki.com directory structure.
0:16:30 Yaka- Support in the core, for handling content in different languages.
0:22:15 Mario- About the TheDiveO project: ThirdFlow ...
0:25:30 Yaka- actually needs a seperate wiki for each language ...
0:26:45 Jeremy- about TiddlyWiki translations.
0:28:38 Yaka- wants to get people interested in TW.
0:29:00 Jeremy- about the documentation refactoring for 5.0.17-beta, to make it more sutable for users.
0:35:05 Jeremy- The development docs will be a seperate edition.
0:35:55 Jeremy- about "Getting the word out!"
0:39:15 Jeremy- about TWc adaptations and TW5 editions
0:42:45 Jeremy- about: TW for Scholars as an edition example
0:44:30 Yaka- What is the intended audience for TW after the V release
0:45:30 Jeremy- What does the release of TW mean. ... not finished but compatible.
0:47:00 Jeremy- about a TW5 usecase as a "gamers bible" ..
0:47:50 Eric- Some history, we need to develop the community, so different apps will pop up.
0:50:30 Jeremy- about the community, the audience, the users
0:52:05 Eric- about GSD community.. They treat it as an application.
0:53:00 Jeremy- about the Twine application based on TW.
0:54:50 Yaka- about the possible audience: the geeks - geeky users - consuming users. TW needs to be "usable" but a little bit tweakable.
0:57:15 Jeremy- At the moment our audiece is "Technical people, with a small team"
1:01:00 Mario- about newspapers
1:02:10 Yaka- ... TW as a distribution platform for content. similar to jekyll
1:06:00 Eric- about TiddlyBard?? ... All of Shakespeare in a TW. Car Repair References ..
1:09:25 Jeremy- ... about the BT Agile Cookbook .... A TW Content Edition
1:12:12 Nathan- about his experience, explaining TW to his girlfriend ... The ecosystem is missing atm.
1:13:35 Jeremy- about Eucaly' Tiddly World
1:15:05 .. about ThirdFlow and TW5FontAwesome ... and the community that starts ...
1:19:40 Yaka- .. Easy User Reference about existing "editions" .. central resource for apps.
1:23:08 Nathan- Content for users needs to come from users, not devs.
1:24:07 Yaka- .. User contributed content / experiences, can attract other users. ..
1:26:02 Jeremy- sums up his ideas ... how to attract tiddlywiki "ambassadors"
1:27:45 Mario- wants to create some more videos, for the german version.
1:28:38 Jeremy- About the "TW introduction video"
1:32:12 Mario- Video ... How to user TiddlyFox with FireFox.
1:33:35 Jeremy- introducing the regexp filter operator.
1:34:53 Jeremy- about the 20th Sept. Hangout for 8 hours.
1:39:17 Yaka- about video intro's
1:40:50 Yaka- about different TW showcases ... User stories ..
1:43:05 Bye! Bye! Thanks to Yaka :)
"""
2014-10-21 ''---''
[[YouTube Link|https://www.youtube.com/watch?v=hJ4feiD6iuY]] ''---'' [[Google Hangout|https://plus.google.com/events/cd8h7qbbtethtk44i98cq2fmmis]]
---
```
2014-10-21 ''---''
[[YouTube Link|https://www.youtube.com/watch?v=hJ4feiD6iuY]] ''---'' [[Google Hangout|https://plus.google.com/events/cd8h7qbbtethtk44i98cq2fmmis]]
```
---
"""
0:00:00 Intro: frtl: Alex, Eric, Jeremy, Mario, Ton
0:03:15 Alex- Borders and Border images for TW. expains the usecase.
0:05:28 Jeremy- about visualizing relations between tiddlers.
0:07:12 Alex- about the Viable System Model ... wikipedia search for: Viable_system_model.
0:11:29 Jeremy- about js-sequence-digrams ... Alex about the usecase
0:17:08 Eric- about 2 possible workflows to get the drawings into TW
0:19:03 Jeremy- about SVG drawings in the TalkyTalky wiki. From drawing to SVG.
0:21:04 Eric- about clickable "hot zones" in the drawings.
0:23:05 Jeremy- about using bitmaps in CSS style sheets.
0:26:15 Mario- About the Global Learning X-Prize - competition
0:27:17 Mario- about his opinions. ... all
0:29:35 Eric- about authoring systems and the basic concepts for learning materials.
0:32:05 Mario- about the needed frameworks and the target group.
0:33:20 Eric- about "in game upgrades" ..
0:34:35 Eric- Some education designers need to be involved. ... Mario
0:36:35 Jeremy- has concerns about TW is seen in the "wrong light" by the judges.
0:42:05 Nathan- his point of view. About the pros and cons, how TW is seen by
0:43:42 Jeremy- TW could be a great tools. But there are concerns about how TW would do in the competition.
0:45:33 Mario- the development in the competition is kind of closed source. ..
0:49:34 all- discussion about gamification ... discussion ... learning with all senses. a
0:51:35 Jeremy- the random chooser filter and dice roles ...
0:53:02 Jeremy- about Twine and interactive fiction
0:54:25 Alex- about Dickens Manual. ... but target group is children from 6-12
0:55:56 Jeremy- about sliders in HTML5 and input element.
0:59:55 Jeremy- shows the sliders.
1:02:55 Jeremy- Yaka's feature request: ... word count, character count ...
1:06:54 Nathan- Is there an "idle" event?
1:08:20 Jeremy- The relative dates should be dynamic.
1:09:03 Mario- What's the difference of eg: image "lazy" loading and the "normal" loading
1:19:20 Jeremy- about the export icon change
1:23:12 Jeremy- TW has some audio support now.
1:25:25 Mario- What's planned next. .. fixing a strange new bug :(
1:28:02 Mario- about the server command feedback.
1:29:30 - no conversation for a minute. Jeremy is away.
1:30:47 Jeremy- ... plans ... 5.0.4 will be fast bufix. Export should come ...
1:32:00 ... several buttons to export different set of tiddlers. working TW, json, .tid, .cvs, skinny tiddler store. ... build TWs with a different theme.
1:34:10 Mario- What do you think about the discussion in the group about the DefaultTiddlers?
1:38:18 Eric- A very common question is "reordering tiddlers" in the story
1:42:28 Jeremy- Drag a tiddler title to a text editor, takes the whole content too. Should we change this ... yes ... but import will be not touched.
1:46:38 Jeremy- about authoring tools. edit toolbars, codemirror, auto completion, keyboard shortcuts, ...
1:53:30 Paul Q&A- Is a Vanguard about the Global X-Prize and thinks we would have a chance.
1:54:57 Bye! Bye!
2014-10-28 ''---'' [[YouTube Link|https://www.youtube.com/watch?v=OBoZzqu7tYg]] ''---'' [[Google Hangout|https://plus.google.com/events/cou1l99mf4j9uomjg9kkcn5ug20]]
---
```
2014-10-28 ''---'' [[YouTube Link|https://www.youtube.com/watch?v=OBoZzqu7tYg]] ''---'' [[Google Hangout|https://plus.google.com/events/cou1l99mf4j9uomjg9kkcn5ug20]]
```
---
"""
0:00:00 Intro frtl: Jeremy, Mario, Nathan
0:01:14 Jeremy- TiddlyWiki Translations made easy
0:03:40 Jeremy- screen shares the new Translators Edition
0:10:45 Jeremy- How can users send there translations. eg: Dropbox.
0:12:35 Jeremy- How do we extract the translations from the TW file.
0:14:55 Mario- Should the new file structure reflect the translators edition? For easy maintenence. Some general discussion.
0:17:40 .. documentation improvements should be possible to use the same mechanism.
0:19:40 Jeremy- short summary
0:20:00 Mario- shows a short proof of concept, to improve the workflow, with a live preview.
0:25:25 Mario- There would be a possibility to have an interactive tutorial for the TW UI.
0:27:20 Jeremy / Mario- general discussion about improvements.
0:30:30 Jeremy- about a new tooltip mechanism
0:32:12 Mario- Suggests a new layout for the translators tiddler. Multi line layout, similar to the TagsManager.
0:34:10 Jeremy- Can you create a pull request for the tag manager again.
0:36:00 Jeremy- about the next steps.
0:37:00 Mario- Some more ideas about multi line display. ... just some ideas.
0:40:45 Jeremy- Wants some more info about the german translation.
0:41:25 Jeremy- Nathan any topics from your side? ... no
0:42:00 Jeremy- About developing the Translators Edition UI.
0:43:53 Jeremy- About the documentation of the CLI for TW.
0:45:45 .. description field in the tiddlywiki.info file. Discussion about the editions. ... eg: de-AT, de-DE, de-AT-empty ....
0:57:10 Jeremy- may be the init command needs to be improved, to use the "regional" flavors of translations.
1:00:00 ... we want a mechanism similar to the twguides customize function.
1:01:50 Jeremy- short summary about handling editions.
1:04:31 Jeremy- About the tiddlywiki command line and "novice users"
1:06:00 Jeremy- about including some plugins into the core, to make editions handling easier. tiddlyweb and filesystem
1:10:54 Mario- about his proposals at the github issue.
1:18:00 Mario- How do you want to deal with special cases, like the google analytics plugins.
1:19:55 ... short pause ...
1:20:55 Mario- dicussion about the setfield parameter in the tiddlywiki.info file. the "load" command would be an option. or a new .multids file.
1:25:00 ... setfield is still flaged experimental. ...
1:29:55 Jeremy- have a look at the recent changes. ... customizing the search result tabs is now possible.
1:34:50 discussion about the TOC table of content in empty.html
1:36:10 Jeremy- blog post about ghost and what really matters for conversion. discussion about improve the first impression ...
1:44:00 Jeremy- about a new and easier landing page.
1:47:10 Jeremy- what's next ... make the translation workflow work.
1:50:28 Jeremy- about a discussion about using "standard toolkits" or tiddlywiki to do the translations. ... a long time ago.
1:53:00 Jeremy- There may be some weekend hangouts in the future.
1:53:50 Bye! Bye!
2014-11-11 ''---'' [[YouTube Link|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0]] ''---'' [[Google Hangout|https://plus.google.com/events/cuek4r3dmto6n3haq1na4vh4t6s]]
---
```
2014-11-11 ''---'' [[YouTube Link|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0]] ''---'' [[Google Hangout|https://plus.google.com/events/cuek4r3dmto6n3haq1na4vh4t6s]]
```
---
"""
0:00:00 Intro frtl: Yaka, Branimir, Danielo (later), Ed, Felix, Jeremy, Mario, Nathan
0:05:20 Jeremy- agenda, Felix demoes his taskgraph plugin
0:06:50 Felix- Taskgraph demo.
0:08:40 .. idea .. main editor in the right sidebar, views, snapshots
0:09:40 .. UI, tag filter, more filters to come
0:13:30 .. using UUIDs to identify the tiddler
0:15:20 Jeremy- You could have stored each edge as a tiddler. ... Felix explains his ideas, why there is a "edge store". general discussion about the first basic concept.
0:21:45 Mario- Is there a "textual" notation to define edges.
0:24:50 Felix- about node clustering. ... about a possible hirachical layout
0:26:35 .. why he used the vis.js library
0:28:35 .. about his adaptor to the TW datastore
0:30:56 Mario- Is it possible to create a dataset out of existing TW tags
0:35:18 Jeremy- summary about the configuration tiddlers and the core UI. So cour UI should provide some more help to have a "Config UI"
0:38:50 Felix- about the roadmap. about the plugin history
0:44:10 .. about the new TW "search tab"
0:46:00 .. how to create a snapshot. .. multipe graphs in different tiddlers.
0:47:30 Jeremy- do you save the x/y position of the nodes. .. not yet, but will be done. some brainstorming about the "map" tiddler
0:52:00 .. discussion about the development
0:53:20 Mario- vis.js is dynamically loaded at the moment??
0:55:50 Felix- questions, about the TW module types. uploading to github
1:02:20 .. about the community feedback and further development.
1:04:55 .. about the TW core as a starting point / datastore
1:07:05 Branimir- about using it as a MindMap ..
1:10:20 Felix- idea to create a ticketing system with TaskGraph
1:11:58 .. discussion about GTD and what TW is used for
1:13:25 Yaka- will it be possible to change to size of the nodes on specific parameters? .. yes
1:15:55 Jeremy- What relationship do you see between TW and education. TW's role in education.
1:16:48 Felix- about his experience, working with TW. A fast way to collect ideas. TW allows fast swiching between different ideas, tiddlers ...
1:21:10 .. comparing TW with word .. people should know aobut TW
1:24:20 Jeremy- short summary ... some general discussion about knowledge
1:28:25 .. discussion about organizing your knowledge and organizing your live
1:33:50 .. how can we make TW more prominent / visible to users
1:35:40 Mario- there is a "hidden" structure in tiddlers. Exposing it is important.
1:39:30 Yaka- reflection about difficulties for new users, how to create the initial structure of there content. ... there should be easy and specialized examples.
1:42:45 Jeremy- .. the core should have more "refactoring" features. .. general discussion, how to improve the TW UX
1:45:30 Jeremy- Shows the new Export feature. discussion about the new icons. Export is possible as CSV, JSON, pure HTML, .tid file
1:52:20 Danielo- Is the CSS exported too? yes, as inline CSS
1:53:55 .. what's about exporting javascritp? no.
1:55:20 .. export templates could dynamically load js libraries.
1:55:55 Jeremy- zip file format may be possible in the future.
1:57:45 Felix- Is it possible to do a "deep export" that contains eg: transclusions? yes with the right templates.
1:58:50 Mario- When will 5.1.5 be released. .. sooon :) but have a look at the prereleases ...
1:59:50 Felix- How do you pass the parameters to eg: new-tiddler function on the js level.
2:03:15 Bye! Bye!
"""
2014-11-18 ''---''
[[YouTube Link|https://www.youtube.com/watch?v=NlOSyUXAtoA]] ''---'' [[Google Hangout|https://plus.google.com/events/cv5b80i86jvnnkvj1g9ufq6vork]]
---
```
2014-11-18 ''---''
[[YouTube Link|https://www.youtube.com/watch?v=NlOSyUXAtoA]] ''---'' [[Google Hangout|https://plus.google.com/events/cv5b80i86jvnnkvj1g9ufq6vork]]
```
---
"""
0:00:00 Intro frtl: Yaka, Branimir, Eric, Jeff, Jeremy, Mario, Nathan
0:01:50 Jeff- Uses TW for a fiew years .. back from Evernote
0:03:15 Eric- Indie-Gogo campain: Inside TiddlyWiki: The Missing Manual see: indiegogo .com/projects/inside-tiddlywiki-the-missing-manual
0:05:10 Eric- About the project
0:14:35 Eric- About the rewards
0:17:15 Jeremy- about feedback on the group for the book.
0:17:55 Yaka- Why did you choose this model?
0:24:25 Branimir- How do you imagine, updating the book?
0:28:43 Jeremy- About TW's backwards compatibility and book updates.
0:33:43 Jeremy- Agenda, Q&A, Show & Tell, other topics
0:34:22 Yaka- Suggestion to make links to updated chapters. Users should be able to discuss about the content.
0:36:16 Why is the spacing of the tiddler toolbar icons different, in edit mode, than in view mode.
0:39:04 What highlighting language is used for text/plain tiddlers.
0:45:20 Mario- about different MIME-Types for view mode and to "store" in TW.
0:47:01 Jeremy- What's going on with the TW development: Export needs nested popups, which have to be developed.
0:51:33 Jeremy- abou the new icons. They should be more consistent now.
0:56:06 ... some discussion about the icons.
0:59:20 Jeremy- Combined TOC with a pane to view the tiddler content.
1:03:33 Jeremy- Improvements in the control panel.
1:04:25 ... Some restyling for the plguins tab
1:05:12 Yaka- About mobile usage of TW, especially as a mobile app.
1:07:45 Mario- Do you know, how TW works with FireFox OS?
1:11:05 Jeremy- With TW we are able to create static websites to be used with older browsers.
1:11:35 Jeremy- wants to create a native mobile app with TW.
1:12:42 Yaka- explains his ideas, about a mobile tw app / web app
1:14:25 Jeremy- about the "add to home-screen" feature.
1:19:20 Jeremy- about drag and drop in mobile
1:23:00 Intro Felix- is creating a new plugin for TW.
1:23:30 ... demo's his improvements of the Taskgraph plugin. Some discussion about the problems that poped up.
1:46:30 Jeremy- about, how to make the plugin available.
1:47:47 ... some general discussion about the workflow.
1:50:50 Jeremy- short summary, may be there will be a "weekend hangout"
1:51:58 Bye! Bye!
"""
2014-11-25 - [[YouTube|https://www.youtube.com/watch?v=VKDVD6mf9tk]]
"""
0:00:00 Intro: frtl: Ed, Eric, Felix, Jeremy, Mario, Matias, Nathan, Tobias, Ton
0:05:13 Jeremy- about the agenda. .. How can we make TW more popular?!
0:09:30 Matias- Short summary about his (controversial) post in the group. "Hopefully NOT for the next 25 years!"
.. Add-ons (plugins, tweaks, themes...) - difficult to find or (more likely) even know they exist
* No quality assurance of add-ons
* Lacking documentation
* The aggregated knowledge from discussions relies on 3d part system not optimized for us
* Little insight into what attracts new users
* Little insight of user needs, tw applications, behaviours etc
* Challenging to get tiddlyverse overview (resources, applications, options, services, people...)
* Demanding learning curve for customization
* Too few developers (I'm just assuming this is always an issue)
0:16:10 Jeremy- about his behaviour, to develop new TW features... not focusing on documentation.
0:18:50 Jeremy- about the moratorium for new features...
0:21:13 Felix- about the export functionality
0:22:50 Matias- about the responsibilities of / in the community and the infrastructure for the community to get involved.
0:28:15 Jeremy- his thoughts about the different points:
* Add-ons (plugins, tweaks, themes...) - difficult to find or (more likely) even know they exist
* No quality assurance of add-ons
0:33:05 .. about 3rd party plugins, that are not part of the core, but important.
0:34:45 Matias- about meta data / reviews for plugins...
.. Jeremy's thoughts about the existing infrastructure at tiddlywiki dot com
0:43:00 Tobias- About tiddlywiki(.)org on TiddlySpace to be used as community maintained resources. ... general discussion
0:48:35 Tobias- about the possibilities to contribute with tiddlyspot / tiddlyspace
0:51:00 Mario- about a "classic" and "5" domain names ... general discussion about TS access rights. ... Mario can set them!
0:54:40 Jeremy- about moving TiddlyWikiDev group to github ... only the dev group!
0:56:25 Jeremy- Long term goal for the general TW discussion group. ... It should be federated. ... see "long term goal"
1:01:35 Matias- about the community responsibility structure ... general discussion
1:06:02 .. * Lacking documentation
1:07:37 .. * The aggregated knowledge from discussions relies on 3d part system not optimized for us
1:08:08 .. * Little insight into what attracts new users
.. * Little insight of user needs, tw applications, behaviours etc
1:10:35 Eric- about implementing a way for users to give feedback.
1:15:50 .. * Challenging to get tiddlyverse overview (resources, applications, options, services, people...)
1:16:20 .. * Demanding learning curve for customization
1:19:40 Matias- there should be more "ready to use" editions
1:23:00 Jeremy- about "better presenting the editions" we have.
1:24:00 Ed- Would making the group federated, be alienating those, who need help the most?
1:25:55 Matias- What about common discussion boards? It seems, Jeremy doesn't like them ...
1:33:15 Tobias- what about a "dummy github repo" just for discussion?
1:38:50 Jeremy- short summary of the above.
1:43:10 * Too few developers (I'm just assuming this is always an issue)
1:45:30 * Little insight into what attracts new users
1:45:30 Jeremy- refletions, about what happens, if you want to make TW "more conventional" ... but TW is "unconventional" and we shouldn't be afraid of it.
1:52:10 .. about "specific editions" ..
1:54:10 .. about the TW slogan / tagline
1:55:30 Matias- Thx for picking up those topics.
1:56:50 Jeremy- Some TW group statistics ...
1:58:30 Eric- Promoting the "Inside TiddlyWiki" Book!
1:59:50 Bye! Bye!
"""
2015-01-06 - [[YouTube|https://www.youtube.com/watch?v=uUtfd0gA_jk]]
"""
0:00:00 Intro: frtl: Alex (later), Eric (later), Jed, Jeremy, Mat, Nathan (later), Rich (later), Tobias
0:02:08 Jeremy- about the agenda
0:03:12 Jeremy- about a post from Neil in the group: "How do we present TW to new users". Who is or should be our target group at the moment.
0:08:40 .. aobut a "guided edition" for absolute beginners.
0:10:17 .. status quo at the moment.
0:11:00 Intro- Alex and Rich
0:12:00 .. status quo at the moment. ... What does the HO audience think? ... discussion
0:19:06 Jeremy- To whom, do we want to sell TW? ... discussion
0:22:25 .. How can we make it easier for beginners? ... The first impression
0:24:15 Rich- Can / Should there be other sites to learn TW? ..
0:25:25 Intro- Eric, Nathan
0:26:24 all- final thoughts / discussion ...
0:41:17 Jeremy- Mat's questions- about federation ... What happens if TW has a break through and a lot of new users. What will happen?
0:45:22 Jeremy- about GitHub pull requests and discussions. Should I make a pull request? ... If they are actionable.
0:49:25 Jeremy- summary about "what is a pull request"
0:50:20 Mat- about github. ... Some guidelines, how to contribute to GitHub.
0:52:30 Jeremy- short intro about the new "railroad" diagrams
0:57:10 Jeremy- would like to have somebody in the community, who creates a "news bullitin board" for TiddlyWiki. ... discussion
1:01:50 Mat- about federation .. What could we do, if there would be TW federation. The minimum requirement to participate, should be a static web server. ...
1:13:55 Rich ... How does the RSS stuff work?
1:17:52 Intro Arlen (no mic)
1:18:07 Mat ... discussion about iframes, and security concerns.
1:22:10 .. Is it possible to target only one tiddler? .. yes TiddlyWeb
1:26:39 .. discussion about how to get one tiddler with a node.js server.
1:45:30 Nicholas Q&A- may be next time
1:47:40 next handgout will be 27th of Jan. 2015
1:48:30 Bye! Bye!
"""
!TiddlyWiki <<sep>> [[Google Hangouts]]
{{{ [tag[hangouts]!sort[title]] }}}
More Content @ [[TiddlySpace Hangouts|http://hangouts.tiddlyspace.com]] - All Content is slowly being merged into this ~TiddlyWiki
Syntax highlighting for the Web
[[Website for Highlight.js|https://highlightjs.org/]]
[[Hangout TiddlySpace Site|http://hangouts.tiddlyspace.com/]]
See [[License]]
{{{ [tag[http://hangouts.tiddlyspace.com/]] }}}
From [[Wikipedia|http://en.wikipedia.org/wiki/Hypertext]]
Hypertext is text displayed on a computer display or other electronic devices with references (hyperlinks) to other text which the reader can immediately access, or where text can be revealed progressively at multiple levels of detail (also called ~StretchText). The hypertext pages are interconnected by hyperlinks, typically activated by a mouse click, keypress sequence or by touching the screen. Apart from text, hypertext is sometimes used to describe tables, images and other presentational content forms with hyperlinks. Hypertext is the underlying concept defining the structure of the World Wide Web, with pages often written in the Hypertext Markup Language (aka HTML). It enables an easy-to-use and flexible connection and sharing of information over the Internet.
!Don't like the way I get more then just the Tiddler. I want just the Tiddler. Also the render times take a bit.
<iframe src="http://tobibeer.github.io/tb5/#Tobias%20Beer"
style="width:100%;height:800px;border:0;"/>
Crowd Sourcing Site [[indiegogo|https://www.indiegogo.com/]]
[[Jed Carty TW|http://inmysocks.tiddlyspot.com/]]
[[Zork Like Game|http://zorklike.tiddlyspot.com/]]
I'm the original inventor of TiddlyWiki. You can find me on these services:
* jeremy (at) jermolene (dot) com
* [[Jermolene on GitHub|https://github.com/Jermolene]]
* [[Jermolene on GitTip|https://www.gittip.com/Jermolene/]], a micropayment service
* [[@Jermolene on Twitter|http://twitter.com/#!/jermolene]]
* [[Jermy on LinkedIn|http://www.linkedin.com/in/jermy]]
* [[Jermy on Flickr|http://www.flickr.com/photos/jermy/]]
Further information:
* An [[interview with me in The Inquirer|http://www.theinquirer.net/inquirer/feature/2105529/bt-software-engineer-tells-telco-source]] by Wendy Grossman
* A [[hilarious interview with me|http://www.youtube.com/watch?v=auyIhw8MTmQ]] from British television in 1983
* Here's a video of a presentation I did in 2007 called [["How to Start an Open Source Project"|http://vimeo.com/856110]].
! Mario Pietsch and Tobias Beer 2014-
<html>
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>..
</html>
!!All Content Tagged under this License
{{{ [tag[License]!sort[title]] }}}
* [[Example Hangout Tiddler]]
* [[TwHo#73 - Eric Discusses how he creates the Wiki Way]]
* [[Test youtube-embed]]
* [[$:/.rich/macros/youtube-link.js]]
* [[$:/.rich/macros/youtube-embed.js]]
* [[$:/.rich/macros/embed]]
* [[$:/.rich/macros/header]]
* [[$:/.rich/macros/topics]]
* [[$:/.rich/macros/punctuation]]
* [[$:/.rich/data/videos]]
"""
[[YouTube Video Annotations]]
[[$:/.rich/data/videos]]
[[$:/.rich/macros/youtube-embed.js]]
[[$:/state/videotimestampreveal]]
[[$:/.rich/macros/embed]]
[[$:/.rich/data/twtags]]
[[$:/.rich/macros/youtube-link.js]]
[[Add Video Segment]]
[[Add Video Timestamp]]
"""
!!This is specific too the Hangouts as I made the details in the [[YouTube Video Annotations]] sliders
"""
[[slider]]
[[Notes about the state of development]]
[[Annotation Instructions]]
"""
<<<
My name is Mario Pietsch from Austria. I'm living near Salzburg.
[[This page|http://pmario.tiddlyspace.com/#Projects]], will be the portal to my TiddlyWiki, TiddlyWeb related content.
<<<
Mario also maintains the German translation of TiddlyWiki.
Unpronounceable Name Guy - [[Mihaly Csikszentmihalyi Wikipedia Page|http://en.wikipedia.org/wiki/Mihaly_Csikszentmihalyi]]
[[Mihaly Csikszentmihalyi Ted Talk - TED.com|http://www.ted.com/talks/mihaly_csikszentmihalyi_on_flow]]
!!Ted on YouTube
<iframe width="640" height="360" src="https://www.youtube.com/embed/fXIeFJCqsPs?rel=0&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
00:00:00 ''---'' 0
00:00:10 ''---'' 10
00:01:50 ''---'' 110
00:03:39 ''---'' 219
00:06:48 ''---'' 408
00:16:30 ''---'' 990
00:22:15 ''---'' 1335
00:25:30 ''---'' 1530
00:26:45 ''---'' 1605
00:28:38 ''---'' 1718
00:29:00 ''---'' 1740
00:35:05 ''---'' 2105
00:35:55 ''---'' 2155
00:39:15 ''---'' 2355
00:42:45 ''---'' 2565
00:44:30 ''---'' 2670
0:45:30 ''---'' 2730
0:47:00 ''---'' 2820
0:47:50 ''---'' 2870
0:50:30 ''---'' 3030
0:52:05 ''---'' 3125
0:53:00 ''---'' 3180
0:54:50 ''---'' 3290
0:57:15 ''---'' 3435
1:01:00 ''---'' 3660
1:02:10 ''---'' 3730
1:06:00 ''---'' 3960
1:09:25 ''---'' 4165
1:12:12 ''---'' 4332
1:13:35 ''---'' 4415
1:15:05 ''---'' 4505
1:19:40 ''---'' 4780
1:23:08 ''---'' 4988
1:24:07 ''---'' 5047
1:26:02 ''---'' 5162
1:27:45 ''---'' 5265
1:28:38 ''---'' 5318
1:32:12 ''---'' 5532
1:33:35 ''---'' 5615
1:34:53 ''---'' 5693
1:39:17 ''---'' 5957
1:40:50 ''---'' 6050
1:43:05 ''---'' 6185
"""
"""
0:00:00 ''---'' 0
0:00:00 ''---'' 0
0:03:15 ''---'' 195
0:05:28 ''---'' 328
0:07:12 ''---'' 432
0:11:29 ''---'' 689
0:17:08 ''---'' 1028
0:19:03 ''---'' 1143
0:21:04 ''---'' 1264
0:23:05 ''---'' 1385
0:26:15 ''---'' 1575
0:27:17 ''---'' 1637
0:29:35 ''---'' 1775
0:32:05 ''---'' 1925
0:33:20 ''---'' 2000
0:34:35 ''---'' 2075
0:36:35 ''---'' 2195
0:42:05 ''---'' 2525
0:43:42 ''---'' 2622
0:45:33 ''---'' 2733
0:49:34 ''---'' 2974
0:51:35 ''---'' 3095
0:53:02 ''---'' 3182
0:54:25 ''---'' 3265
0:55:56 ''---'' 3356
0:59:55 ''---'' 3595
1:02:55 ''---'' 3775
1:06:54 ''---'' 4014
1:08:20 ''---'' 4100
1:09:03 ''---'' 4143
1:19:20 ''---'' 4760
1:23:12 ''---'' 4992
1:25:25 ''---'' 5125
1:28:02 ''---'' 5282
1:29:30 ''---'' 5370
1:30:47 ''---'' 5447
1:32:00 ''---'' 5520
1:34:10 ''---'' 5650
1:38:18 ''---'' 5898
1:42:28 ''---'' 6148
1:46:38 ''---'' 6398
1:53:30 ''---'' 6810
1:54:57 ''---'' 6897
"""
"""
0:00:00 ''---'' 0
0:01:14 ''---'' 74
0:03:40 ''---'' 220
0:10:45 ''---'' 645
0:12:35 ''---'' 755
0:14:55 ''---'' 895
0:17:40 ''---'' 1060
0:19:40 ''---'' 1180
0:20:00 ''---'' 1200
0:25:25 ''---'' 1525
0:27:20 ''---'' 1640
0:30:30 ''---'' 1830
0:32:12 ''---'' 1932
0:34:10 ''---'' 2050
0:36:00 ''---'' 2160
0:37:00 ''---'' 2220
0:40:45 ''---'' 2445
0:41:25 ''---'' 2485
0:42:00 ''---'' 2520
0:43:53 ''---'' 2633
0:45:45 ''---'' 2745
0:57:10 ''---'' 3430
1:00:00 ''---'' 3600
1:01:50 ''---'' 3710
1:04:31 ''---'' 3871
1:06:00 ''---'' 3960
1:10:54 ''---'' 4254
1:18:00 ''---'' 4680
1:19:55 ''---'' 4795
1:20:55 ''---'' 4855
1:25:00 ''---'' 5100
1:29:55 ''---'' 5395
1:34:50 ''---'' 5690
1:36:10 ''---'' 5770
1:44:00 ''---'' 6240
1:47:10 ''---'' 6430
1:50:28 ''---'' 6628
1:53:00 ''---'' 6780
1:53:50 ''---'' 6830
"""
"""
0:00:00 ''---'' 0
0:05:20 ''---'' 320
0:06:50 ''---'' 410
0:08:40 ''---'' 520
0:09:40 ''---'' 580
0:13:30 ''---'' 810
0:15:20 ''---'' 920
0:21:45 ''---'' 1305
0:24:50 ''---'' 1490
0:26:35 ''---'' 1595
0:28:35 ''---'' 1715
0:30:56 ''---'' 1856
0:35:18 ''---'' 2118
0:38:50 ''---'' 2330
0:44:10 ''---'' 2650
0:46:00 ''---'' 2760
0:47:30 ''---'' 2850
0:52:00 ''---'' 3120
0:53:20 ''---'' 3200
0:55:50 ''---'' 3350
1:02:20 ''---'' 3740
1:04:55 ''---'' 3895
1:07:05 ''---'' 4025
1:10:20 ''---'' 4220
1:11:58 ''---'' 4318
1:13:25 ''---'' 4405
1:15:55 ''---'' 4555
1:16:48 ''---'' 4608
1:21:10 ''---'' 4870
1:24:20 ''---'' 5060
1:28:25 ''---'' 5305
1:33:50 ''---'' 5630
1:35:40 ''---'' 5740
1:39:30 ''---'' 5970
1:42:45 ''---'' 6165
1:45:30 ''---'' 6330
1:52:20 ''---'' 6740
1:53:55 ''---'' 6835
1:55:20 ''---'' 6920
1:55:55 ''---'' 6955
1:57:45 ''---'' 7065
1:58:50 ''---'' 7130
1:59:50 ''---'' 7190
2:03:15 ''---'' 7395
"""
"""
0:00:00 ''---'' 0
0:01:50 ''---'' 110
0:03:15 ''---'' 195
0:05:10 ''---'' 310
0:14:35 ''---'' 875
0:17:15 ''---'' 1035
0:17:55 ''---'' 1075
0:24:25 ''---'' 1465
0:28:43 ''---'' 1723
0:33:43 ''---'' 2023
0:34:22 ''---'' 2062
0:36:16 ''---'' 2176
0:39:04 ''---'' 2344
0:45:20 ''---'' 2720
0:47:01 ''---'' 2821
0:51:33 ''---'' 3093
0:56:06 ''---'' 3366
0:59:20 ''---'' 3560
1:03:33 ''---'' 3813
1:04:25 ''---'' 3865
1:05:12 ''---'' 3912
1:07:45 ''---'' 4065
1:11:05 ''---'' 4265
1:11:35 ''---'' 4295
1:12:42 ''---'' 4362
1:14:25 ''---'' 4465
1:19:20 ''---'' 4760
1:23:00 ''---'' 4980
1:23:30 ''---'' 5010
1:46:30 ''---'' 6390
1:47:47 ''---'' 6467
1:50:50 ''---'' 6650
1:51:58 ''---'' 6718
"""
{{{ [tag[missing log]!sort[title]] }}}
{{YouTube Video Annotations}}
Look at this as a way to link the content from Mario and [[Tobias|http://tb5.tiddlyspot.com/#Tobias%20Beer]]
[[NameSpaceWidget|http://namespace.tiddlyspot.com/#NameSpaceWidget]]
[[Nicholas Spies IMDB|http://www.imdb.com/name/nm0818662/]]
[[Book on forth|http://www.goodreads.com/book/show/7034911-forth-a-text-and-reference]]
<h2>Notes about the state of development</h2>
I still want to add the option to just copy a youtube URL into the add video place and use regular expressions to pull out the video id. You would still have to give it a name. I will get around to that at some point.
Also, the `Add Video Segment` and `Add Video Timestamp` tiddlers don't work outside of their use in this tiddler. You can change this. The problem is that there are a few places in the two tiddlers that have `{{!!selected_video}}`, which in the tabs here references the `selected_video` field of the `YouTube Video Annotations` tiddler, not the individual tiddlers. If you change it to `{{YouTube Video Annotations!!selected_video}}` than they should work. I am leaving it the way it is because this way changing the name of `YouTube Video Annotations` won't break anything.
[[Website Discussion playing part of a YouTube Video|http://www.techtipsforall.com/2013/05/embed-part-of-youtube-video-from.html]]
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=300&end=620&autoplay=0" frameborder="0" allowfullscreen></iframe>
!!That Worked Wow. And it is embedded, even cooler.
Here is the code behind it and the time is in seconds not minutes and seconds like the direct links are.
```
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=300&end=620&autoplay=0" frameborder="0" allowfullscreen></iframe>
```
See also [[YouTube Video Links for Start and End Times]]
"""
Here are the files you need to put in your TW to have Powered by ~TiddlyWiki show up as it does on this site Make sure to back up before trying anything new(just in case).
[[$:/plugins/tiddlywiki/github-fork-ribbon/readme]]
[[$:/plugins/tiddlywiki/github-fork-ribbon/styles]]
[[$:/_MyRibbon]]
"""
Here are the modifications I made to $:/_MyRibbon
```
<div class="github-fork-ribbon-wrapper right">
<div class="github-fork-ribbon" style="background-color:#DF4848;">
<a href="http://tiddlywiki.com">Powered by ~TiddlyWiki</a>
</div>
</div>
```
Thanks to the help of Everyone on the [[Google Groups and specifically Felix|https://groups.google.com/forum/#!topic/tiddlywiki/4yvBIdVn3fo]].
Here is how to add 'Powered by ~TiddlyWiki' to your TW5 site. I think the idea of a dedicated button that could be customized would be very cool.
Here is the [[website for react.js|http://facebook.github.io/react/]]
''Rich Shumaker'' [img[http://www.richshumaker.com/images/selfportrait1th.jpg]] <<linkimg RichShumakerNamePlate.png RichShumakerNamePlate.png "RichShumakerNamePlate" height="76">>
"""
{{Rich Shumaker.m4a}}
--''Email''--
Rich Shu ma k er -At- G mail Dot Com - Crazy format to avoid the spiders of the web that spam-a-lot
--''Phone''--
Call me and I will let you know if you are talking to me, #heheh. - It would be cool if we could encrypt this and give people the 'passcode' to decrypt it.
--''~TiddlyWiki 5 Stuff on the Net''--
[[5 Steps to TW5|http://www.richshumaker.com/tw5/FiveStepsToTiddlyWiki5.htm]] - This is my attempt to get a TiddlyWiki NOOB up and running
[[LegacyCd Virtual|http://www.contactjuggling.com/LegacyCd.html]] - Currently in Beta - Release date is set for 5-5-15 - 10 years after the original ~LegacyCd Release
[[This Site - TiddlyWiki-Hangouts|http://www.richshumaker.com/tw5/TiddlyWiki-Hangouts.html]]
--''~TiddlyWiki Classic on the Net''--
[[Dream Machine|http://dreammachine.tiddlyspot.com/]] - Currently working on updating this using TW5
--''Not Yet TW Sites''--
[[Rich Shumaker F(V)anity Site|http://www.RichShumaker.com]]
[[Contact Juggling Dot Com|http://www.contactjuggling.com]]
--''Social Site''--
[[Twitter|https://twitter.com/richshumaker]]
[[YouTube|http://www.YouTube.com/richshumaker]]
[[Google +|https://plus.google.com/102360582405563354873/posts]]
--''Social Sites I don't use enough''--
Facebook
Instagram
--''Almost Archived Social Sites''--
~MySpace
Tribe
~LiveJournal
Del.ic.ous
Deviant Art
Tumblr
I am sure I have forgotten some for sure
"""
!!!__Tiddlers with Rich Shumaker Tags__
{{{ [tag[Rich Shumaker]] }}}
```
Below is the code for the above - I am trying to standardize this stuff so knowing what I did will help to make this more consistent for everyone
--Start of Rich Shumaker [[<Name Plate>]]--
''Rich Shumaker'' [img[http://www.richshumaker.com/images/selfportrait1th.jpg]] <<linkimg RichShumakerNamePlate.png RichShumakerNamePlate.png "RichShumakerNamePlate" height="76">>
"""
{{Rich Shumaker.m4a}}
--''Email''--
Rich Shu ma k er -At- G mail Dot Com - Crazy format to avoid the spiders of the web that spam-a-lot
--''Phone''--
Call me and I will let you know if you are talking to me, #heheh. - It would be cool if we could encrypt this and give people the 'passcode' to decrypt it.
--''~TiddlyWiki 5 Stuff on the Net''--
[[5 Steps to TW5|http://www.richshumaker.com/tw5/FiveStepsToTiddlyWiki5.htm]] - This is my attempt to get a TiddlyWiki NOOB up and running
[[LegacyCd Web|http://www.contactjuggling.com/LegacyCd.html]] - Currently in Beta - Release date is set for 5-5-15 - 10 years after the original ~LegacyCd Release
[[This Site - TiddlyWiki-Hangouts|http://www.richshumaker.com/tw5/TiddlyWiki-Hangouts.html]]
--''~TiddlyWiki Classic on the Net''--
[[Dream Machine|http://dreammachine.tiddlyspot.com/]] - Currently working on updating this using TW5
--''Not Yet TW Sites''--
[[Rich Shumaker F(V)anity Site|http://www.RichShumaker.com]]
[[Contact Juggling Dot Com|http://www.contactjuggling.com]]
--''Social Site''--
[[Twitter|https://twitter.com/richshumaker]]
[[YouTube|http://www.YouTube.com/richshumaker]]
[[Google +|https://plus.google.com/102360582405563354873/posts]]
--''Social Sites I don't use enough''--
Facebook
Instagram
--''Almost Archived Social Sites''--
~MySpace
Tribe
~LiveJournal
Del.ic.ous
Deviant Art
Tumblr
I am sure I have forgotten some for sure
"""
!!!__Tiddlers with Rich Shumaker Tags__
{{{ [tag[Rich Shumaker]] }}}
--End of Rich Shumaker [[<Name Plate>]]--
''Note about the below, This is a useful feature to include in your [[<Name Plate>]] as it allows you to see all references to your name that have been tagged at the site that copies your [[<Name Plate>]]''
Need to create it so that every Tiddler Reference as well as Tags show in the list below so that you get all references to your name in the TW that has this.
!!!Tiddlers with Rich Shumaker Tags
{{{ [tag[Rich Shumaker]] }}}
I am writing my notes of stuff I have meant to bring up at the Hangouts except I seem to sleep through them and I don't have a camera and mic set up right now
*Twitter and Social Tags - Where and How can they be added to a Tiddler?
*[[<Name Plate>]]
*Shareable method from one TW to another to make it smooth and consistent
A solution to simplify renaming a tag and tagging tiddlers posted by [[Alberto Molina|https://groups.google.com/d/msg/tiddlywiki/OCntQ79DuwM/_vYCTYRXfaUJ]].
<table class="no-border">
<tr>
<td colspan=2>
''Step 1:'' First, enter __old__ tag to the left, e.g. GettingStarted<br><br>
</td>
</tr>
<tr>
<td>''Step 3:'' <$edit-text tiddler="$:/temp/RenameTags/search" tag="input" type="text" default="" placeholder="old tag to be removed"/></td>
<td>''Step 2:'' <$edit-text tiddler="$:/temp/RenameTags/replace" tag="input" type="text" default="" placeholder="enter, then apply new tag"/></td>
</tr>
<tr>
<td style="vertical-align:top;width:50%;">
<$list filter="[!has[draft.of]tag{$:/temp/RenameTags/search}tag{$:/temp/RenameTags/replace}sort[created]]">
<$checkbox tag={{$:/temp/RenameTags/search}}> ~~<$link to={{!!title}}><$view field="title"/></$link>~~</$checkbox><br>
</$list>
</td>
<td style="vertical-align:top;width:50%;">
<$list filter="[!has[draft.of]tag{$:/temp/RenameTags/search}!tag{$:/temp/RenameTags/replace}sort[created]]">
<$checkbox tag={{$:/temp/RenameTags/replace}}><$link to={{!!title}}><$view field="title"/></$link></$checkbox><br>
</$list>
</td>
</tr>
</table>
You can use this in your wiki simply by dragging [[this link|Search And Replace Tag]] over.
"""
I need a tool to keep this site history for now I am manually keeping this Site Log
For Versioning I am starting at 1 as this site is not a Beta Site but a Live Site
1.0 - Started Site with Empty TiddlyWiki 5.1.5 Site
1.1 - Added Code by Hand from watching [[TiddlyWiki Hangout #073]]
1.2 Copied and Tested [[Mario|Mario Pietsch]]'s Work - [[TiddlyWiki Hangout #070]]
1.3 - Asked about formatting at Google Groups and for permission to use his work
1.4 Updated Formatting to make it more consistent - This is going to be an area to work on for a while
1.5 Mario gave his permission - Created [[License]]
1.6 Added [[US Version License]]
1.7 Added 60 TW using Hand Coding Technique with Spreadsheet and TXT Editor that [[Mario|Mario Pietsch]] did [[HangOut_069]] [[HangOut_068]] [[HangOut_066]] [[HangOut_065]] [[HangOut_060]]
1.8 Formatted 60's to[[TiddlyWiki Hangout #060]], [[TiddlyWiki Hangout #065]], [[TiddlyWiki Hangout #066]], [[TiddlyWiki Hangout #068]], [[TiddlyWiki Hangout #069]],
2.0 Updated to 5.1.(6)7
2.1 Started to use Macros for Coding
2.2 Used YT Macro from [[Astrid|aelocson]] to convert [[TiddlyWiki Hangout #058]], [[TiddlyWiki Hangout #059]]
2.3 Astrid Updates Macro's to be more complete with linking and embedding YouTube videos
2.4 Added [[<Name Plate>]] Details, [[twCard]]
Added [[$:/.tb/macros/linkimg]] by [[Tobias Beer]]
Added [[twCard]] to discuss and extend [[<Name Plate>]]
[[GitHub Release Dates]] Added
2.5 - Created [[$:/.rich/data/twversion]] [[$:/.rich/data/twtags]] [[$:/.rich/data/twhangoutdates]] [[$:/.rich/data/twhangout_exceptions]] [[$:/.rich/data/googlehangouts]] to follow the [[$:/.rich/data/videos]] format and Updated all the data to be consistent [[TiddlyWiki Google Groups Data]]
2.6 Updated Content [[TiddlyWiki Hangout #058]] and [[TiddlyWiki Hangout #059]] using the new Macro that [[Astrid|aelocson]] created for topics [[$:/.rich/macros/topics]]
2.7 Updated Copyright to match [[Mario Pietsch]] - [[Now CC 4.0|http://creativecommons.org/licenses/by-sa/4.0/]] - Got the Google Hangout Link to work, improperly coded as it has extra code but it works
Updated all of the Hangouts to be safe till 999 ### instead of ##
2.71 Error on [[TiddlyWiki]] with links fixed
2.8 Astrid Updated [[$:/.rich/macros/youtube-embed.js]] and it works great - Updating old code from [[TiddlyWiki Hangout #075]] and working on [[TiddlyWiki Hangout #074]] - Inputted more data from Mario's Hangout Data - Completed 40's TW Hangouts - Updated [[$:/.tb/macros/linkimg]] by [[Tobias Beer]] which now allows images to be linked to External URL's - Updated Site Log for the New ### Format for Hangouts from the old ## Format
2015-01-08 <<sep>> 2.9 [[YouTube Video Annotations]] from [[Jed Carty]] Added - woohoo!!!
''2015-01-11'' - SPECIAL NOTE - The site was not working for about a week. I had turned on CloudFlare at my hosting company and my pages stopped working. Once I turned it off everything started working again. It was injecting code into my HTML uploads.
2015-01-18 - 3.0 Finished Mario's Hangouts
"""
\define slider(label)
<$button popup="$:/state/$label$" class="btn-invisible tw-slider"><$reveal type="match" text="" default="" state="$:/state/$label$">⊞</$reveal><$reveal type="nomatch" text="" default="" state="$:/state/$label$">⊟</$reveal> {{$label$||unwikified}}</$button>
<$reveal type="nomatch" text="" default="" state="$:/state/$label$" animate="yes">
<br>
<$transclude/>
</$reveal>
\end
<$macrocall $name="slider" label={{!!title}}/>
!!This site is a work in progress.
"""
I am trying to document different things I start to use in this site so that you can copy what I am doing ''See the [[Site Log]] for details on the ongoing changes.''
I am trying to follow a consistent format so even if the format is crap it can easily be changed later.
"""
<h3>This site will spawn a [[Hangout Helper TiddlyWiki]]</h3>
I think that it would be helpful for the TW community to look at how other sites spread the word.
Here is the example I found at [[TED.com|http://www.ted.com]]
[[How to help spread TED|http://www.ted.com/pages/21]]
Professor at [[SUNY IT|http://sunyit.edu/]]
{{{ [tag[Steve Schneider]] }}}
Sublime Text is a sophisticated text editor for code, markup and prose.
You'll love the slick user interface, extraordinary features and amazing performance.
[[Website|http://www.sublimetext.com/]]
[[TaskGraph|http://wkpr.de/hosting/tmp/tw5/taskgraph/]]
See also [[Taskgraph]]
[[TaskGraph|http://wkpr.de/hosting/tmp/tw5/taskgraph/]]
See also TaskGraph
<<youtube-embed "m2JyJWjAUns" "01:00:00" "01:00:08">>
<<embed "058" "00:45:30" "00:45:45">>
[[0:00:00|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=0m0s]] ''---'' Intro frtl: Yaka, Branimir, Eric, Jeff, Jeremy, Mario, Nathan
[[Website|http://thediveo.github.io/ThirdFlow/output/thirdflow.html]]
The Third Flow plugin brings to you another way to develop customizations for TiddlyWiki 5. It is not enforcing a specific development flow, it simply tries to help you. Otherwise, it tries to stay out of your way.
Tiddlers are the fundamental units of information in TiddlyWiki. Tiddlers work best when they are as small as possible so that they can be reused by weaving them together in different ways.
A "tiddler" is an informal British word meaning a small fish, typically a stickleback or a minnow. Other systems have analogous concepts with generic names like "items", "entries", "entities", "nodes" or "records". TiddlyWiki takes the view that it is better to be confusingly distinctive than confusingly generic.
Internally, tiddlers are a list of uniquely named values called fields. The only field that is required is the `title` field, but useful tiddlers also have a `text` field, and some or all of the standard fields listed in ~TiddlerFields.
Tiddlers are ubiquitous in TiddlyWiki. They are used to store everything from ~JavaScript code modules to the settings and state associated with the user interface.
!!The Basics of TiddlyClip
Tiddlyclip (TC) allows parts of webpages to be clipped into a tiddlywiki (TW), and consists of two parts, the browser Addon and the TW plugin. The Addon is completely memoryless, any configuration is determined by the current TW that the user has select to work with (we say that the Addon is docked to the TW). TC is designed to work (in a basic mode) without configuration. Once the Addon and plugin are installed, all the user has to do is select which TW to dock to.
[[TiddlyClip Website|http://tiddlyclip.tiddlyspot.com/]]
"""
[[Link to TiddlyDesktop Info|http://tiddlywiki.com/#TiddlyDesktop]]
This brief introduction shows how to install and use TiddlyDesktop:
<iframe width="560" height="315" src="http://www.youtube.com/embed/i3Bggkm7paA" frameborder="0" allowfullscreen></iframe>
A Firefox extension to enable TiddlyWiki to save changes directly to the file system
TiddlyFox [[link|https://addons.mozilla.org/en-us/firefox/addon/tiddlyfox/]]
[[TiddlySpace Web Site|http://tiddlyspace.com]]
Sometimes we all need a little help with organising what's going on in our heads. TiddlySpace lets you organise your thoughts and ideas so that they are with you wherever, whenever and however you need them.
[[Hosting for TiddlyWiki's|http://www.tiddlyspot.com]]
[[TiddlySpot Website|http://www.tiddlyspot.com]]
Tiddlyspot itself is programmed in ruby by Simon Baird. Design and original concept by Daniel Baird.
[[Eric Shulman]] created [[TiddlyTools|http://www.tiddlytools.com/]].
[[Website|http://tiddlyweb.com/]]
!!This Site is [[Powered by TiddlyWiki|Powered by TiddlyWiki]]
!![[Get TiddlyWiki Now|http://tiddlywiki.com/#GettingStarted]]
!!What is ~TiddlyWiki?
~TiddlyWiki is first and foremost a tool: it is a free downloadable tool for capturing and organising content from the web, from your documents or from your brain. It’s a tool for note-taking, bookmarking, pinning, writing, managing to-do lists and projects, collaborating, blogging, and publishing.
In ~TiddlyWiki you create or paste content into notes called tiddlers, then connect your tiddlers with hyperlinks and tags. You can then quickly retrieve your notes through features such as tag pills, sidebar tabs, and ~TiddlyWiki's lightning fast search window. You can even dynamically include one tiddler's content inside another - similar to using building blocks - to create articles, lists, presentations and more.
!! There are currently 2 version of ~TiddlyWiki
"""
[[TiddlyWiki 5|http://www.tiddlywiki.com]]
This is currently in development and is the latest version
[[TiddlyWiki Classic|http://www.tiddlywiki.org]]
This is the original version and is currently maintained by [[Eric Shulman]]
"""
This is the data that runs the [[Macros|Macros for Hangout Wiki Project]] on the site and are the best thing to grab if you want to re-organize the data another way. I am working on a way to get the data I put in the Tiddlers to be pulled out and reused another way.
Dates - [[$:/.rich/data/twhangoutdates]]
Google Hangouts - [[$:/.rich/data/googlehangouts]]
~YouTube Videos - [[$:/.rich/data/videos]]
TW Versions - [[$:/.rich/data/twversion]]
Tags [[$:/.rich/data/twtags]]
Exceptions - Not Recorded & Special Events - [[$:/.rich/data/twhangout_exceptions]]
One other list that is needed is the list of the start stop points for all the individual tiddlers in a Hangout. This gives the embed times for creating short snippet embedded videos. Ideally that would spawn the ability to watch a thread from the beginning forward or from the end backward.
"""
\define hangout() 003
<<header>>
"""
<<topic "0:00:00" "Smalltalk you may want to jump to">>
<<topic "0:04:10" "Mario- Question to Eric - about TW2 beta, external files.">>
<<topic "0:05:25" "Impact of external files for pmario">>
<<topic "0:07:50" "Jeremy kicked of the hangout.">>
<<topic "0:08:45" "Eric uses TW5 to build TW2. Some comments. Update to TiddlyTools. All plugins may be at github in the future.">>
<<topic "0:12:15" "Discussion about plugin Distribution, the Community, Source Code handling, GitHub ...">>
<<topic "0:17:05" "Eric - App store model? Jeremy wants to have a Firefox type model. Mario - listeneing :)">>
<<topic "0:18:30" "Jeremy talks about plugin maintenence">>
<<topic "0:19:25" "What are the creterias for plugin devs to get plugins accepted by core def (Jeremy :). Who owns plugins. Who maintains them ...">>
<<topic "0:20:50" "Jeremy's answer">>
<<topic "0:22:10" "Mario- has constrains about all plugins are in TW5 repo.">>
<<topic "0:23:15" "Discussion about the contribution workflow.">>
<<topic "0:26:55" "Jeremy about criteria for accepting contributions, nees to be testable, automated accept testing">>
<<topic "0:28:05" "Jeremy about plugin ownership">>
<<topic "0:29:45" "The 'new' software structure. Drawings :)">>
<<topic "0:31:45" "Jeremy - orphaned plugins, roles in the community, plugin adoption, plugin URLs should not change">>
<<topic "0:33:55" "Eric - summary for understanding">>
<<topic "0:35:20" "Discussion about Contributor License Agreement - CLA for TiddlyWiki">>
<<topic "0:40:20" "Back to the plugins and the repo. TW5 Repo rearangement ..">>
<<topic "0:42:20" "Mario confusion about the repo structure.">>
<<topic "0:44:50" "Jeremy - All contributor plugins should be in the main repo, Mario - slightly disagrees, Eric - suggestions">>
<<topic "0:45:45" "NPM - TW5 installation with NPM, brings all the core plugins, Jeremy wants the URL to be stable ...">>
<<topic "0:49:50" "Mario- github submodules ... no > github subtree ... yes">>
<<topic "0:51:40" "mario concerns about the plugin adoption process. plugin forking / renaming ...">>
<<topic "0:56:50" "Erics - drawing. Contribution / Software structure">>
<<topic "1:12:00" "Jeremy about macros in TW5. TW5 will ship with many, many macros ... How do we credit the original authors.">>
<<topic "1:13:40" "Eric about plugins, transclusions and ownership in TW2">>
<<topic "1:15:45" "user's side of macro / plugin import handling">>
<<topic "1:18:15" "Eric - Non guthub based submission process. Jeremy - TiddlySpace as user repos">>
<<topic "1:20:50" "We stopped ignoring Jeff ... Change topics to user topics">>
<<topic "1:22:20" "Jeff- introduces himself. Talks about his use of TW.">>
<<topic "1:23:00" "TW5 and Android">>
<<topic "1:24:45" "Eric about TiddlyFox">>
<<topic "1:26:10" "About user documentation. Getting users involved. Getting the community involved ...">>
<<topic "1:38:00" "Jeremy, about 'spread the word'">>
<<topic "1:41:00" "Eric about How to discover TiddlyWorld :)">>
<<topic "1:43:20" "Facebook haters and the sozial networks :)))">>
<<topic "1:44:55" "Russ - About User stories. TW5 editions. Better 'First user experience'">>
\define hangout() 004
<<header>>
"""
<<topic "0:04:10" "Jermey - TW5 demo about skinny font">>
<<topic "0:06:50" "Zooming mode - theme">>
<<topic "0:07:10" "slow motion mode for testing">>
<<topic "0:09:00" "feedback about zooming mode / single page mode">>
<<topic "0:10:15" "cecily view (tw-classic)">>
<<topic "0:11:30" "centraliced theme / themes in general">>
<<topic "0:14:10" "Eric asks about drag and drop themes / elements?">>
<<topic "0:17:10" "Sticky title (chrome canary)">>
<<topic "0:21:50" "About the editor">>
<<topic "0:24:05" "Preview mode">>
<<topic "0:24:20" "field editor">>
<<topic "0:25:00" "image bitmap editor">>
<<topic "0:26:45" "field editor fancy stuff / behind the curton">>
<<topic "0:29:00" "group feedback">>
<<topic "0:30:15" "TW5 drag and drop images">>
<<topic "0:33:15" "tag autocomplete?">>
<<topic "0:34:00" "tag coloring / tag icons">>
<<topic "0:37:15" "- - Q&A - -">>
<<topic "0:38:25" "tobias - tiddlywiki.com maintenance">>
<<topic "0:43:00" "eric responds to tobias - TW5 builds TW2 - build process">>
<<topic "0:44:20" "eric - tiddlywiki.com audience - general discussion">>
<<topic "0:45:40" "jeremy - TW5 beta as tidlywiki.com 'landing page'">>
<<topic "0:47:08" "jeremy - the TW5 reference documentation">>
<<topic "0:49:45" "eric - tiddlywiki docs - 'how do I'">>
<<topic "0:53:45" "jeremy - TW saving - tiddlysaver.jar">>
<<topic "0:55:20" "jeremy - tw5 the mobile story - app.js">>
<<topic "0:58:40" "tobi/jeremy - how does tiddlyweb fit to tw5">>
<<topic "1:01:55" "tobi/jeremy - tw5 interface to nodejs / tiddlyweb">>
<<topic "1:03:25" "jeremy - tw5 serverside demo (techie stuff :)">>
<<topic "1:10:40" "tobi/jeremy - authentication with nodejs?">>
<<topic "1:11:30" "tobi/jeremy - several instances?">>
<<topic "1:12:15" "jeremy - 'new features' should be highly configurable (technical)">>
<<topic "1:17:22" "tobi/jeremy/eric - widgets - eg: todo list">>
<<topic "1:24:35" "jeremy - about macros (technical)">>
<<topic "1:28:12" "eric/jeremy - macros compared to transclusion parameter passing in tw2">>
<<topic "1:29:20" "jeremy - in tw5 everything is a tiddler">>
<<topic "1:31:12" "jeremy - widget internals">>
<<topic "1:35:15" "tobi/jeremy - widget handling / plugin handling?">>
<<topic "1:42:08" "tobi/jeremy - namespaces?">>
<<topic "1:42:53" "tobi/jeremy - how to create a new theme / plugins?">>
<<topic "1:47:00" "jeremy - control panel - system tiddlers">>
<<topic "1:50:10" "Conclusion">>
\define hangout() 005
<<header>>
"""
<<topic "0:00:00" "Introductions">>
<<topic "0:03:35" "jeremy - outline">>
<<topic "0:04:30" "- eric's clinic -">>
<<topic "0:05:10" "eric - plugins">>
<<topic "0:06:20" "Q tw2: handling renaming tiddlers">>
<<topic "0:15:10" "Q tw2: copy paste tiddler links">>
<<topic "0:23:25" "jeremy: tiddler link info in tw5 (related to above Q)">>
<<topic "0:26:04" "jeremy: external link handling">>
<<topic "0:31:05" "jeremy wants to know what people think about tw5 syntax about 'file links'">>
<<topic "0:43:50" "... braindump about the above Q.">>
<<topic "0:46:10" "tw5 transclusion mechanism (sound problems)">>
<<topic "0:53:00" "... bad echo and background noise, that should be muted :(">>
<<topic "0:56:25" "syntax TW-classic or markdown">>
<<topic "1:03:21" "creg - markdown becomes mainstream ...">>
<<topic "1:03:21" "...the WYSIWYG discussion">>
<<topic "1:16:00" "tw5 tiddler types">>
<<topic "1:18:07" "d3 first cut">>
<<topic "1:24:08" "mathematical notation - mathjax">>
<<topic "1:26:50" "d3">>
<<topic "1:31:20" "User interface">>
<<topic "1:34:00" "Keyboard shortcuts">>
<<topic "1:35:10" "Close Others - custom UI">>
<<topic "1:42:50" "Comments about hangouts">>
<<topic "1:44:20" "New visitor introduction">>
<<topic "1:46:10" "Comments about hangouts">>
<<topic "1:48:18" "23MByte 7000++ tiddlers TW2 intro">>
\define hangout() 006
<<header>>
"""
<<topic "0:00:00" "introductions">>
<<topic "0:02:43" "jeremy - topics">>
<<topic "0:04:10" "TW5 news: d3 / grid widget">>
<<topic "0:08:08" "group feedback :)">>
<<topic "0:10:14" "mario / jeremy - grid sorting / calculations">>
<<topic "0:11:40" "jeremy - handling the document state in TW5">>
<<topic "0:13:30" "jeremy - grid sorting ideas">>
<<topic "0:14:50" "mario - compares grid widget with TW2 'fet plugin'">>
<<topic "0:15:25" "eric - grid plugin - UI interaction">>
<<topic "0:17:20" "jeremy - sorting by tiddler modification">>
<<topic "0:19:05" "grid filtering possibilities?">>
<<topic "0:20:25" "jeremy - use list widget for filtering">>
<<topic "0:23:02" "jeremy - how the 'grid stuff should be done at all?'">>
<<topic "0:27:15" "eric - 'multi level list' - indented bullet list">>
<<topic "0:28:10" "jeremy - idea - new table syntax">>
<<topic "0:28:10" "group feedback">>
<<topic "0:34:10" "in tables use 'space' as 'white space'">>
<<topic "0:36:20" "jeremy - 'grid calculation'">>
<<topic "0:39:20" "jeremy - what should be core / plugin">>
<<topic "0:40:10" "eric - what should be core / plugin - centralized plugin distribution / ecosystem">>
<<topic "0:42:28" "jeremy - macros (using / sharing / namespacing)">>
<<topic "0:47:30" "scott introduction">>
<<topic "0:48:30" "- erics clinic -">>
<<topic "0:49:00" "TOC - section link plugin">>
<<topic "0:57:45" "grid plugin parameters">>
<<topic "1:07:30" "customizing the story menu tutorial">>
<<topic "1:25:30" "why are the 'basics TWs' V2.5.0">>
<<topic "1:28:30" "Navigation with GotoPlugin">>
<<topic "1:31:00" "MathJax V2 with TW2">>
<<topic "1:44:20" "jeremy - Any final comments?">>
<<topic "1:52:30" "Bye-Bye!">>
\define hangout() 007
<<header>>
"""
<<topic "0:00:00" "attendees introduction">>
<<topic "0:04:17" "mario - introduces tiddlyweb with vagrant">>
<<topic "0:05:30" "mario -">>
<<topic "0:17:12" "questions">>
<<topic "0:17:30" "mario - summarizing the stuff">>
<<topic "0:18:20" "jeremy/mario - up again">>
<<topic "0:21:00" "mario - what is virtual box">>
<<topic "0:23:20" "about annotations">>
<<topic "0:23:40" "intro - kamil, marty">>
<<topic "0:24:40" "marty - about seamonkey and TW on OS10">>
<<topic "0:26:00" "general discussion about browsers and TW">>
<<topic "0:28:10" "dave's (giffmex) work with TW5">>
<<topic "0:30:20" "jeremy - tag widget TW5">>
<<topic "0:32:25" "jeremy - problem with (unwanted persistent) popup state">>
<<topic "0:38:40" "mario - question about state tiddlers">>
<<topic "0:40:40" "jeremy - any questions / requests ?">>
<<topic "0:41:15" "leo - tiddler namespace / TW directory structure / hirachical structure">>
<<topic "0:45:10" "jeremy - tiddler content types (eg: text/x-markdown)">>
<<topic "0:47:18" "jeremy - how saving works with TW5 at the moment (answeres the q above)">>
<<topic "0:50:00" "tiddlywiki.info / TW editions folder metadata">>
<<topic "0:51:30" "wiki nesting (metadata)">>
<<topic "0:53:28" "how 'include wiki / editions' stuff works">>
<<topic "0:55:10" "mario - can you see, where a tiddler comes from?">>
<<topic "0:56:05" "jeremy - editing / saving tiddlers">>
<<topic "0:59:50" "jeremy - specify, where new tiddlers should go">>
<<topic "1:01:08" "discussion about 'create new tiddler usecase'">>
<<topic "1:03:03" "jeremy ideas: about implementing the bag/recipe handling">>
<<topic "1:06:30" "leo - what is the tiddler identity + discussion ...">>
<<topic "1:08:10" "pmario - would like to have a UUID">>
<<topic "1:09:30" "jeremy - back to namespaces and his idea ...">>
<<topic "1:11:50" "jeremy - how TW5 can build TW2 (with prefixes / namespaces?)">>
<<topic "1:18:20" "namespace is indipendent from directory?">>
<<topic "1:19:30" "scott - discussion about naming conventions">>
<<topic "1:21:40" "scott/jeremy - aliasing mechanism should be part of the core">>
<<topic "1:23:40" "scott/mario/jeremy - naming conventions and tiddler renaming / search and replace">>
<<topic "1:27:01" "jeremy - any questions anyone?">>
<<topic "1:28:10" "jeremy - what's new in TW5 - d3 - demoing 'word cloud'">>
<<topic "1:29:30" "jeremy - ideas: how do we expose data to d3 / grid">>
<<topic "1:31:40" "intro - dave">>
<<topic "1:32:00" "dave/jeremy - about the objective of dave's tw + discussion">>
<<topic "1:36:20" "jeremy - about tw themes">>
<<topic "1:37:40" "mario/jeremy - 'info button' behaviour + discussion">>
<<topic "1:39:10" "dave/jeremy - tagging in the 'info area' + demoing, how to change the templates">>
<<topic "1:42:00" "jeremy - how to do tagging in the ViewTemplate">>
<<topic "1:45:00" "jeremy - the 'future of weekly hangouts' - how should we continue?">>
<<topic "1:49:60" "bye - bye!">>
\define hangout() 008
<<header>>
"""
<<topic "0:00:00" "attendees introduction (ltr: Craig, Eric, Jeremy, Mario, (Marty later on), Scott)">>
<<topic "0:01:20" "mario/jeremy - tiddlyweb and TW5 with 'tiddlyweb at home - new possibility' (techie stuff :)">>
<<topic "0:03:03" "jeremy - demoes, whats possible atm. TW5 with tiddlyspace. TW polls for server updates every now and than.">>
<<topic "0:11:27" "TW5 is lazy loading the tiddlers, so search works for tiddler titles ...">>
<<topic "0:11:55" "mario - wants to ship TW5 with 'tweb at home' with vagrant">>
<<topic "0:14:05" "mario/jeremy - about TW5, nodejs and heroku">>
<<topic "0:16:00" "mario - is it possible to split TW5 into different files. eg: core, themes ...">>
<<topic "0:18:49" "jeremy/mario about tw5, native tiddlyweb, vagrant, virtualbox, pro and cons">>
<<topic "0:21:40" "erics clinik">>
<<topic "0:22:00" "jeremy - question about splitting tiddlytools into individual tiddlers.">>
<<topic "0:22:30" "erics response - tiddlytools, github, status, tiddlytools internal structure.">>
<<topic "0:25:50" "eric elements that are 'aged out', elements that can be fixed: eg. file drop plugin ...">>
<<topic "0:27:29" "... fix import tiddlers plugin ...">>
<<topic "0:32:00" "jeremy - good to see that eric works on TWclassic and TW5">>
<<topic "0:32:35" "eric - 'TWclassic needs to remain viable for several years'!">>
<<topic "0:33:00" "eric - about the migration story.">>
<<topic "0:37:20" "jeremy - about dave's experiences, working with very large TW5 files. (~80MB)">>
<<topic "0:39:35" "scott/jeremy/eric - question about file size issue and embeded images">>
<<topic "0:42:07" "about base64 encoded tiddlers ...">>
<<topic "0:44:45" "eric/scott - about base64 tiddlers and TWclassic (AttachFilePlugin)">>
<<topic "0:53:09" "jeremy - about daves 80MB TW5 .. 'how far can we go with embedded multimedia in TW5', embedding videos">>
<<topic "0:55:50" "eric - idea about detaching tiddlers and security implications ...">>
<<topic "0:58:05" "jeremy - TW5 as a 'multipurpose, multimedia scrap book'">>
<<topic "0:59:27" "eric - presentations, slideshow ... display order?">>
<<topic "1:02:30" "jeremy - ideas about TW5 edit, display possibilities and sorting ...">>
<<topic "1:07:10" "jeremy - TW5 story list">>
<<topic "1:08:35" "jeremy - 'card sorting' with drag and drop">>
<<topic "1:09:05" "eric - (lisp) and lists and TW content representation">>
<<topic "1:10:25" "jeremy - about ZigZag structure xanadu (dot) com/zigzag/">>
<<topic "1:12:44" "eric - 'interesting aspects of TW in general' ... 'discovery'">>
<<topic "1:14:10" "jeremy - 'capturing needs to be super smooth'">>
<<topic "1:14:42" "mario - TWclassic has 'secions and slices' what's about TW5">>
<<topic "1:16:16" "jeremy - response">>
<<topic "1:17:44" "eric - background info about 'slice, section' in TWclassic">>
<<topic "1:19:25" "jeremy - with TW5, writing back to slices would be possible">>
<<topic "1:20:45" "mario - usecase for content splitting and aggregation">>
<<topic "1:21:50" "jeremy - either invest in 'intra-tiddler handling' or 'aggregating and composing' small tiddlers">>
<<topic "1:24:53" "scott/jeremy - a users perspective about content 're-organisation'">>
<<topic "1:25:50" "mario/jeremy - mario would like a 'data tiddler plugin' functionality done with sections and slices.">>
<<topic "1:27:00" "mario shows a usecase ... (codemirror plugin config tiddler)">>
<<topic "1:30:20" "jeremy - want's to be able to 'edit transclusions' - edit in place">>
<<topic "1:30:50" "jeremy - ideas for 'editor add ons' ... 'magic editing'">>
<<topic "1:32:12" "eric - responds to the above">>
<<topic "1:33:50" "scott - uses TW like ervernote. accumulating information. discribes his usecase.">>
<<topic "1:35:51" "jeremy - shows TW5 json tiddlers">>
<<topic "1:38:10" "craig - what's the difference between JSON and XML?">>
<<topic "1:40:10" "craig/jeremy - displaying 'external information' in realtime ...">>
<<topic "1:43:15" "jeremy - shows IFTTT - it's awsome">>
<<topic "1:44:50" "Bye! Bye!">>
\define hangout() 009
<<header>>
"""
<<topic "0:00:00" "Intro - ltr: Dave Gifford, Eric Shulman (0:37:50), Jeremy Ruston, Keith Buckner, Mario Pietsch, Scott Simons(later), Slonik Az (Leo), Tobias Beer">>
<<topic "0:02:50" "Dave - Short intro about his experiments with TW5">>
<<topic "0:05:13" "Jeremy - There is a plan to automate ViewTemplate modification by special tiddler naming. Plugins should be able to add to the ViewTemplate, without actually modifying this tiddler.">>
<<topic "0:06:54" "Jeremy/Tobias/Mario - How can we reactivate the LessBackups plugin. TiddlyFox may handle the backup handling. TiddlyFox should _not_ expose 'low level functions'">>
<<topic "0:14:42" "Jeremy/Leo - TiddlyFox doesn't support 'old' versions (<=16) of FireFox">>
<<topic "0:16:30" "Jeremy/Mario/all - Markdown syntax and TW5">>
<<topic "0:17:30" "- TW5 syntax adjustments -">>
<<topic "0:17:35" "Mario - Started a TS page: compare-tw2-tw5 (dot) tiddlyspace.com/">>
<<topic "0:18:49" "Jeremy - Open the markdown page and discuss the specification elements.">>
<<topic "0:19:26" "Jeremy adopted markdown, that doesn't break TWc allready">>
<<topic "0:20:55" "Jeremy - TW5 should be a 1000 times more popular than TWc">>
<<topic "0:21:38" "Leo - hash mark and enumerating. eg: #5 starts with number 5">>
<<topic "0:23:05" "Jeremy - It should be possible to define the starting level for hedings">>
<<topic "0:23:26" "Jeremy - opens markdown specification. inline HTML works great allready.">>
<<topic "0:24:23" "paragraph and linebreak .... (longer than planned :)">>
<<topic "0:26:20" "fenced paragraph style with special marker eg: ~ for poetry">>
<<topic "0:31:30" "Mario/Jeremy - plugins should be used to have eg: 'strict markdown'">>
<<topic "0:33:53" "Tobias/Jeremy - what's about single linebreaks atm.">>
<<topic "0:36:02" "Leo/Jeremy - Intro: plugin for TW2 and line break handling.">>
<<topic "0:37:50" "Eric/Leo - backslash new line handling in TW2">>
<<topic "0:45:10" "Jeremy - 'Wiki syntax' should be part of the core">>
<<topic "0:46:02" "Mario/Eric - GitHub flavoured markdown is a 'special purpose language', we need a 'general purpose syntax'">>
<<topic "0:46:35" "Eric - syntax examples / documentation is important, to avoid confusion">>
<<topic "0:49:13" "Leo - prepares for screen sharing">>
<<topic "0:49:45" "Scott/Jeremy - short discussion">>
<<topic "0:51:13" "Leo - shows, how the plugin works">>
<<topic "0:55:44" "- TW5 syntax adjustments -">>
<<topic "0:57:20" "Jeremy/all - multi paragraph lists (are quite tab centric. so tab handling is a concern now)">>
<<topic "0:58:25" "Scott/Jeremy - new idea about line break handling -> keyboard shortcuts for eg:">>
<<topic "1:00:30" "Jeremy/Mario - back to markdown lists. TW5 has the possibility to nest bullet list with numbered lists ...">>
<<topic "1:01:55" "Jeremy/all *,+,- for unordered list 'is wasting syntax possibilities' - whitespace should not be used to indicate something.">>
<<topic "1:03:45" "Eric/Jeremy - suggestion, how to use + and - for 'collapsable' bullet lists">>
<<topic "1:05:52" "Jeremy - md < hr > handling is 'wasting' syntax. too much redundancy">>
<<topic "1:07:02" "all - how much markdown should we adopt - portability -">>
<<topic "1:08:00" "Jeremy - our goal should be > > >'familiarity'< < <">>
<<topic "1:08:10" "Leo - suggests 'import filters' to 'normalize' copy/paste content.">>
<<topic "1:10:13" "Jeremy/all - markdown links">>
<<topic "1:14:08" "Jeremy - conclusion about markdown links and tabs">>
<<topic "1:15:20" "Jeremy/all - Emphasis - bold - italics -> there shouldn't be too many variants of the same syntax. We like a 'single syntax'">>
<<topic "1:20:00" "Tobi/Mario - (Tobi) plugin for TWc compatibility vs. (Mario) TWc syntax should be imported with an import filter / translator.">>
<<topic "1:21:08" "Jeremy - md backtick handling in code blocks.">>
<<topic "1:21:35" "Jeremy - image handling">>
<<topic "1:22:30" "- Erics Clinic (and a 26 year old coffee mug) -">>
<<topic "1:23:55" "Leo/Eric - Is there a official way to distribute plugins?">>
<<topic "1:26:09" "Tobi - proposal for plugin authors - somethin similar to 'tiddlyvault'">>
<<topic "1:27:48" "Tobi - back to the idea - manually managed registry at tiddlyspace">>
<<topic "1:29:20" "Eric - suggestion - someone should take 'tiddlyvault' and import it to tiddlyspace">>
<<topic "1:30:20" "Tobi - screenshare - tiddlywiki (dot) org - new plugin that makes docs easier ...">>
<<topic "1:33:20" "general discussion about TS and plugins">>
<<topic "1:34:55" "Eric - git/hub and tiddlytools">>
<<topic "1:36:20" "Jeremy - about github">>
<<topic "1:37:00" "Eric - tiddlytools on github pages">>
<<topic "1:37:45" "Tobi/Eric - ideas about the publishing / curating mechanism">>
<<topic "1:42:05" "Jeremy/Eric/Tobi - idea - If there is a centralized repo, the repo should take over the plugin hosting.">>
<<topic "1:47:50" "Jeremy - feedback / questions">>
<<topic "1:48:37" "Keith - Is there a visual indication for transcluded content?">>
<<topic "1:54:55" "Jeremy - new TW5 features, ConfigInfo tiddler, docs/... integrated documentation tiddlers, info widget, some more list widget docs :)">>
<<topic "2:01:20" "Bye! Bye!">>
\define hangout() 010
<<header>>
"""
<<topic "0:00:00" "Attendees: Craig Prichard, Jeremy Ruston, (later: Marc -from Swizerland), Mario Pietsch, Scott Simmons, Simon Harper, Leo Azimov, Tobias Beer">>
<<topic "0:02:30" "Jeremy - dev issues - Agenda (... We did one point :))">>
<<topic "0:07:30" "Jeremy - opens the source code .. directory structure">>
<<topic "0:08:42" "boot - folder">>
<<topic "0:09:05" "core - folder">>
<<topic "0:09:24" "Leo - core is a plugin by intention?">>
<<topic "0:11:35" "editions - folder">>
<<topic "0:12:03" "plugins - folder">>
<<topic "0:12:22" "themes - folder">>
<<topic "0:12:43" "tmp - folder">>
<<topic "0:12:58" "files in TW5 "root"">>
<<topic "0:13:45" "Leo - Content of the wiki is inside editions?">>
<<topic "0:14:04" "editions/tw5.com">>
<<topic "0:14:35" "editions/clientserver">>
<<topic "0:15:08" "Leo - there is an other plugins directory in clientserver?!">>
<<topic "0:17:07" "Mario - and the tiddlers folder is just the content for this edition?">>
<<topic "0:17:42" "Mario - the system directory is just an other namespace?">>
<<topic "0:18:30" "... general discussion about tiddler filenames and titles">>
<<topic "0:20:40" "Leo/Jeremy - file name creation and url encoded filenames">>
<<topic "0:23:52" "editions/d3demo">>
<<topic "0:24:04" "editions/empty">>
<<topic "0:24:26" "editions/tahoelafs ... tahoe-lafs (dot) org">>
<<topic "0:26:06" "editions/test">>
<<topic "0:26:20" "Tobi - Are the editions accessible on the web">>
<<topic "0:27:18" "editions/test">>
<<topic "0:28:52" "editions/tw2">>
<<topic "0:29:37" "editions/tw5.com">>
<<topic "0:29:47" "editions/tw5tiddlyweb">>
<<topic "0:30:17" "mario - is there the latest version at TiddlySpace?">>
<<topic "0:31:14" "plugins/">>
<<topic "0:31:22" "plugins/d3 and /codemirror - exploring how to include external libraries">>
<<topic "0:31:55" "plugins/classictools - tools for dealing with TWclassic">>
<<topic "0:32:03" "plugins/filesystem - used on the server to sync changes to the store">>
<<topic "0:32:20" "plugins/fullscreen">>
<<topic "0:32:34" "plugins/jasmine - test suite">>
<<topic "0:32:47" "plugins/tahoelfs - good example plugin, because it's "small"">>
<<topic "0:33:04" "plugins/tiddlyweb - clientside plugin to save on tiddlyweb">>
<<topic "0:33:32" "themes/ - plugins can have "dependencies" defined in the "plugin.info" file">>
<<topic "0:34:14" "/*.sh batch files">>
<<topic "0:34:50" "/package.json">>
<<topic "0:35:09" "Mario - should it be possibel to say: "npm install .. tiddlywiki"? what will you get?">>
<<topic "0:37:02" "/tiddlywiki.js">>
<<topic "0:37:40" "/bld.sh - builds the whole TW5 stuff.">>
<<topic "0:38:15" "Jeremy/all - about the "static" TW5 representation. The static files use relative links.">>
<<topic "0:46:38" "Jeremy - how static files are created using the templates">>
<<topic "0:51:10" "back at /bld.sh - short summary">>
<<topic "0:51:30" "/bld.sh - how to generate the encrypted TW5">>
<<topic "0:51:44" "Tobi - questions about the "edit / deployment" possibilities">>
<<topic "0:53:30" "Jeremy runs the local server to edit tiddlers. Shows his workflow">>
<<topic "0:58:30" "/core">>
<<topic "0:58:30" "/boot">>
<<topic "0:59:12" "Mario - If you want to learn about plugins. Where do you start?">>
<<topic "1:00:10" "Jeremy - quote: "plugins is a mechanism to deliver shadow tiddlers"">>
<<topic "1:00:33" "/core - is a plugin">>
<<topic "1:00:40" "/boot - is needed to start the core">>
<<topic "1:00:57" "/boot/sjcl.js - encryption library">>
<<topic "1:01:10" "/boot/boot.css.tid - basic styling needed to decrypt TW5">>
<<topic "1:01:51" "Leo - What kind of encryption is used?">>
<<topic "1:03:35" "/boot/bootprefix.js">>
<<topic "1:04:33" "/boot/boot.js">>
<<topic "1:04:33" "connection between the code and the html file">>
<<topic "1:05:53" "Leo - What would be your recomendation for stepping through the code?">>
<<topic "1:06:23" "Jeremy - quote: "The ordering I'm showing you, is the ordering I'm suggesting, reading things"">>
<<topic "1:09:09" "Mario - boot.js contains code to boot nodejs and to boot the browser?">>
<<topic "1:10:17" "Mario - index.html where is the "program init() / main()" type of function?">>
<<topic "1:13:00" "Leo - "The challange is to debug the node code!?"">>
<<topic "1:14:30" "Jeremy - /boot/boot.js - how the boot process actually starts. Has been main() in TWc.">>
<<topic "1:17:30" "/core/startup.js - "The inner loop of TW5"">>
<<topic "1:18:30" "short break -">>
<<topic "1:19:06" "Mario - "Leo, why do you want to debug the node stuff?"">>
<<topic "1:23:09" "Tobi/Jeremy - "How would you debug your node scripts .. renderTiddler?"">>
<<topic "1:24:30" "Jeremy - short summary.">>
<<topic "1:24:54" "Leo - Good starting point to learn about plugins?">>
<<topic "1:25:43" "Leo - If I want to write a MathJax plugin?">>
<<topic "1:27:40" "/core - folder">>
<<topic "1:27:52" "/core/plugin.info">>
<<topic "1:28:02" "/core/docs/* - internal docs - english">>
<<topic "1:28:38" "/core/images - used in the UI">>
<<topic "1:29:00" "/core/messages">>
<<topic "1:29:18" "/core/modules">>
<<topic "1:29:23" "/core/templates - tiddlers of a "technical nature" used as templates.">>
<<topic "1:30:28" "/core/ui - "kind of user interface decisions"">>
<<topic "1:30:50" "/core/wiki - "tiddlers needed for the operation of the wiki">>
<<topic "1:31:50" "/core/modules - info about conventions in the dir">>
<<topic "1:32:18" "/core/modules/wiki.js - the "hart of TW" -">>
<<topic "1:33:40" "/core/modules/widgets">>
<<topic "1:34:20" "/core/modules/wiki.js - detailed info">>
<<topic "1:35:25" "/core/modules/startup.js">>
<<topic "1:36:38" "Tobi - Where does this "exports" come from?">>
<<topic "1:37:25" "Jeremy - TW5 contains its own implementation of commonJs to "require a tiddler title"">>
<<topic "1:38:19" "/core/modules/tiddler.js">>
<<topic "1:38:37" "/core/modules/themes.js">>
<<topic "1:38:39" "/core/modules/syncer.js">>
<<topic "1:39:20" "/core/modules/hacks.js">>
<<topic "1:39:40" "/core/modules/filters.js">>
<<topic "1:40:00" "/core/modules/deserializers.js">>
<<topic "1:40:38" "/core/modules/config.js - constants - language ...">>
<<topic "1:41:27" "Mario - Question about internationalisation?">>
<<topic "1:43:20" "Mario - idea about languag switching">>
<<topic "1:43:20 “ “ + Jeremy - The tiddler content should be switchable too">>
<<topic "1:45:15" "Leo - Is it possible to see both (language content tiddlers) at the same time?">>
<<topic "1:46:59" "Scott - ... So User created content can be switched?">>
<<topic "1:47:43" "Tobi - wants to have a "flat file (tiddler)" for translation">>
<<topic "1:49:22" "Jeremy - back to config.js">>
<<topic "1:49:32" "/core/modules/commander.js - command line commands">>
<<topic "1:49:32 “ “ + /core/modules/commands - folder">>
<<topic "1:50:16" "/core/modules/filters - folder">>
<<topic "1:51:55" "/core/modules/parsers - folder">>
<<topic "1:53:09" "/core/modules/rendertree - folder">>
<<topic "1:54:10" "/core/modules/savers - folder">>
<<topic "1:54:49" "/core/modules/utils - folder">>
<<topic "1:56:31" "- - that's it :) - -">>
<<topic "1:56:48" "Mario - what's the "module-type" used for?">>
<<topic "1:58:55" "- Small talk">>
<<topic "1:59:50" "Jeremy - Any questions?">>
<<topic "2:00:00" "Leo - Is it possible to trace the execution?">>
<<topic "2:02:32" "Mario - Leo, which browser do you use? FF + Firebug">>
<<topic "2:04:30" "Jeremy - back to the agenda.">>
<<topic "2:04:45" "Jeremy/all - TiddlyLink formatting ...">>
<<topic "2:12:12" "Bye! Bye!">>
\define hangout() 011
<<header>>
"""
<<topic "0:00:00" "fltr: Craig Prichard, David Gifford, Eric Shulman, Jeremy Ruston, Kolmar Kafran, Mario Pietsch, Scott Simmons, Simon Harper, Tobias Beer">>
<<topic "0:03:45" "Agenda">>
<<topic "0:04:24" "Jeremy- New Features TW5 - new WikiInfo tiddler">>
<<topic "0:06:00" "Jeremy- ControlPanel - AnimationDuration tiddler">>
<<topic "0:07:35" "Jeremy- ThemeTweaks - and how it works with transclusion ...">>
<<topic "0:11:30" "Jeremy- ThemeTweaks with FF - change story column and colors">>
<<topic "0:16:05" "Jeremy- AndTidWiki app support">>
<<topic "0:19:00" "Jeremy/Scott- MathML support">>
<<topic "0:22:45" "Mario/Jeremy- What was the problem with MathJax">>
<<topic "0:25:35" "Jeremy- 'What we need is a LaTeX parser ...'">>
<<topic "0:26:05" "Jeremy- Moving from Alpha to Beta">>
<<topic "0:27:20" "J- 'We should push to NPM' (node package manager)">>
<<topic "0:28:00" "J- 'We need Release note and Release announcements'">>
<<topic "0:28:40" "J- about the update / upgrade mechanism">>
<<topic "0:29:18" "Scott/Jeremy - Live cycle of TW-classic / Migration points?">>
<<topic "0:32:23" "Jeremy- When switch tiddlywiki.com to TW5">>
<<topic "0:34:20" "Jeremy- Analytics about tiddlywiki.com">>
<<topic "0:38:10" "Jeremy- 'TiddlyWiki-classic is a extremely usefull tool'">>
<<topic "0:40:35" "Jeremy- There should be a solid upgrade story for TW5!">>
<<topic "0:42:43" "Dave- Browser back/forward button should work">>
<<topic "0:44:45" "Dave- about permalinks">>
<<topic "0:46:00" "Jeremy- Wikitext changes may be disruptive">>
<<topic "0:47:13" "Scott/Jeremy- about Syntax changes, in the middle of beta?!">>
<<topic "0:51:25" "Jeremy- summs up from his 'take aways'">>
<<topic "0:52:38" "Scott/Jeremy- about the show stoppers to beta">>
<<topic "0:54:20" "Jeremy- TiddlerLink should not be bold. But this causes some 'hickups'">>
<<topic "0:59:53" "Jeremy- about TiddlerWidget and TranscludeWidget">>
<<topic "1:06:08" "Jeremy- New way of handling the ViewTemplate">>
<<topic "1:11:45" "Craig- What defines the order to build the ViewTemplate?">>
<<topic "1:15:15" "Jeremy/Kolmar- about MathML with FF">>
<<topic "1:23:23" "Jeremy- any questions?">>
<<topic "1:23:40" "Kolmar- How to handle images .. eg: SVGs for diagrams">>
<<topic "1:25:10" "Jeremy- Inserts an image to TW5 and transclude them">>
<<topic "1:29:10" "Jeremy- needs a pause ...">>
<<topic "1:30:27" "Jeremy- is back">>
<<topic "1:30:55" "Jeremy- Any more questions?">>
<<topic "1:32:40" "Jeremy/Kolmar about translation into portuguese">>
<<topic "1:34:34" "Kolmar about moneylog ... has an offline version similar to TW">>
<<topic "1:41:08" "Bye! Bye!">>
\define hangout() 012
<<header>>
"""
<<topic "0:00:00" "Intro: fltr: Craig Prichard, Eric Shulman (0:35:30), Javid Lakha, Jeremy Ruston, Kolmar Kafran (later), Kamil (drops out sometimes), Mario Pietsch, Nathan Cain (0:09:10), Scott Simons, Tobias Beer,">>
<<topic "0:02:10" "Jeremy- freedombits (dot) com">>
<<topic "0:04:50" "Jeremy- TW5 frontpage gets examples and press tiddler">>
<<topic "0:06:27" "Jeremy/Mario- about the TW5 markup and the timeframe for possible changes">>
<<topic "0:09:25" "Jeremy- Data Tiddlers">>
<<topic "0:10:20" "slices- mime: application/x-tiddler-dictionary">>
<<topic "0:11:37" "history list- JSON- mime: application/json">>
<<topic "0:13:29" "d3 stuff- data in JSON format">>
<<topic "0:16:50" "Jeremy- data tiddler- implementation ... code">>
<<topic "0:24:00" "Jeremy- forum software ... 'eat our own dogfood' or use 3rd party software (eg: discourse (dot) org )">>
<<topic "0:34:25" "Jeremy- Authentication (eg: passwordjs (dot) org)">>
<<topic "0:38:00" "see: kunxi (dot) org ... 'note up powered by tiddlywiki5'">>
<<topic "0:43:45" "Jeremy- Video plugins for TW5.">>
<<topic "0:44:48" "... voice recording problems ... up to 0:48:40">>
<<topic "0:48:40" "annotations and video plugin (still some lagging problems)">>
<<topic "0:50:52" "annotations and video plugin (again :)">>
<<topic "0:51:52" "Kolmar .. (communication problems..) ... jump to 0:55:30">>
<<topic "0:53:50" "Kolmar prepares for screen sharing to discuss his issues (mentioned in hangout 11)">>
<<topic "0:55:30" "Jeremy- about state tiddlers ... to store eg: tab state">>
<<topic "1:00:25" "Kolmar- about his TW5 issues: core update / import tiddlers,">>
<<topic "1:05:03" "Kolmar- issue with MathML ...">>
<<topic "1:06:30" "Kolmar- TW as collaborative tool">>
<<topic "1:10:26" "Kolmar- about sharing just one tiddler">>
<<topic "1:12:10" "Jeremy- Export / Download tiddlers in several formats">>
<<topic "1:14:26" "Jeremy- Save a single tiddler - button example (just ignore the JS warning :)">>
<<topic "1:19:30" "Jeremy wants to see Kolmars wiki ...">>
<<topic "1:23:00" "Kolmar- Is it possible to have an image gallery?">>
<<topic "1:27:45" "Nathan/Jeremy- expanding require to use npm, or pulling modules in on demand?">>
<<topic "1:31:40" "... Nathan offers to send some pull requests ...">>
<<topic "1:32:00" "Jeremy- 'The single file nature of TW5 makes it unique.'">>
<<topic "1:33:00" "Jeremy- TW5 is a Quine ..">>
<<topic "1:35:35" "Jeremy- any final questions?">>
<<topic "1:36:30" "Bye! Bye!">>
\define hangout() 013
<<header>>
"""
<<topic "0:00:00" "Intro: fltr: Bauwe Bijl, David Johnston, Javid Lakha, Eric Shulman (later), Jeremy Ruston, Mario Pietsch, Nathan Cain, Scott Simmons, Slonik Az (Leo), Tobias Beer (later),">>
<<topic "0:03:27" "Bauwe- Shows his RaspberryPi experiments- short intro">>
<<topic "0:05:50" "Bauwe- Screen sharing TW5 hosted on RPi">>
<<topic "0:07:30" "Bauwe- terminal action :)">>
<<topic "0:08:45" "Jeremy- How did you get the IP address">>
<<topic "0:09:25" "Jeremy- You did use express.js to serve a static TW5 ...">>
<<topic "0:11:25" "Bauwe- shows the script files and directory structure">>
<<topic "0:25:40" "Jeremy- How does the CPU gauge get its data.">>
<<topic "0:26:00" "Jeremy/Bauwe- What kind of app do you see in the future ...?">>
<<topic "0:27:30" "Jeremy/Bauwe- About TW5 possibilities using/manipulating 'data' + TW as a wiki">>
<<topic "0:29:33" "Jeremy/Bauwe- Advantages of the RPi? sensors ...">>
<<topic "0:30:35" "Jeremy- Summary about his take aways">>
<<topic "0:33:05" "Jeremy- About CLA 'Contributor License Agreement'... automating the procedure... with github">>
<<topic "0:37:25" "Jeremy/Nathan- Request for help in this regard. Nathan suggests a handy github based method.">>
<<topic "0:39:30" "David/Jeremy- Data tiddlers as JSON. JSONT or 'JSONselect' to pull out data of data tiddlers ... (some microphone problems)">>
<<topic "0:45:40" "Jeremy- short summary about data tiddlers, because of 'lag' problems.">>
<<topic "0:47:05" "David- Is there a TW mechanism to check for new tiddler files on the filesystem? 'fs.watch in nodejs'">>
<<topic "0:49:20" "Jeremy- shows syncer.js and filesystemadaptor.js code. TW5 based docs ...">>
<<topic "0:52:30" "Jeremy- any other questions? ... Nathan want to help with 'fs.watch nodejs code'">>
<<topic "0:53:22" "Jeremy- about his plans to have a hardware TW. ...">>
<<topic "0:54:00" "Intro: Eric Shulman, Kolmar Kafran, Tobias Beer">>
<<topic "0:56:45" "Jeremy- about 'state tiddlers' in TW (about state tiddler names)">>
<<topic "1:02:20" "Leo- Is it possible to 'shorten' the visual tiddler name?">>
<<topic "1:04:25" "Tobias/Mario- Why do we need state tiddlers.">>
<<topic "1:05:20" "Mario/David- There is a problem with long win2003 server file names with ntfs">>
<<topic "1:06:55" "Jeremy- back- Jeremy favors the 'hashing' approach">>
<<topic "1:07:38" "Jeremy- we can't use cookies anymore for state info because of 'file cookies'">>
<<topic "1:07:55" "Jeremy- about local storage and TW5">>
<<topic "1:09:10" "Jeremy- 'the thing is the tiddler' for consistency">>
<<topic "1:13:15" "Jeremy- Javid(no mic) want's to have a 'private' TW in the cloud.">>
<<topic "1:14:50" "Jeremy- about TW5 server and hosting">>
<<topic "1:18:38" "Jeremy- Nathan suggests a 'git sync plugin'">>
<<topic "1:19:15" "Jeremy/David about David's pull request, the 'code readability' and contribution management">>
<<topic "1:24:10" "David- about his 'getting started guide' and about handling it">>
<<topic "1:25:36" "Jeremy- Any other topic">>
<<topic "1:26:03" "David- Do you have scripts for 'sublime text' editor, to speed up writing.">>
* some 'small talk'
<<topic "1:33:20" "David- What are you working on in TW - the focus?">>
<<topic "1:39:08" "David- With TWc there is too much stuff at too many different places ...">>
<<topic "1:40:30" "Eric/David/Jeremy- about TWc plugins and history">>
<<topic "1:45:27" "David/Jermy- ... talk about a TW 'revenue model'">>
<<topic "1:47:15" "Bauwe- shows the use of TWS to save TW2 files with chrome and as a chrome extension">>
<<topic "1:52:10" "Jeremy- summs it up ... reflections about saving tiddlers or saving 'containers' and 'how to take over the world :)'">>
<<topic "1:56:50" "Leo- about the concept of tiddlers, files, directories and TW5">>
<<topic "1:58:25" "Bye! Bye!">>
\define hangout() 014
<<header>>
"""
<<topic "0:00:00" "Intro: fltr: David Johnston, Eric Shulman (later), Jeremy Ruston, Kamil Jellonek, Mario Pietsch, Tobias Beer">>
<<topic "0:02:10" "Jeremy- about Kamil's usecase for documentation and images.">>
<<topic "0:02:59" "Kamil- introduces his usecase. Creating / Editing - User Guides, ...">>
<<topic "0:04:15" "Jeremy- screenshare. 'Tiddlymanuals' project ...">>
<<topic "0:08:00" "Jeremy- Ambit basic manual">>
<<topic "0:11:15" "Jeremy- create screenshot tiddlers with TW5">>
<<topic "0:14:05" "Kamil- about the desired workflow">>
<<topic "0:16:40" "Jeremy- the benefit of tiddler images / images as tiddlers.">>
<<topic "0:17:10" "Jeremy- about TW 'mental model'">>
<<topic "0:21:20" "Hello: Eric Shulman">>
<<topic "0:21:30" "Jeremy- What is TiddlyWiki.">>
<<topic "0:23:15" "Jeremy- What does the audience think?">>
<<topic "0:23:20" "David/Jeremy- short summary about the possible workflow.">>
<<topic "0:25:30" "Kamil's feedback ... Mario's concerns about picture size.">>
<<topic "0:28:34" "Eric- about image handling / including in TWc.">>
<<topic "0:30:40" "Jeremy- TW client/server mode flexibility">>
<<topic "0:33:05" "Eric- comparing TW 'modes' ...">>
<<topic "0:36:00" "Kamil- 'understanding summary'">>
<<topic "0:36:45" "Jeremy- optimizing images and TW (size) limits">>
<<topic "0:37:55" "Kamil- How to notify users about eg: 'TW usage hints'?">>
<<topic "0:39:30" "Eric- ...a TW 'notification bar' and message logging.">>
<<topic "0:43:20" "Tobias- shares some of his latest spaces, plugins, ...">>
<<topic "0:43:45" "customize (dot) tiddlyspace (dot) com ... 'all stuff TiddlyWiki'">>
<<topic "0:49:15" ".. how a plugin space should look like.">>
<<topic "0:49:35" "Mario- How do you keep the customize up to date?">>
<<topic "0:51:45" "tiddlywiki (dot) org ... 'How TiddlyWiki Works'">>
<<topic "0:52:34" "scripts (dot) tiddlyspace (dog) com ... code snippest">>
<<topic "0:53:20" "the 'white theme flavors' ... white (dot) tiddlyspace (dot) com">>
<<topic "0:55:40" "untagged (dot) tiddlyspace (dot) com">>
<<topic "0:57:14" "pagr (dot) tiddlyspace (dot) com">>
<<topic "1:00:04" "listfiltr (dot) tiddlyspace (dot) com">>
<<topic "1:02:00" "tagfiltr (dot) tiddlyspace (dot) com">>
<<topic "1:05:20" "Mario- has a problem with 'hiding information' with eg: the tag 'no-tag'">>
<<topic "1:06:33" "filtr (dot) tiddlyspace (dot) com">>
<<topic "1:09:45" "Jeremy- short summary (praise the work!)">>
<<topic "1:11:00" "David- 'hobby related' questions ... RPG">>
<<topic "1:12:00" "David- creating seeded, 'real random numbers'">>
<<topic "1:14:48" "David- shares his RPG work.">>
<<topic "1:19:30" "David- shares the 'randomize' code.">>
<<topic "1:25:05" "David- 'slider input range' and 'number line' (touch optimized)">>
<<topic "1:29:00" "David- modify a tiddler 'on save' - UUIDs">>
<<topic "1:35:20" "David- How to 'hook' into the save mechanism?">>
<<topic "1:39:57" "Mario- Is the 'in place editing' a possibility?">>
<<topic "1:41:50" "Jeremy- ... how to solve the 'original problem'.">>
<<topic "1:44:12" "discussion about the 'number line'">>
<<topic "1:46:50" "Jeremy- about 'web components spec' ... polymer ... x-tags">>
<<topic "1:48:25" "some code refactoring">>
<<topic "1:50:25" "plugins may be on github">>
<<topic "1:54:00" "Jeremy- 'his take away's'">>
<<topic "1:54:30" "Jeremy- about refactoring the rendering tree code">>
<<topic "1:57:20" "Mario- some elements have 'hardcoded styles' ..">>
<<topic "1:59:58" "Bye! Bye!">>
\define hangout() 015
<<header>>
"""
<<topic "0:00:00" "Intro: fltr: David Gifford, David Johnston, Jeremy Ruston, Eric Shulman (had a short look), Kamil Jellonek (later), Keith Bruckner, Mario Pietsch">>
<<topic "0:03:38" "Dave/Dave- smalltalk">>
<<topic "0:04:20" "Jeremy- shows 'Tiddlers on the Web' presentation from Ben Paddock">>
<<topic "0:05:55" "Dave J.- shows his additional filters">>
"""
* :03 'list next' - filter add on
* :40 'previous' list filter
* :20 'before' ...
* :10 ... some info about 'limit bug'
* :10 'before plus limit 1'
* :45 'after' -> '!before'
* :25 now combining the possibilities
* :20 'position' filter
* :45 'numberof'
* :05 'real world' examples ...
* :30 'real world usecase' as a macro
"""
<<topic "0:21:20" "Jeremy- comments on Dave's filters (some audio problems)">>
<<topic "0:24:55" "David G.- expresses his ideas for some more 'new filters' :)">>
<<topic "0:26:58" "David G./DJ- is there a way to convert DJ's filters to 'pills' similar to tags? ... some more usecases ...">>
<<topic "0:30:40" "Jeremy- Do you intend to create 'hirarchy lists'">>
<<topic "0:31:42" "Jeremy- What about the filter API (filters may be able to take multiple parameters)">>
<<topic "0:32:40" "Jeremy- (autio problems) ... Hangout broken 10sec">>
<<topic "0:33:30" "Dave J./Jeremy- more filter info for Dave G.">>
<<topic "0:34:33" "David G.- Page numbers and printing?">>
<<topic "0:37:00" "Jeremy- about code refactoring going on, to clean up the rendered DOM">>
<<topic "0:38:00" "... audio problems for 2:20min ... Jeremy">>
<<topic "0:40:40" "some smalltalk">>
<<topic "0:41:10" "Dave G.- shares some info about a discussion with Jeremy">>
<<topic "0:43:30" "Dave J./Dave G.- shows the 'fly out' nav bar (hangout 14 contains some more info)">>
<<topic "0:47:10" "Dave G./Jeremy- about 'non hirarchical related lists'">>
<<topic "0:49:13" "Dave J./Jeremy- discussion about 'filter syntax and programming'">>
<<topic "0:52:15" "Mario- questions ... about 'word count' - 'character count' ... plugin ... (low level stuff)">>
<<topic "1:00:00" "Jeremy- hints about, how to create the 'word count' widget. plus some low level background info for parsing and rendering.">>
<<topic "1:12:00" "Jeremy's- computer crashed ... :/">>
<<topic "1:12:50" "Jeremy- audio only ... real crash">>
<<topic "1:13:45" "David J./Mario .. smalltalk">>
<<topic "1:14:50" "... hangout broken ...">>
\define hangout() 016
<<header>>
"""
<<topic "0:00:00" "Intro- fltr: Jeremy Ruston, Kamil Jellenek, Kolmar Kafran, Mario Pietsch, Nathan Cain">>
<<topic "0:02:30" "Kamil- How to get started with TW5? (Chrome)">>
<<topic "0:06:00" "Kolmar- short intro. ... When is the empty.html updated?">>
<<topic "0:07:20" "Jeremy- How to get started with TW5? (FireFox w. TiddlyFox)">>
<<topic "0:09:40" "Kolmar- Is the 'BLOB API' updated in empty.html? (needed for saving)">>
<<topic "0:11:10" "Kamil- How does the 'password' work? TiddlyWiki encryption">>
<<topic "0:12:35" "Kamil- Is there a possibility to 'write protect' the TW? (Users should not change content by acident)">>
<<topic "0:15:50" "Jeremy- TW5 in dropbox - 'How to create a view only mode link'">>
<<topic "0:20:40" "Kolmar- How to hide the 'save ... buttons' ...">>
<<topic "0:21:50" "Jeremy- Dicussion about 'read only mode'">>
<<topic "0:24:10" "Jeremy- TW5 static version">>
<<topic "0:24:40" "Jeremy- Creates a 'read only theme' on the fly! (+ some browser problems :)">>
<<topic "0:36:00" "Jeremy- Create a 'save button' for the 'read only theme' ;) ... kind of tricky :)">>
<<topic "0:39:00" "Jeremy- Deploy - the 'ReadOnly' theme! well done :)">>
<<topic "0:39:40" "- discussion 'how to toggle read only mode'">>
<<topic "0:41:17" "Mario- question about 'drag and drop' tagging ...">>
<<topic "0:42:20" "Jeremy- Edit tags without edit mode ... possible improvements for tagging.">>
<<topic "0:45:00" "Kamil- discussion about 'keyboard shortcuts' and endusers needs.">>
<<topic "0:46:27" "Kamil- about 'tag colors' and categorisation">>
<<topic "0:48:16" "Mario- Concerns about 'automatically changing' UI elements. (eg: automatic resorting of tag lists)">>
<<topic "0:49:30" "discussion about UI and UX ... tablet - drag and drop ... desktop - mouse and keyboard ...">>
<<topic "0:53:20" "Kolmar- shares his TW5 and what it means to him.">>
<<topic "0:55:30" "Jeremy- possibilities to use TW with mobile devices.">>
<<topic "0:56:30" "Jeremy- about TW5 and TWEdit">>
<<topic "0:57:00" "Kolmar- Is 'TiddlyWiki in the Sky with Dropbox' with TW5 a possibility?">>
<<topic "1:00:50" "Kolmar- About his dropbox experience with Mon..Log">>
<<topic "1:03:55" "discussion about 'What makes TW5 unique'">>
<<topic "1:05:30" "Jeremy- TW5 and git ... as a backend">>
<<topic "1:06:28" "Jeremy- TiddlyWiki local even in Oxford ... planning phase">>
<<topic "1:10:40" "Kamil- What is the 'result' of eg: tw hangouts? ...">>
<<topic "1:12:40" "Mario- About 'hangout annotations' and topics for discussion">>
<<topic "1:13:40" "Jeremy- github issues ... community pull requests">>
<<topic "1:15:40" "Jeremy- About the local meetup ... eventually community meetups ...">>
<<topic "1:19:00" "Kolmar- about internationalisation - TW translation.">>
<<topic "1:20:55" "Mario- A TW5 Logo is missing :)">>
<<topic "1:21:30" "Jeremy- Thoughts ... How a TW log should be .. and .. how it should _not_ be">>
<<topic "1:25:35" "Kolmar- Is it possible to contribute documentation with github or TW5?">>
<<topic "1:27:13" "Mario- What's about CDent's relation to Osmosoft?">>
<<topic "1:28:00" "Jeremy- about the community Logo discussion">>
<<topic "1:31:30" "Jeremy- 'TiddlyWiki is all about tiddlers'">>
<<topic "1:34:20" "Kamil- Where is the TW5 syntax documentation? We can here Jeremy's voice and see Kolmar's TW5">>
<<topic "1:37:50" "discussion about empty.html ... and built in 'wiki syntax info tiddler'">>
<<topic "1:41:00" "Kamil- about contributing, testing and translation ....">>
<<topic "1:44:25" "Nathan- Should there be a TW5 edition just for documentation?">>
<<topic "1:45:40" "Mario- about handling pictures with TW5 and 3rd party services (eg: trovebox (dot) com)">>
<<topic "1:47:55" "Jeremy- about resizing images in the browser.">>
<<topic "1:50:45" "Bye! Bye!">>
\define hangout() 017
<<header>>
"""
<<topic "0:00:00" "Intro: fltr: Eric Shulman, Jeremy Ruston, Mario Pietsch, Nathan Cain, Scott Simmons">>
<<topic "0:01:50" "Jeremy- about the TW5 widget refactoring / refactoring in general">>
<<topic "0:02:40" "Jeremy- template 'readability' ... after the widget refactoring">>
<<topic "0:04:15" "Jeremy- about the TW5 widget refactoring ... ./nbld.sh">>
<<topic "0:09:58" "... FireFox 3D DOM model comparison">>
<<topic "0:12:25" "Jeremy- 'macro' and 'context' template mechanism eg: tag background coloring">>
<<topic "0:17:20" "... ViewTemplate uses the same mechanism now">>
<<topic "0:19:50" "Jeremy- comparing the new/old folder structure">>
<<topic "0:22:40" "Jeremy- TW5 commit history">>
<<topic "0:24:30" "mario's mic is muted :/ communication problems">>
<<topic "0:25:30" "audio back ... Jeremy- about the '3rd' refactoring">>
<<topic "0:28:20" "Scott/Jeremy- sharing tiddlers among different TWs. ... What's the nature of TW5?">>
<<topic "0:33:30" "Mario- nodejs will be interesting for dev's and if you need 'single file tiddlers'">>
<<topic "0:34:15" "Jeremy- about Dropbox, OwnCloud, 'command line action' and possibilities to make it easy">>
<<topic "0:36:30" "... TW5 as an 'application' ... eg: Appify">>
<<topic "0:39:20" "Bye! Bye!">>
\define hangout() 018
<<header>>
"""
<<topic "0:00:00" "Intro: fltr: Bauwe Bijl (0:12:50), David Gifford, Jeremy Ruston, Mario Pietsch, Paul Truzzi (later) Scott Simmons, Ton Gerner">>
<<topic "0:02:05" "Ton- About his TiddlyWiki usecases">>
<<topic "0:07:35" "Dave- Introduces TiddlyWiki 5 Mall">>
<<topic "0:12:50" "Bauwe- Intro">>
<<topic "0:13:50" "Bauwe- Update on RaspberryPi sensor experiments">>
<<topic "0:21:00" "Jeremy- Transclude tiddler content into an SVG">>
<<topic "0:24:15" "Eric/Bauwe- about other mini-computer hardware .. parallelo, tessel, beagle bone black">>
<<topic "0:25:45" "Jeremy- Update on 'Widget Refactoring'">>
<<topic "0:30:20" "Mario- Are there any basic widgets missing?">>
<<topic "0:32:20" "Jeremy- startup.js, version.js, link.js, widget.js">>
<<topic "0:35:05" "Jeremy- about regexp for 'skype:' protocol ... external link detection">>
<<topic "0:36:40" "Jeremy- Tag search editor issue ... general info about refactoring">>
<<topic "0:40:20" "Eric- Start Search by clicking a link?">>
<<topic "0:42:50" "Eric- '' n-da2sh, '-' m-dash and escaping wikification">>
<<topic "0:51:46" "Eric/Jeremy- Is it possible to disable 'dash' rendering ... with a 'rule'">>
<<topic "0:54:20" "Jeremy- about Ton's Top Menu ... theme mod">>
<<topic "0:59:30" "general discussion about TW5 syntax 'evolution' ... rule, macro transclusion">>
<<topic "1:02:20" "Mario- Will there be 'global' makros? ... see: /modules/macros folder">>
<<topic "1:04:01" "/modules/macros/makedatauri.js ... about general macro handling">>
<<topic "1:09:20" "Mario/Jeremy- About the transition from TW2 to TW5">>
<<topic "1:12:12" "Scott- There should be a 'cheat sheet' with TW5 syntax in TW5">>
<<topic "1:14:30" "Jeremy- any questions? ... nope">>
<<topic "1:15:25" "Dave- Will it be possible to transclude 'external' tiddlers? from file / URL">>
<<topic "1:21:14" "Eric- about the TiddlyWiki structure as a 'box of index cards' ...">>
<<topic "1:22:45" "Jeremy- About 'Smalles Federated Wiki'">>
<<topic "1:27:40" "Scott- How does TiddlySpace include other spaces?">>
<<topic "1:30:50" "Jeremy/Eric- About 'Eric's Clinic' ... smalltalk ... 'custom fields'">>
<<topic "1:34:12" "Jeremy- about +TiddlyWiki google plus circle ... smalltalk about hangout's">>
<<topic "1:40:20" "Bye! Bye!">>
\define hangout() 019
<<header>>
"""
<<topic "0:00:00" "Intro- fltr: Bauwe Bijl, EricShulmann, Jerey Ruston, Mario Pietsch, Leo Azimov, Stephan Hradeck, Ton Gerner">>
<<topic "0:03:40" "Jeremy/Stephan- about Stephan's TW5 usecase as a 'handover doc paper'">>
<<topic "0:06:01" "Leo/Stephan- How do you merge changes done by different users?">>
<<topic "0:07:50" "Intro Bauwe Bijl">>
<<topic "0:08:28" "Leo- Feature request. Display TW 'interdependencies in the form of a graph'">>
<<topic "0:10:30" "Mario- Suggests TiddlyWeb as a backend instead of the 'file system'">>
<<topic "0:12:20" "Eric- Shows a working HyperGraph TWc plugin - 'discovery tools'">>
<<topic "0:13:30" "Leo/Mario- About his usecase to split a big TW into 'private' and 'public' pices. Mario suggests hoster (dot) peermore (dot) com">>
<<topic "0:17:48" "Mario/Jeremy- about MindMaps and importing it into TW">>
<<topic "0:21:35" "Eric/Leo- shows the TWc RelatedTiddlersPlugin. about tiddler connection structure">>
<<topic "0:25:30" "Bauwe/Jeremy- update on his RaspberrPi SVG data collection project">>
<<topic "0:38:35" "Bauwe/Jeremy/Mario/Leo- has a filter feature request ... 'hide tiddlers until, they are modified' ... 'exclude, based on modifier'">>
<<topic "0:43:55" "Jeremy- creates a github ticket (#187) for the feature request.">>
<<topic "0:45:14" "Jeremy- short summary ... about his 'take away' thoughts.">>
<<topic "0:47:16" "Jeremy- dynamic SVG handling.">>
<<topic "0:51:30" "Jeremy- about the 'external link' handling. ... public brainstorming!">>
<<topic "1:03:25" "Stephan- confusion about 'pretty links' in TW and MediaWiki. ... no more tilde's">>
<<topic "1:08:50" "Stephan/Jeremy- is used in too many places ... may be :)">>
<<topic "1:10:40" "Jeremy- about refactoring .... !!! here comes the geeky stuff !!!">>
<<topic "1:11:45" "Jeremy- review the github pull request">>
<<topic "1:12:30" "about static templates .. core/templates/static.template.html.tid">>
<<topic "1:13:54" "core/templates/static.tiddler.html.tid">>
<<topic "1:14:10" "view widget .. wikified is dropped">>
<<topic "1:15:14" "transclude widget code">>
<<topic "1:16:45" "core/ui/EditTemplate.tid .. source code">>
<<topic "1:20:45" "Mario- did the refactoring make CSS simpler?">>
<<topic "1:22:20" "Mario- about the goal to show a 'live theme' inside a tiddler">>
<<topic "1:25:30" "Jeremy- edit 'post render function' is able to 'call' the 'codemirro plugin' .. general discussion about implementing the tiddlywik cm-parser">>
<<topic "1:31:52" "core/ui/FieldEditor.tid">>
<<topic "1:35:30" "Would it be possible, that TW creates 'x-tags'/'web components'?">>
<<topic "1:37:20" "'setvariable' widget .. used in the EditTemplate">>
<<topic "1:40:20" "title vs tiddler in field names">>
<<topic "1:41:40" "List of 'typed' tiddlers ... for filtering">>
<<topic "1:43:25" "Mario- short indirection to Bauwe's 'data tiddler' filtering">>
<<topic "1:45:01" "Import widget on PageTemplate .. discussion about the 'drop zone'">>
<<topic "1:49:36" "core/ui/TagTemplate .. 'hard coded' styles vs. 'CSS styled' tag colors .. general discussion about tag coloring.">>
<<topic "2:01:40" "about the TW 'self documenting' possibilities. Automatically created documentation. snippets templates">>
<<topic "2:05:50" "Mario- Will there be a 'nodejs TiddlyWeb' version. Jeremy isn't that interested in serversides. The API will be enough.">>
<<topic "2:12:55" "Bye! Bye!">>
\define hangout() 020
<<header>>
"""
<<topic "0:00:00" "Intro: frtl: Mario, Piers, Robin, Sean, Leo (Slonik), Stephan, Ton">>
<<topic "0:02:35" "Jeremy- What's new: CodeMirror integration (plugin)">>
<<topic "0:04:30" "Leo- uses 'It's all text' Will it work with CM?">>
<<topic "0:05:08" "Jeremy- There is a new 'markdown plugin' for interoperability.">>
<<topic "0:06:00" "Jeremy- Short info about markdown plugin integration (code).">>
<<topic "0:06:45" "Jeremy- How codemirror was included (code)">>
<<topic "0:08:20" "Jeremy- Some discussion about animation and inernal HTML structure">>
<<topic "0:08:40" "Intro Nathan">>
<<topic "0:10:20" "Jeremy- Are there questions from Piers and Sean? usecase?">>
<<topic "0:15:50" "Jeremy- multi column mode lists ... TW5 as a 'guitar songbook'">>
<<topic "0:16:30" "Leo- External links to MP3?">>
<<topic "0:17:07" "about multi column CSS">>
<<topic "0:24:20" "Jeremy- does a lot of 'skeleton documentation'">>
<<topic "0:27:36" "Mario- Are we close to beta? -> upgrade the core is the blocker atm ... general discussion about beta">>
<<topic "0:28:20" "Leo- Do we need to write browser specific CSS? ... TW5 does simplify CSS creation ..">>
<<topic "0:29:40" "Jeremy- How to create a 'CSS macro' for 4 columns">>
<<topic "0:30:20" "Mario- What do you think about using microformats. microformats (dot) org">>
<<topic "0:34:36" "Jeremy/Mario/Nathan/Leo- thinking about RDFa ... open graph ... schema (dot) org ... using RDF as a 'storage format'">>
<<topic "0:39:40" "Jeremy/Nathan- reflections about the above (RDF)">>
<<topic "0:42:45" "Nathan/Jeremy- about 'Federated Querying' ... SPARQL">>
<<topic "0:46:50" "Jeremy- reflections about 'possibilities to use it'">>
<<topic "0:47:30" "Jeremy- 'PageMacros' ... 'hacky' global macros ... built in macros">>
<<topic "0:48:10" "Jeremy- Creating tabs with macros">>
<<topic "0:49:30" "Mario- brings back the 'sections and slice' discussion ... about 'prose / natural data structure'">>
<<topic "0:50:20" "Jeremy- 'library of core macros' ... text and javascript">>
<<topic "0:51:25" "Mario- issue - using TW5 to create TW2 test.html - TW5 npm should be updated.">>
<<topic "0:54:15" "Nathan- shows a structure of 'Linked open data cloud'">>
<<topic "0:56:00" "... tags and URI ... od items inside TW have an URI? ... text URI ... rendered URI">>
<<topic "0:57:40" "Jeremy- TW5 (without javascript) shows the tiddler titles. ... It could be anything.">>
<<topic "1:02:25" "Nathan- are the 'js macros' global?">>
<<topic "1:05:30" "Jeremy/Mario- Animation is back ... for popup's ... adjusting animation speed ... working with tabs">>
<<topic "1:11:27" "Jeremy- about keyboard shortcuts">>
<<topic "1:12:10" "Nathan- Is there a 'command line interface' in TW5">>
<<topic "1:14:30" "Jeremy- searches some 'early TW UI sketches'">>
<<topic "1:18:40" "Nathan- CLI - to manipulate the 'server side'">>
<<topic "1:18:40" "Jeremy- finally shows some 'early TW UI sketches' ... a termKit like CLI for TW">>
<<topic "1:18:40" "Bye! Bye!">>
\define hangout() 021
<<header>>
"""
<<topic "0:00:00" "Intro: fltr: Ton, Scott, Mario, Jeremy, Eric, Adrian">>
<<topic "0:02:35" "Jeremy- What's new in alpha 14 -> ControlPanel">>
<<topic "0:04:30" "Jeremy- Add a new tab to the ControlPanel tiddler.">>
<<topic "0:05:08" "Jeremy- Add a tab to the 'info panel'">>
<<topic "0:06:00" "Jeremy- TW5 static representation">>
<<topic "0:06:45" "Jeremy- What will be interesting ??">>
<<topic "0:08:20" "Mario- is interested in Adrians usecase.">>
<<topic "0:08:40" "Adrian- Build TW5 from source with Windows?">>
<<topic "0:10:20" "Mario- Suggests to use 'grunt' to manage TW5 build process">>
<<topic "0:15:50" "Adrian- ... is hunting for the 'perfect personal information management system'">>
<<topic "0:16:30" "Adrian- would like a 'graph like view' of TW">>
<<topic "0:17:07" "Jeremy- shows the cecily (TWc) project ... It should come back to TW5">>
<<topic "0:24:20" "Jeremy- about integration of d3">>
<<topic "0:27:36" "Adrian- TW5 data structure, meta data, 'external' databases, ...">>
<<topic "0:28:20" "Jeremy- ... how the 'story view' handles tiddlers ... list widget">>
<<topic "0:29:40" "Adrian- how to 'expose the intrinsic link structure'">>
<<topic "0:30:20" "Jeremy- ... the filter syntax to 'select' tiddlers">>
<<topic "0:34:36" "Adrian- ... does TW support external data sources?">>
<<topic "0:39:40" "Jeremy- about the 'tiddler store' (code), and 'plugable stores'">>
<<topic "0:42:45" "Andrew- what's about 'scaling' out of 'personal use'">>
<<topic "0:46:50" "Mario- suggests couchdb - pouchdb - for syncing single file TWs">>
<<topic "0:47:30" "Jeremy- about capturing the tiddler hashmap (store) in a clousure to 'enforce a unified api'">>
<<topic "0:48:10" "Jeremy- leavs ...">>
<<topic "0:49:30" "... Eric on the guitar!">>
<<topic "0:50:20" "Jeremy- is back">>
<<topic "0:51:25" "Adrian- about databases he is interested in eg: neo4j, datomic,">>
<<topic "0:54:15" "Adrian- about Relavance and 'associative databases'">>
<<topic "0:56:00" "Jeremy- about SQL databases">>
<<topic "0:57:40" "Jeremy- about the TW5 'internal data structure'">>
<<topic "1:02:25" "Adrian- had issue with d3 data set saving (actually found a bug)">>
<<topic "1:05:30" "Adrian- What do you think about 'The smallest federated wiki'?">>
<<topic "1:11:27" "Mario- TW5 on itself will scale much better than TW2">>
<<topic "1:12:10" "Adrian- What about trello?">>
<<topic "1:14:30" "Adrian- TWs open tiddler animation is kind of confusing.">>
<<topic "1:18:40" "Bye! Bye!">>
\define hangout() 022
<<header>>
"""
<<topic "0:00:00" "intro: frtl: Jeremy, Mario, Nathan, Stephan, Ton">>
<<topic "0:01:40" "Jeremy- What do you think of the 'Fork me on GitHub' ribbon">>
<<topic "0:08:55" "Nathan- 'Download me as a file' instead of 'Fork me on Github'">>
<<topic "0:10:30" "Jeremy- The link color changed a bit.">>
<<topic "0:13:30" "Jeremy- About 'vanilla' CSS styling and a new 'Vanilla Theme'">>
<<topic "0:15:40" "Jeremy- about page layout configurability">>
<<topic "0:16:40" "Mario- 'Complains' about text edit performance">>
<<topic "0:22:00" "Jeremy- About testing and avoid regressions">>
<<topic "0:23:45" "Jeremy- Control Panel now has a TiddlySpot setting tab.">>
<<topic "0:26:30" "Jeremy- Save to TiddlySpot will be part of the core ... code review.">>
<<topic "0:28:20" "... About IE ... TW5 should work with IE10+">>
<<topic "0:29:10" "Julio- What's the difference between macros and widgets">>
<<topic "0:29:50" "Mario- about the difference between macros and widgets.">>
<<topic "0:31:50" "Stephan- macros are 'kind of a template'">>
<<topic "0:32:10" "Jeremy- summs up the above">>
<<topic "0:32:40" "Mario- about managing 'user specific' macros">>
<<topic "0:33:10" "Jeremy- Proposal - about extending the MIME type of tiddlers to handle 'export/import' of macros.">>
<<topic "0:37:10" "Jeremy- The goal is that ordinary users don't need to deal with widget syntax.">>
<<topic "0:38:25" "Jeremy- Which macros are needed for 'users' .. 9">>
<<topic "0:39:50" "Jeremy- shows the 'tab macro' code">>
<<topic "0:41:03" "Jeremy- Summary about macros and widgets">>
<<topic "0:42:30" "Jeremy- Macros should be 'self documenting'">>
<<topic "0:44:15" "Jeremy- Moving to 'beta' ... how to do the 'core upgrade'">>
<<topic "0:47:00" "Jeremy- The boot mechanism should be able to load 'external files'">>
<<topic "0:49:00" "Jeremy- How to do the core upgrade with eg: npm, visit ..tw5/upgrade, download the upgrade mechanism TW, extend TiddlyFox possibilities.">>
<<topic "0:52:20" "Jeremy- move to beta and TW5 will be the frontpage for tiddlywiki.com">>
<<topic "1:04:45" "small talk, managing lists :)">>
\define hangout() 023
<<header>>
"""
<<topic "0:00:00" "Intro: frtl: Adrian, Bob(later), Dave, Eric, Jeremy, Stephan, Ton, Mario (later)">>
<<topic "0:02:05" "Agenda: What's new, Creating DropDown's, about the list widget, tracing the code">>
<<topic "0:03:20" "Jeremy- New PageTemplate tag, to modify the page template">>
<<topic "0:07:15" "J- Fixed the 'list sorting' issue">>
<<topic "0:09:05" "J- Control panel - tiddlyspot saver tab. link to backup folder.">>
<<topic "0:10:40" "J- about fixed issues. (filter typo causes alert) ...">>
<<topic "0:12:20" "J- Changing templates ... Save empty.html">>
<<topic "0:13:50" "J- google analytics is now a propper plugin.">>
<<topic "0:14:10" "J- new save/download buttons">>
<<topic "0:16:30" "J- Josh's question - how to create a dropdown menue">>
<<topic "0:20:03" "Eric- some questions about the popup">>
<<topic "0:22:20" "Eric- suggestion - add items to the list would be cool">>
<<topic "0:23:40" "J- popup source review">>
<<topic "0:29:20" "J- about the 'linkcatcher' widget ... also used for theme switching">>
<<topic "0:31:10" "Bob- What is the 'bang bang' for?">>
<<topic "0:33:45" "Eric- Is there a 'tooltip' ability?">>
<<topic "0:35:55" "J- New 'fallback' feature of the 'view widget'.">>
<<topic "0:37:20" "Bob- Is the span needed to have the tooltip?">>
<<topic "0:38:00" "J- in beta we need to find out the 'common idioms' ... and make them easy.">>
<<topic "0:40:30" "J- Dave's quesiton - about wikitext filter syntax shortcut">>
<<topic "0:41:50" "J- we need to extend the table syntax ... eg: multi line table syntax">>
<<topic "0:45:55" "Stephan- Will it interfere with existing table syntax?">>
<<topic "0:47:40" "Bob- questions about 'escaping'">>
<<topic "0:49:35" "J- back to Dave's question ... transclusion in tables">>
<<topic "0:52:20" "J- howto - create a table with the 'list widget' and templates">>
<<topic "0:57:45" "Bob- hangout examples should be copied over to a TW">>
<<topic "1:00:00" "back to the table syntax. ... right align.">>
<<topic "1:02:00" "Mario- How do you create a 'dynamic' table with 'list filters' ...">>
<<topic "1:04:00" "J- suggest COOL new syntax for 'wikitext lists' and tables.">>
<<topic "1:06:35" "J- how 'dynamic tables' are created atm. ... new wiki syntax">>
<<topic "1:12:50" "J- brainstroming about a 'generic simple wiki syntax' for several things.">>
<<topic "1:17:25" "J- new syntax for 'typed transclusion'">>
<<topic "1:20:10" "J- atm it's possible to make suggestions to improve TW5 wikitext for table, typed transclusions">>
<<topic "1:23:10" "J- Stephan's question about 'What happens, when you click the Save button'">>
<<topic "1:25:05" "J- review the source for the 'save button' ... start with the boot.js kernel">>
<<topic "1:28:17" "core/ folder ... plugin.info">>
<<topic "1:28:44" "modules/ folder ... startup.js">>
<<topic "1:29:28" "have a look at the 'new' dev-wiki">>
<<topic "1:31:15" "Mario- Where is the code, that 'catches the button save message'?">>
<<topic "1:32:40" "J- What happens if the save button is clicked. - part of the PageControls">>
<<topic "1:34:25" "widgets/button.js ... click event ... .execute">>
<<topic "1:36:15" "... have a look at the 'widget render tree' ... $tw.wiki.parseText">>
<<topic "1:41:50" "Mario- OT is there a connection between the tree and the source text position?">>
<<topic "1:43:50" "J- about the widget architecture">>
<<topic "1:45:10" "back to the button widget">>
<<topic "1:45:40" "widget.prototype.dispatchEvent ... tw-save-wiki">>
<<topic "1:46:17" "find the handler that executes the message. see: startup.js">>
<<topic "1:47:50" "$tw.wiki.saveWiki() .. see: wiki.js">>
<<topic "1:51:00" "about the savers/ modules">>
<<topic "1:52:50" "TiddlyFox saver ... .saverInit()">>
<<topic "1:55:30" "test.js widget">>
<<topic "1:55:55" "Stephan- wants visual feedback for saving to tiddlyspot .. upload.sh">>
<<topic "1:58:10" "progress bar is similar to the notifier.js">>
<<topic "2:01:00" "J- coding in TW is very different to jQuery, since the DOM is transient. Similar to angular.js">>
<<topic "2:03:15" "J- summing it up">>
<<topic "2:04:40" "J- states 'parsers are not complicated' ;)">>
<<topic "2:06:15" "J- storyviews are 'kind of complicated'">>
<<topic "2:08:15" "J- The UI is ripe for contributions.">>
<<topic "2:08:50" "J- Compare TW5 with other github projects .. number of commits">>
<<topic "2:12:05" "J- questions? ... smalltalk">>
<<topic "2:13:20" "Mario- Any progress on the 'upgrade' mechanism?">>
<<topic "2:18:00" "Bye! Bye!">>
\define hangout() 024
<<header>>
"""
<<topic "0:00:00" "Intro: frtl: Jim + background, Jeremy, Mario, Michael, Paul, Stephan, Ton">>
<<topic "0:07:30" "Jeremy / Paul- about 'OXTWIG' meeting in Oxford.">>
<<topic "0:11:35" "Jeremy- User-TWs in action (Jim screenshare won't work)">>
<<topic "0:17:40" "Michael- TW in action (actually nothing to show :)">>
<<topic "0:18:50" "Ton- about tw5toolbar(.)tiddlyspot(.)com new buttons: home, full screen, close all, close others, clone, search, help, ... StyleSheets ... ToggelTheme ... hide sidebar">>
<<topic "0:26:55" "Jeremy- about how Ton does the editing?">>
<<topic "0:29:30" "Michael- about single file TW vs node version (conversion back and forth) ginsu.sh">>
<<topic "0:35:10" "Jim- about his TW5 usecase ... create 'reference material' .... (Jeremy's screenshare wasn't recorded) :/ (see Jim's TW at hangout#25)">>
<<topic "0:47:50" "Jeremy- Preperation for the Beta - about version numbering">>
<<topic "0:50:40" "Jeremy- How the 'upgrade process works'">>
<<topic "0:57:00" "Jeremy- about 'Getting Started with TiddlyWiki5' on youtube and a 'youtube widget'">>
<<topic "0:58:40" "Jeremy- Nathan joins the talk.">>
<<topic "0:59:50" "Jeremy- How to import eg: markdown plugin.">>
<<topic "1:00:55" "Michael- How to open several tiddlers at once?">>
<<topic "1:02:10" "Mario- Would it be possible that a 'open all tiddlers' also looks a the 'list' field to open them in the right order?">>
<<topic "1:03:00" "Stephan/Jeremy- about automatic loading in 'DefaultTiddlers'">>
<<topic "1:06:00" "Michael- Will it be possible to sort tiddlers in the 'story river'?">>
<<topic "1:07:50" "Jeremy- about borrowing 'Trello' functionality.">>
<<topic "1:09:55" "Jeremy- conditionally show/hide the sidebar">>
<<topic "1:10:30" "Stephan- do we have a 'storyline' plugin/button?">>
<<topic "1:11:00" "Jim- about 'conditionally' change the layout">>
<<topic "1:15:40" "Jeremy- Eric joined the session">>
<<topic "1:17:40" "Jeremy- about moving TW5 to tiddlywiki(.)com">>
<<topic "1:19:10" "Mario- complains about the TW5 'HelloThere' link to TiddlyWikiClassic">>
<<topic "1:21:50" "Jeremy/Eric- about moving TWc and TW5 frontpages ...">>
<<topic "1:24:40" "Mario- about the 'migration path' from TWc to TW5">>
<<topic "1:26:50" "Paul- about 'HelloThere' wording ...">>
<<topic "1:28:30" "Stephan- should we talk about the TW syntax for 'quotes' skeeve(.)tiddlyspot(.)com">>
<<topic "1:39:50" "Jeremy- Question: Will quotes work with lists?">>
<<topic "1:43:28" "Stephan- about 'radio buttons'">>
<<topic "1:45:40" "Michael- How to switch of CamelCase rendering?">>
<<topic "1:51:30" "Eric- about 'black listing' CamelCase links, that should not be links">>
<<topic "1:53:20" "Mario- about tiddler aliasing">>
<<topic "1:54:20" "Eric- about 'corner cases' if automatic wiki linking is globally switched of">>
<<topic "1:57:10" "Jeremy- about aliases ... being 'symbolic links'">>
<<topic "2:00:50" "Jeremy- about aliases and regular expressions (regexp)">>
<<topic "2:04:50" "Bye! Bye!">>
\define hangout() 025
<<header>>
"""
<<topic "0:00:00" "Intro: frtl: Jim, Jeremy, Mario, Paul, Stephan, Ton">>
<<topic "0:02:50" "Jim's- usecase: 'TW5 in the wild'. Using tags to create a 'parent - child' structure. ... 1-1, 1-many relations">>
<<topic "0:08:20" "Jim- question: 'How to get backlinks'">>
<<topic "0:10:05" "Jeremy's- explanation">>
<<topic "0:13:20" "Mario- suggests to use tags ... similar to 'TagglyTagging' ... that's not, what Jim wants.">>
<<topic "0:15:30" "Jeremy- shows how to add the 'backlink' to the ViewTemplate.">>
<<topic "0:21:40" "Jeremy- about 'asking questions is _important_' because it is valuable feedback.">>
<<topic "0:23:50" "Jim- What does !!parent}} mean? ... about 'text references'">>
<<topic "0:30:15" "Jim- Is 'parent' a core field? ... no">>
<<topic "0:31:30" "Jeremy- documentation about 'backlinks'">>
<<topic "0:32:55" "Jeremy- about 'Philosophy of Tiddlers'">>
<<topic "0:34:00" "Jeremy- about TW Editions">>
<<topic "0:38:18" "Paul- about 'documentation inconsistencies' ... that may be confusing for newbies">>
<<topic "0:41:00" "Jeremy- about the use of 'TiddlyWiki' as TW5 and TiddlyWikiClassic">>
<<topic "0:43:15" "Paul- 'What is a tiddler' ... which tiddler fields are part of the 'core'. What's default for TWc, TW5 and eg: TiddlyWeb / TiddlySpace">>
<<topic "0:49:00" "Mario- about fields that are part of the core.">>
<<topic "0:52:20" "Jeremy- about 'Going to beta'">>
<<topic "0:54:20" "about browser 'back / forward' button integration">>
<<topic "-> 0:56 “ “ :40 Jeremy- about the five(.)tiddlywiki(.)com/static/RoadMap ... (google video recording is kind of broken till: the end :(">>
<<topic "0:58:10" ".. multi language support">>
<<topic "0:59:40" ".. aliases ... (may affect the 'store' structure'">>
<<topic "1:01:40" ".. search / replace">>
<<topic "1:02:55" ".. rich links tooltips">>
<<topic "1:03:35" ".. keyboard shortcuts and focus ... bookmarklets as a workaround">>
<<topic "1:06:00" ".. quoting ...">>
<<topic "1:07:00" "about 'social' widgets .. eg: youtube widget">>
<<topic "1:09:10" ".. syntax highlighting">>
<<topic "1:13:45" ".. plugin minification">>
<<topic "1:17:10" ".. list editor drag and drop">>
<<topic "1:18:10" ".. display JSON data .. TW should be 'self documenting'">>
<<topic "1:19:20" "general TW usability">>
<<topic "1:22:30" "about 'depricating widgets' in the future">>
<<topic "1:24:50" "Paul- .. about $tw.document in the code">>
<<topic "1:31:20" "Kamil- .. drag and drop importing pictures">>
<<topic "1:33:50" "... Google recording problems ...">>
<<topic "1:37:10" "Jeremy is back .. image support question ...">>
<<topic "1:40:20" "Jeremy/Eric- about move to beta and necessary 'dot com' changes.">>
<<topic "1:45:40" "Ton- There is a problem with five(.)tiddlyspace(.)com">>
<<topic "1:52:35" "Bye! Bye!">>
\define hangout() 026
<<header>>
"""
<<topic "0:00:00" "Intro: rtl: Nathan (later), Paul, Stephan, Russ (later), Ton">>
<<topic "0:01:34" "Jeremy- TiddlyWiki is bata now \o/ see: tiddlywiki(.)com">>
<<topic "0:02:45" "Jeremy- There will be 'broken links' in the web now :/">>
<<topic "0:03:40" "Jeremy- about bug fixes for the upcomming version (problems with screen sharing ...">>
<<topic "0:07:40" "Jeremy- is back - about the favicon">>
<<topic "0:10:20" "Jeremy- any questions about the agenda">>
<<topic "0:11:25" "Paul/Jeremy- How to contribute to TW with github">>
<<topic "0:14:00" "Jeremy- about linking external pictures in TW">>
<<topic "0:15:15" "Paul- about versioning">>
<<topic "0:17:50" "Paul- about links ... pretty links ... external links">>
<<topic "0:30:55" "Paul- about API specification ... what is stable and what is in flux">>
<<topic "0:34:40" "Paul- What are valid characters in a tiddler title?">>
<<topic "0:45:00" "Paul- Tiddlers may have an URI field">>
<<topic "0:47:00" "Jeremy- about date representation ... especially time zones">>
<<topic "0:49:00" "Jeremy- about the TW tiddler storage structure ... and probably changing it.">>
<<topic "0:53:50" "Paul- about timestamping down to the milisecond">>
<<topic "1:00:00" "Jeremy- about script tags with a 'app specific' content type and related issues">>
<<topic "1:02:00" "Russ- joins the hangout ...">>
<<topic "1:03:50" "Russ- about 'valid chars for the tiddler title' ecma-404 spec">>
<<topic "1:07:15" "Jeremy- about defining 'task priorities' 'fixes and features' for beta">>
<<topic "1:13:55" "Jeremy- Browser URL should contain the 'full story state'">>
<<topic "1:17:00" "Jeremy- What to fix next - StyleSheet ordering -> internationalisation">>
<<topic "1:22:10" "Paul/Jeremy- about 'RoadMap wording'">>
<<topic "1:24:00" "Jeremy- about 'getting IE working' .. IE extension .. using TW as .hta">>
<<topic "1:29:10" "Jeremy- about releasing 5.0.4-beta">>
<<topic "1:29:55" "Paul- How will TW5 work with TiddlyWeb - TiddlySpace.">>
<<topic "1:32:00" "Jeremy- about DropBox support ... is a 'must have'">>
<<topic "1:32:40" "Jeremy- planing the next hangout.">>
<<topic "1:33:55" "Jeremy- about some 'incompatible issue fixes' ... how to introduce 'deprication'">>
<<topic "1:40:15" "Jeremy- about improving the button widget">>
<<topic "1:48:48" "Bye! Bye!">>
\define hangout() 027
<<header>>
"""
<<topic "0:08:30" "Jim- Is there a way to style reference tiddler links if they are tagged eg: done">>
<<topic "0:10:20" "Jim- about 'navigating a story' eg: next">>
<<topic "0:11:15" "Jim- about the idea of a 'follow up'">>
<<topic "0:16:15" "Jeremy- general discussion about GTD (Getting Things Done)">>
<<topic "0:17:10" "Jim- about 'tasks' and 'appointments' and 'time stamp format'">>
<<topic "0:20:25" "Jeremy- about browser support for 'color', 'time' and 'date' pickers">>
<<topic "0:22:30" "Jeremy- about a new wikitext syntax to create a calendar">>
<<topic "0:26:20" "Jeremy- about TW5 'in the wild'">>
<<topic "0:26:50" "Intro Stephan">>
<<topic "0:27:30" "Jeremy/Stephan- about regexp's">>
<<topic "0:30:20" "Jim- about JavaFX ... and 'why is it cool'">>
<<topic "0:34:40" "Jeremy- about 'communication' between JavaFX and TW5">>
<<topic "0:38:50" "Jeremy- about the 'webview' with Visual Studio">>
<<topic "0:39:50" "Mario- 'Are there any security restrictions ... web <-> java'">>
<<topic "0:41:25" "Jim- about he trys to 'visualize' the data structure. ... (mp remark: a 'non tag based approach to create a story structure')">>
<<topic "0:47:23" "Jeremy- Would like to implement a 'nested list type' structure with drag and drop">>
<<topic "0:50:10" "Intro Carlos ... about his usecase ... 'teaching ... languages' and programming languages.">>
<<topic "0:54:50" "Jeremy- about Dicon's project and his point of view as a psychologist to work with TW">>
<<topic "0:58:38" "Carlos- how TW fits to his usecase for 'writing and reading'">>
<<topic "1:03:00" "Jeremy- about 'translations' - internationalisation">>
<<topic "1:06:00" "Jeremy- about the chinese translations at: tw5-zh. tiddlyspot. com">>
<<topic "1:06:50" "Jeremy- translations should be plugins that work similar to the themeing mechanism">>
<<topic "1:10:30" "Mario- translations should work for content text and the UI">>
<<topic "1:14:07" "Stephan- is it possible to search for 'system' and 'shadow' tiddlers">>
<<topic "1:14:52" "Jeremy- there should be a new TW file format. Translations should be 'a single file'">>
<<topic "1:16:00" "Jeremy- The Roadmap ... next may be make translations easy">>
<<topic "1:18:50" "Jim- responding to Carlos's usecase. ... 'creating a learning path'">>
<<topic "1:26:30" "Mario- about hangout #15 and David's filter addons ...">>
<<topic "1:27:50" "Carlos- about syntax highlighting">>
<<topic "1:30:40" "Mario- about 'lazy loading' 'source code' tiddlers from a server for syntax highlighting.">>
<<topic "1:31:55" "Carlos/Mario- What would be needed to use this in TW5">>
<<topic "1:33:10" "Carlos- Is it possible to transclude a part of the code, instead of the whole tiddler.">>
<<topic "1:34:04" "Jeremy- about FF on android and TW on android">>
<<topic "1:35:40" "Paul- about the versioning of TW5">>
<<topic "1:38:10" "Carlos- what about 'GraphML'?">>
<<topic "1:41:30" "Jeremy- about how to ship additional plugins. ... editions">>
<<topic "1:42:03" "Carlos- brainstorming about possibilities / usecases ...">>
<<topic "1:44:22" "Mario- Jeremy can you remember ... bramp . github . io/js-sequence-diagrams/">>
<<topic "1:45:25" "Jeremy- .. Stephan, we could import GrphML files.">>
<<topic "1:46:58" "Bye! Bye!">>
\define hangout() 028
<<header>>
"""
<<topic "0:00:00" "Intro: rtl: Carlos (later), Dave, Jim, Jeremy, Paul, Stephan, Ton">>
<<topic "0:03.10" "Jeremy- agenda and passes over to Ton">>
<<topic "0:03:30" "Ton- News about Ton's TW5 guide - 'toggle - theme - button'">>
<<topic "0:13:30" "Jeremy- short summary .. next steps .. 'how to package tiddlers into a plugin'">>
<<topic "0:16:20" "Ton- questions about 'how to install node.js and npm' (.. wrong links)">>
<<topic "0:19:00" "Jeremy- short summary">>
<<topic "0:19:30" "Intro: Carlos">>
<<topic "0:20:00" "Jeremy/Jim- about task management">>
<<topic "0:21:30" "Jeremy- about his observations about task management from TWc">>
<<topic "0:25:00" ".. what do others (on the call) think?">>
<<topic "0:26:00" "Carlos- about calenders and a WebDav interface">>
<<topic "0:27:45" "Jeremy- TW5 node.js could have a WebDav interace ...">>
<<topic "0:28:48" "Jeremy- about POSSE 'Publish (on your) Own Site, Syndicate Elsewhere' ... IMAP interface for TW5">>
<<topic "0:31:40" "Jeremy- about TW5 as a WebDav/CalDav client ... HTTP client for github issues">>
<<topic "0:33:58" "Carlos- about his usecase ...">>
<<topic "0:35:20" "Jeremy- Dave ask (chat): 'What does Jeremy plan to do next?' ... Caching in local storage">>
<<topic "0:37:30" "Jeremy- about 'avoiding data loss' ... 'Download Offline Snapshot' button">>
<<topic "0:40:05" "Jeremy- 'Helping Hackers' ... translation, making plugins in the browser,">>
<<topic "0:40:30" "Jeremy- opens the 'RoadMap' tiddler. see RoadMap at tiddlywiki . com">>
<<topic "0:42:15" "Jeremy- .. Things that Jeremy really loves ... Cecily">>
<<topic "0:43:00" "Jeremy- Browser History handling ...">>
<<topic "0:46:00" "Jeremy- Permalink handling ...">>
<<topic "0:47:00" "Jeremy- github issue list ... issues should be actionable">>
<<topic "0:56:50" "Jeremy- about TiddlySaver ... can Jim help with some 'know how'">>
<<topic "1:00:38" "- - short break - -">>
<<topic "1:03:02" "Paul- proposal: 'vertical merging of tables' ... 'top' and 'bottom' alignemen syntax">>
<<topic "1:13:50" "Stephan- about 'multi line table layout' with 'search and replace pragma'">>
<<topic "1:15:35" "Jeremy- about 'what should be in the core and what should be plugins' pro and cons ... why things are as they are ..">>
<<topic "1:18:10" "Jeremy- about 'how contributions influence the core' even if they are not merged. (...pull requests are allways welcome!)">>
<<topic "1:19:50" "Jeremy- about the TW5 size">>
<<topic "1:20:30" "Paul/Jeremy- about size, plugins, core ...">>
<<topic "1:23:15" "Carlos/Jeremy- about users concerns and expectations">>
<<topic "1:27:50" "general discussion about community support - contribution - guidance ... turn TW into a team effort">>
<<topic "1:32:47" "Carlos- How many people use TW5 compared to TWc?">>
<<topic "1:35:25" "Jeremy- 'Why TW5 is designed for users, who don't know TWc'">>
<<topic "1:39:50" "Jeremy- about the TWc migration path.">>
<<topic "1:41:05" "Carlos- Which version is at tiddlywiki . com ?">>
<<topic "1:46:18" "Jeremy- technical aspects of the 'dates discussion' ... the internal structure of a tiddler">>
<<topic "1:48:20" "Jeremy- tiddler fields should get a 'type' ...">>
<<topic "1:50:23" "Paul- What about the 'tiddler representation' ... json, html .. see: hangout #27?">>
<<topic "1:51:40" "Jeremy- any questions?">>
<<topic "1:52:05" "Carlos- concern about node.js or java dependencies">>
<<topic "1:57:55" "Bye! Bye!">>
"""
Recording Error
Need to update the header macro to put in Exceptions and also exclude Google Hangout when they don't exist
\define hangout() 030
<<header>>
"""
<<topic "0:00:00" "Intro frtl: Carlos, Jeremy, Mario, Paul, Stephan, Ton">>
<<topic "0:02:20" "Stephan- Contact handling .. 'database' .. NewTiddler plugin">>
<<topic "0:12:45" "Jeremy- about contributions to the code / documentation base">>
<<topic "0:14:50" "- - - short break - - -">>
<<topic "0:16:30" "Stephan- about transcluding the 'full' tiddler content ... title and content">>
<<topic "0:19:20" "Stephan- shows his 'transclusion experiment'">>
<<topic "0:22:20" "Jeremy- about 'credits' in the release notes. There may be Gravatar Widget">>
<<topic "0:33:50" "Carlos- would like to have GraphMl implemented.">>
<<topic "0:41:30" "Carlos- What about a 'bounty system' for TW plugins?">>
<<topic "0:45:05" "Jeremy- TW5 should and will be free for end users ... about funding TW5 development">>
<<topic "0:49:45" "Mario- Carlos - Is there a special reason, why you want to use graphML? — yEd">>
<<topic "0:51:05" "Jeremy- future features / development for TiddlyDesktop!">>
<<topic "0:56:10" "Carlos- What kind of advantages do you see, for this type of app?">>
<<topic "0:59:50" "Jeremy- It would be even possible to integrate a 'source code' editor">>
<<topic "1:00:15" "Mario- about the Brackets project.">>
<<topic "1:05:00" "Jeremy- about 'p' paragraph handling ... 'block mode' rendering in general">>
<<topic "1:07:15" "Jeremy- some new markup / syntax proposals ... brainstorming">>
<<topic "1:24:50" "- -> kind of an agreement about the new 'paragraph - block mode'">>
<<topic "1:27:15" "Ton- What's about Paul's 'multiline table proposal'">>
<<topic "1:29:25" "Jeremy- ... releases are slowing down.">>
<<topic "1:29:58" "Mario- CodeMirror is activated for the 'client-server edition' by default now?">>
<<topic "1:32:20" "Paul- Jeremy, did you think more about the extended table syntax? .. it should be part of the core">>
<<topic "1:33:00" "Jeremy- about the TiddlyWiki for Android video">>
<<topic "1:33:60" "Jeremy- about the PHP server configuration to save TW5 as a single file">>
<<topic "1:36:19" "Mario- nodejs server uses the ip address as the parameter number 6. ...">>
<<topic "1:38:45" "Mario/Jeremy- about the build process in general">>
<<topic "1:40:20" "Jeremy- suggests the editions .info file should contain build instructions.">>
<<topic "1:44:18" "Jeremy- new docs tiddler: 'Naming of System Tiddlers' ... there are some inconsistencies.">>
<<topic "1:48:28" "Mario- Would it be possible to have 'tabs or sliders' for the namespaces lists?">>
<<topic "1:52:25" "Mario- About user defined naming conventions for system tiddlers.">>
<<topic "1:53:35" "Jeremy- shows the TitlesPolicy tiddler for some naming conventions">>
<<topic "1:55:07" "Carlos- Is the TitlesPolicy live allready ... yes">>
<<topic "1:55:45" "Paul- about NodeWebkit versioning .. what's about the updating / deployment handling?">>
<<topic "1:59:40" "Jeremy- about new GitHub's traffic graphs">>
<<topic "2:01:18" "Bye! Bye!">>
\define hangout() 031
<<header>>
"""
<<topic "0:00:00" "Intro: frtl: Jeremy, Mario, Stephan">>
<<topic "0:01:12" "Mario- Intro: tw5-vagrant on github">>
<<topic "0:02:40" ".. about the Vagrantfile">>
<<topic "0:04:50" ".. how to download the stuff from github">>
<<topic "0:05:18" ".. how to start the procedure with 'vagrant up'">>
<<topic "0:05:40" ".. access the TW5 client/server edition from the host browser">>
<<topic "0:07:18" ".. -> commands for contributors, some more internals">>
<<topic "0:09:33" ".. -> how to build the single file TWs, that static tiddlers and all the demos">>
<<topic "0:10:20" "Jeremy- Can we create a version, that does 'npm install tiddlywiki' -> yes">>
<<topic "0:12:00" ".. the build finally finished with the tests!">>
<<topic "0:13:00" "Jeremy- There should be a website with some info about TW5 related projects">>
<<topic "0:16:45" "Jeremy- There was a request, how to upgrade TW5 with drag and drop ...">>
<<topic "0:18:20" "Mario/Jeremy- general discussion about TiddlyDesktop and multi user TWs, sharing .. TiddlyWeb">>
<<topic "0:20:25" "Jeremy- about the 'extended' build scripts './bld.sh' or use 'npm start' 'npm build' ..">>
<<topic "0:23:44" "Jeremy- the TW5 repo may need to be splitted into the 'docs' and the 'code'">>
<<topic "0:26:35" ".. general discussion about managing TW5 repos. code and docs.">>
<<topic "0:30:20" "Mario- thoughts about, how to handle a 'custom editions' that should be in there own repos">>
<<topic "0:33:10" "Jeremy- block mode html handling ... (with a little journey to find the issue :)">>
<<topic "0:36:30" ".. found it \o/ issue #82 and #345 (related) ... will need to refactor the parser">>
<<topic "0:38:15" "All- brainstorming about an /import pragma .. transclusion .. inclusion .. /rules ..">>
<<topic "0:47:30" "Mario- .. is this a 'global' import?">>
<<topic "0:48:30" "Jeremy- about the 'role' of tags in TW5 at the moment. .. it's just conventions">>
<<topic "0:50:03" ".. about 'missing' documentation and 'reading' existing documentation.">>
<<topic "0:52:45" "Mario- 'standard macros' evolving into 'user defined macros'">>
<<topic "0:54:20" "Jeremy- Stephan's pull requests for 5.0.7">>
<<topic "0:59:20" "Jeremy- Some new docs about the 'coding style' .. rules for pull requests">>
<<topic "1:00:50" "Jeremy- docs .. 'Saving to a PHP' server, similar to tiddlyspot">>
<<topic "1:03:50" "Jeremy- docs .. naming conventions for 'user defined' system tiddlers">>
<<topic "1:06:05" "Jeremy- upcomming changes for the ControlPanel">>
<<topic "1:07:40" ".. importing encrypted TWs">>
<<topic "1:10:00" "Jeremy/Mario- .. discussion about using TW as a password vault.">>
<<topic "1:13:38" "... your computer is not broken - this silence is by intention :) ...">>
<<topic "1:14:48" "Jeremy- There should be some warings / info about security.">>
<<topic "1:16:20" "Bye! Bye!">>
\define hangout() 032
<<header>>
"""
<<topic "0:00:00" "Intro rtl: Eric, Mario, Leo, Stephan, Ton">>
<<topic "0:02:40" "Ton- Reorginzes his TW5 Info pages + some new stuff. Links can be found at tiddlywiki. com">>
<<topic "0:06:30" "Ton- brought back the 'Left Menue'">>
<<topic "0:11:39" "Mario- Saw some issues with the '!important' key word in the CSS.">>
<<topic "0:13:25" "Jeremy- Do you have dropdowns in the Top Menue?">>
<<topic "0:18:55" "Ton- New ReadOnly theme, with a 'hidden' save button :)">>
<<topic "0:20:20" "Jeremy- About 'automatic' theme adjustments. ... customize the display depending on the browser used, for documentation.">>
<<topic "0:25:10" "general discussion about contribution.">>
<<topic "0:16:06" "Stephan- new journalButton, very similar to the newTiddler button. + dateTimeMacro">>
<<topic "0:33:30" "Stephan's tiddlyspots. links can be found at tiddlywiki. com">>
<<topic "0:35:18" "Jeremy/Mario- ... screen sharing problems">>
<<topic "0:37:50" "Jeremy- the plugin library. Discussion summary on mario's space">>
<<topic "0:40:05" "Jeremy- github issue page #363 - open for discussion">>
<<topic "0:41:56" "Jeremy- 'core plugins' vs 'contributor plugins' vs '3rd party plugins'. Discussion Jeremy and Mario about responsibilities. About the TW5 repo structure.">>
<<topic "0:48:15" "... connection between 'editions' directory and 'plugins' directory.">>
<<topic "0:50:30" "Leo- There should be a 'search' functions. What about versioning ... -> Jeremy- We use 'Semantic Versioning'">>
<<topic "0:52:10" "Mario- about his issues, using 'vanilla TW5 repo' for his development workflow. There are different views about the dev workflow. Mario wants to have 'generic' scripts">>
<<topic "1:00:50" "Jeremy- About the 'new proposed build' mechanism.">>
<<topic "1:01:55" "Jeremy- discussion about: what are the existing build scripts about.">>
<<topic "1:04:00" "Jeremy- about: How to submit / contribute plugins.">>
<<topic "1:08:30" "Leo- Is it possible to install plugins from 'any URL' -> yes">>
<<topic "1:10:00" "Jeremy- How can we distribute plugins. about possible backends ... It seems we need to require contributors to use git/hub.">>
<<topic "1:14:00" "Jeremy- about pulling plugins to the 'core' ... testing needs to be possible/done by the core devs">>
<<topic "1:16:34" "Leo- example: how 'homebrew' does it for MAC software.">>
<<topic "1:19:40" "Jeremy- about the 'tiddlywiki -build' and '-init' commands. TODO">>
<<topic "1:24:50" "Leo- What about debendency management?">>
<<topic "1:31:50" "Jeremy- Stephan's bookmarklets with TiddlyDesktop. General bookmarklet handling.">>
<<topic "1:36:40" "Jeremy- TiddlyDesktop may be a wiki too.">>
<<topic "1:37:20" "Jeremy- Intro Paul ...">>
<<topic "1:38:27" "Paul- What's about the next OXTWIG.">>
<<topic "1:41:53" "Bye! Bye!">>
"""
\define hangout() 033
<<header>>
"""
<<topic "0:00:00" "Intro- Dave, Jeremy, Sean, Leo, Vasily">>
<<topic "0:02:22" "Dave- Using TW with images, note taking, book reading quotes ..">>
<<topic "0:08:20" "Jeremy- Dave, you did experiment with TW and node.js - How did it feel?">>
<<topic "0:11:10" "Jeremy- about changes in TW, to do image 'lazy loading'">>
<<topic "0:12:20" "Sean- What is this 'lazy loading' feature?">>
<<topic "0:12:55" "Inrto: Paul, Ton">>
<<topic "0:13:35" "Jeremy- demo lazy loading - in 'client server mode' ... some screensharing problems.">>
<<topic "0:15:15" "... demo 'lazy loading'">>
<<topic "0:18:20" "Leo- What happens, if 2 users change the same tiddler.">>
<<topic "0:20:10" "Jeremy- .. back to the demo">>
<<topic "0:29:40" "Intro- Mario">>
<<topic "0:31:00" ".. short summary">>
<<topic "0:32:10" ".. about image handling and thumb nail handling on the server.">>
<<topic "0:33:05" "Mario- TW5 with a new sync service named: 'seafile - seacloud'">>
<<topic "0:34:00" "Intro- Alex">>
<<topic "0:35:30" "Mario- demo seafile sync with TW5 and nodejs.">>
<<topic "0:46:00" "Jeremy- TW5 should support Dropbox and other sync services.">>
<<topic "0:46:40" "Mario- requests a 'ajax API' within TW5. -> TiddlyWeb plugin should have one.">>
<<topic "0:51:00" "Jeremy- New in the upcomming 5.0.8-beta - ControlPanel">>
<<topic "0:52:30" "Jeremy- about keyboard shortcuts - just 'ctrl-enter' and 'escape' atm. ...">>
<<topic "0:57:35" "Leo- Does the 'keyboard widget' effect the whole TW? - .. they have a scope.">>
<<topic "1:00:50" "Jeremy- keyboard handler code ... Fx keys are kind of hard to manage.">>
<<topic "1:02:33" "Jeremy- some bugfixes, some docs, lazy loading, ...">>
<<topic "1:03:35" "Jeremy- bugfixes for the 'placeholder' text.">>
<<topic "1:05:20" "Mario- It would be nice if autosave and cancel dialogs would be a 'high priority'">>
<<topic "1:10:10" "Jeremy- There should be 'ctrl-s' to save a tiddler from edit mode, without closing edit mode">>
<<topic "1:12:30" "Jeremy- If TW opens, it should highlight tiddlers in 'draft mode'">>
<<topic "1:13:50" "Mario- 'modifier and creator' is missing in the info area.">>
<<topic "1:15:15" "Jeremy- some bugfixes in TiddlyDesktop">>
<<topic "1:16:00" "Jeremy- about the next release date.">>
<<topic "1:16:40" "Jeremy- all .. What do you think about the elipsis as a 'advanced search' button?">>
<<topic "1:18:10" "Leo- about 'advanced search UI'">>
<<topic "1:20:10" "Jeremy- about a 'term kit' like UI for the TW command line">>
<<topic "1:21:25" "Leo- would like to have 'advanced search options' like: 'exact search'">>
<<topic "1:23:20" "Mario- regexp searches or any search should be saved somehow. General discussion about the search UI.">>
<<topic "1:31:50" "Jeremy- the keyboard stuff is tricky. ... some feature requests. ... jeremy has a look, how other frameworks handle it.">>
<<topic "1:34:40" "Jeremy- support for translations.">>
<<topic "1:37:10" "Jeremy- translations could be in a 'multi shadow tiddler' container tiddler. So only one file would need to be handled by translators.">>
<<topic "1:44:35" "Jeremy- some refactoring for the 'shadow tiddler' list is needed. Especially if translations are single tiddlers.">>
<<topic "1:46:50" "Jeremy- some more new 'configuration tiddlers' are added to 5.0.8">>
<<topic "1:48:25" "Jeremy- any comments ... Mario- whats about the external link discussion">>
<<topic "1:50:55" "Bye! Bye!">>
\define hangout() 034
<<header>>
"""
<<topic "0:00:00" "Intro: rtl: Carlos, Eric (later), Jeremy, Mario, Ton,">>
<<topic "0:01:54" "Jeremy- Recent changes to TW ... Autosave! Warning if you close a tab without saving.">>
<<topic "0:05:10" "Jeremy- Wiki/config/SyncFilter.tid ... configuration, that triggers 'dirty'">>
<<topic "0:07:08" "Jeremy- Internationalisation ... language plugin">>
<<topic "0:08:50" "- $:/language .. tiddler">>
<<topic "0:09:15" "Intro: Leo">>
<<topic "0:10:50" "Jeremy- Short recap of 'autosave' and 'warning' ... translation">>
<<topic "0:12:05" "Eric- Info about 'save handling' in browsers">>
<<topic "0:12:55" "Eric- Does the saving do a backup file? - no ... autosave can be configured.">>
<<topic "0:14:45" "Jeremy- About the browser 'low level save mechanism' ... TiddlyFox backup handling">>
<<topic "0:19:00" "Jeremy- Backups should be done with TiddlyFox and TiddlyDesktop">>
<<topic "0:19:32" "Eric- About file acess privileges">>
<<topic "0:20:13" "Jeremy- Back to translation. about the language tiddler naming convention.">>
<<topic "0:24:25" "Jeremy- About the /language directory. *.tids file usage.">>
<<topic "0:25:50" "Mario- Is there a possibility for multi line text?">>
<<topic "0:30:16" "Jeremy- Translations can have 'dependencies' for 'local variations'">>
<<topic "0:32:18" "Leo- Are there areas, where the spelling could cause problems?">>
<<topic "0:33:45" "Jeremy- Translation in the javascript source code.">>
<<topic "0:35:47" "Eric- Date formating goes along with language settings. Is it handled?">>
<<topic "0:38:55" "Jeremy- There is a new filter tab in the '$:/AdvancedSearch' tiddler.">>
<<topic "0:40:55" "Jeremy- Some docs update ... formal grammer for the filter syntax.">>
<<topic "0:42:12" "Leo- What is formal grammer?">>
<<topic "0:46:08" "Jeremy- About the filter syntax docs.">>
<<topic "0:47:47" "Leo- About the documentation tiddler: Docs">>
<<topic "0:50:10" "Jeremy- About little refactorings for the theme.">>
<<topic "0:56:04" "Leo- Question about the 'color setting' in the control panel">>
<<topic "1:00:35" "Eric- TWclassic ColorPalette behaviour">>
<<topic "1:01:45" "Jeremy- Differences between 'macros' and 'widgest' .. general concept.">>
<<topic "1:03:08" "Intro: Christian">>
<<topic "1:04:20" ".. back to- Differences between 'macros', 'widgest' and 'plugins'">>
<<topic "1:05:35" "Jeremy- system tiddlers ... $:/">>
<<topic "1:07:40" "Jeremy- shadow tiddlers .. we need to have a look at plugins. A plugin is a 'bundle' of shadow tiddlers.">>
<<topic "1:10:44" "Eric- about the terminology in TWc">>
<<topic "1:13:30" "Jeremy- about: 'what makes a tiddler a plugin' and how to import them.">>
<<topic "1:15:45" "Jeremy- tiddlers can be 'code modules' .. 'module-type' field, 'type' field">>
<<topic "1:17:50" "Jeremy- about widgets .. eg: list, ..">>
<<topic "1:20:00" "Jeremy- about macros .. as 'text replacement' mechanism.">>
<<topic "1:24:25" "Jeremy- how users can contribute to documentation.">>
<<topic "1:26:25" "Jeremy- How do you make a plugin. eg: snowwhite ... 'plugin-type: theme'">>
<<topic "1:33:24" "Jeremy- The 'created' field issue.">>
<<topic "1:35:40" "Ton- shows his issue with importing the '.ico' files.">>
<<topic "1:44:57" "Jeremy- general discussion about footnotes">>
<<topic "1:58:25" "Jeremy- About printed output. There should be propper interoperability with the TeX toolchain.">>
<<topic "1:59:49" "Jeremy- There will be a demo edition that shows how to use TW to produce a 'single hirachical structured text document'.">>
<<topic "2:00:44" "Leo- Can TW produce a dGSD like document.">>
<<topic "2:04:24" "Jeremy- how to do this stuff in TW.">>
<<topic "2:07:35" "Eric- comparing TW behaviour with TWc">>
<<topic "2:08:35" "Bye! Bye!">>
\define hangout() 035
<<header>>
"""
<<topic "0:00:00" "Intro- rtl: Jeremy, Mario, Paul, Ton">>
<<topic "0:01:30" "Ton- Update on latest changes of his themes.">>
<<topic "0:06:00" "Jeremy- Explanation of the HistoryMechanism. The HistoryList tiddler.">>
<<topic "0:08:55" "Mario- Question about creating a CSS class witht the new mechanism.">>
<<topic "0:10:16" "Mario- Short overview about: TW5 Ubuntu Unity integration.">>
<<topic "0:18:30" "Jeremy- Short summary about the internal 'message handling'. Feneral discussion about the message system.">>
<<topic "0:23:00" "... mario's icon is active all the time. ... Google didn't switch anymore ... ticket ... navigator event should be global.">>
<<topic "0:23:00" "Jeremy- thinks it would be nice if someone did thsi for Win8 too.">>
<<topic "0:23:33" "short break.">>
<<topic "0:24:05" "Jeremy- Intro new member ... no response">>
<<topic "0:25:00" "Jeremy- We saw the screen, but google didn't record it sry. Next 35 minutes are audio only. till 1:02:02">>
<<topic "0:25:20" "Jeremy- Autosave will come with 5.0.8">>
<<topic "0:26:58" "- about the translations">>
<<topic "0:26:20" "- about palettes handling similarity with theme switching.">>
<<topic "0:27:00" "- about building plugins in the browser. New tiddler 'how to create plugins in the browser'">>
<<topic "0:33:40" "Jeremy- 'Ctrl-click' .. opens the tiddler, but doesn't scroll to the tiddler.">>
<<topic "0:35:00" "Jeremy- 'Close all' link is a bit darker now.">>
<<topic "0:35:40" "Jeremy- Short intro of TANK from Chris Dent. TANK is based on TiddlyWeb">>
<<topic "0:39:25" "Mario- Does Chris intned to render TW5 syntax on the server? .. it's planned!">>
<<topic "0:41:00" "Jeremy- About the difference of TiddlySpace and TANK">>
<<topic "0:44:45" "Jeremy- How you can configure a 'sub story' ... a story inside a tiddler.">>
<<topic "0:46:40" "Jeremy- about fixing a problem ... pasting pictures">>
<<topic "0:47:25" "Jeremy- Intro of the 'autosave' feature. TW now keeps track of unsaved tiddlers.">>
<<topic "0:50:30" "Mario- Would it be possible to temporarily store the stuff locally?">>
<<topic "0:53:10" "Jeremy- New feature: Alert Message: Visual error messages. So more info, if something gets wrong with the eg: network.">>
<<topic "0:58:15" "Carlos- What's about the system messages? .. Notifications.">>
<<topic "1:01:00" "Jeremy- about translations.">>
<<topic "1:02:02" "Mario- Shows the german tW version.">>
<<topic "1:11:25" "Carlos- Is there any progress in migration from TWc to TW5">>
<<topic "1:12:48" "Jeremy- Intro- Palette switching.">>
<<topic "1:16:50" "Mario- Is it similar to the TWc mechanism? .. some code review.">>
<<topic "1:20:10" "Mario- about problems with the colon translations ...">>
<<topic "1:21:35" "Jeremy- about the number of shadow tiddlers. General discussion about performance in the text editor.">>
<<topic "1:26:20" "Jeremy- about a fix with parsing html ..">>
<<topic "1:29:40" "Jeremy- about the release of 5.0.8 and 5.0.9">>
<<topic "1:32:20" "Mario- about debugging with chrome and single step the code.">>
<<topic "1:34:25" "Jeremy- about the tooling in TW to 'see what's going on in the code'">>
<<topic "1:36:50" "Jeremy- ... it's time it create global macros again ... so users should be able to work with macros. There should be no need to use widgets.">>
<<topic "1:38:35" "Jeremy- about the 'tabs' macro ... how to structure the docs. some discussion about Ton's tabs macros and the state tiddlers ...">>
<<topic "1:45:35" "Jeremy- short summary, of the chat window text. Request for new Paletts !!">>
<<topic "1:47:05" "Bye! Bye!">>
"""
\define hangout() 036
<<header>>
"""
<<topic "0:00:00" "Intro: Christian, Dave, Eric, Jeremy, Mario">>
<<topic "0:01:15" "Dave- Some updates on his tutorials">>
<<topic "0:06:15" "Jeremy- about the TW5 wizard feature.">>
<<topic "0:11:30" "Mario- Some global js plugins that should be compatible with TWc. today, list, ... with a debug mode.">>
<<topic "0:16:05" "Mario- the source code.">>
<<topic "0:18:20" ".. discussion about the functions of a macro vs using widgets.">>
<<topic "0:18:45" "Jeremy- Users should only know about macros. Discussion about macros and widgets.">>
<<topic "0:22:05" "Jeremy- about the TW5 macro parameter format.">>
<<topic "0:23:53" "Intro- Stephan">>
<<topic "0:24:18" "Jeremy- about some refactorings he made, that affect the template / paragraph handling.">>
<<topic "0:26:05" "Jeremy- shows / screenshares the changes">>
<<topic "0:31:35" "Stephan- what happens if you nest html elements?">>
<<topic "0:33:05" "Jeremy- shows a new formated template.">>
<<topic "0:34:30" "Jeremy- imports one of Dave's wiki's, to see, what the changes produce there. To see what needs to be changed. .. Sows the 'new' import mechanism.">>
<<topic "0:40:15" "Intro: Paul">>
<<topic "0:41:00" "Jeremy- Summary about the refactoring">>
<<topic "0:42:35" "Jeremy- Intro of the new palette editor and 'swatches'">>
<<topic "0:47:50" "Dave- Can the color swatches be larger?">>
<<topic "0:50:00" "Jeremy- How to create a new palette based on an existing one.">>
<<topic "0:51:18" "short pause. Stephan about text editors">>
<<topic "0:52:30" "Mario- uses the Brackets editor from Adobe as a text editor. discussion about the source code comments and the tooling.">>
<<topic "0:56:00" "... dealing with an 'unpleasant visitor'">>
<<topic "0:57:20" "Jeremy- new 'warning on delete' feature!">>
<<topic "0:57:45" "Stephan- about a new 'control panel menue' for changing the colors for the tags.">>
<<topic "0:59:25" "Jeremy- live demo: Creates a tag list with a color picker beside it.">>
<<topic "1:04:50" "Jeremy- some minor 'toolbar button' fixes.">>
<<topic "1:06:45" "Jeremy- SiteTitle and SiteSubtitle are now shadow tiddlers.">>
<<topic "1:07:35" "Jeremy- A request from Dave. Adjust the settings for the bitmap editor.">>
<<topic "1:10:55" "Jeremy- more translations - chineese simplified/traditional, french">>
<<topic "1:12:20" "Eric- Request from the discussion group. What's about switching content instead of UI">>
<<topic "1:17:00" "Jeremy- Intro to the new tiddlywiki command line interface">>
<<topic "1:18:40" "Jeremy- new version, init command. ... importing editions .. combining editions.">>
<<topic "1:23:17" ".. about the help command eg: help server">>
<<topic "1:26:05" "Jeremy- about the 5.0.8 delay. ..">>
<<topic "1:28:25" "Mario- question. What's aobut the macros, showed earlier. Should they be core or plugins?">>
<<topic "1:33:45" "Jeremy- about the mechanism to include plugins into the core. ...">>
<<topic "1:38:10" "Jeremy- 5.0.8 should be out soon.">>
<<topic "1:38:45" "Dave- What's the plans for 5.0.9? ... RoadMap tiddler.">>
<<topic "1:42:25" "Christian- What are the plans for the 'presentaiton' theme or 'read only' theme?">>
<<topic "1:46:26" "Jeremy- intro cecily to christian (old code)">>
<<topic "1:49:00" "...">>
<<topic "1:50:30" "Bye! Bye!">>
\define hangout() 037
<<header>>
"""
<<topic "0:00:00" "Intro: rtl: Eric, Felippe, Jeremy, Mario, Stephan, Ton">>
<<topic "0:02:00" "Jeremy- Ageda - Upcoming in 5.0.9">>
<<topic "0:03:00" "Jeremy- Help Environment on tiddlystuff(.)tiddlyspot.com An experiment, how plugins can handle there docs. one more step to a self documenting wiki.">>
<<topic "0:06:10" "Jeremy- TW core docs may become a plugin.">>
<<topic "0:07:05" "Jeremy- Request for a contribution of a 'Reverence Card'">>
<<topic "0:07:35" "Jeremy- Upcoming in 5.0.9 - missing tiddler 'link handling'. live editing :)">>
<<topic "0:14:40" "Jeremy- New visitor ...">>
<<topic "0:16:20" "Jeremy- ... missing link text ... what about translations ...">>
<<topic "0:18:00" ".. discussion about make documentation buttons clickable ... no">>
<<topic "0:20:40" "Mario- What's about the RoadMap">>
<<topic "0:21:12" "Stephan- discussion about autosave 'default on' setting">>
<<topic "0:22:50" "Jeremy- With 'autosave', what does the 'save icon' do?">>
<<topic "0:24:20" "Mario- Sugggests, an 'indicator' for 'unsaved tiddlers' on the 'save button'">>
<<topic "0:26:12" "Jeremy- Idea to indicate the 'need to save' with a progress bar.">>
<<topic "0:28:10" "Jeremy- Default behaviour for line break handling. ... :)">>
<<topic "0:29:50" "Jeremy- about testing GFM linebreak behaviour for TW syntax.">>
<<topic "0:33:40" "Jeremy- Introduction to the TW test suite.">>
<<topic "0:35:23" ".. about tests on the server">>
<<topic "0:36:40" ".. test.sh file">>
<<topic "0:37:23" ".. test editoin with the .js files. ... uses 'jasmin' test system. test-filters.js is a simple one">>
<<topic "0:41:50" ".. test-html-parser is a complicated one.">>
<<topic "0:44:30" ".. test-widget ... tests the refresh mechanism.">>
<<topic "0:48:10" ".. testing the macro call widget. ... how to 'copy/paste/create' a new test. .">>
<<topic "0:50:20" ".. test-wikitext .. the simplest one">>
<<topic "0:51:05" ".. short pause :) ..">>
<<topic "0:51:35" "Jeremy- ... Mario short summary, what he needs">>
<<topic "0:52:25" "Mario- What about a convention for 'global macro' CSS class names?">>
<<topic "0:54:45" "Jeremy- about a language tools edition.">>
<<topic "0:57:05" "Jeremy- Any questions ?? ... no">>
<<topic "0:57:45" "Jeremy- about the 'big parser refactoring'">>
<<topic "0:58:20" "Stephan- There needs to be a different / easier 'filter syntax' documentation.">>
<<topic "1:03:00" "Jeremy- about tw-close-other-tiddlers documentation">>
<<topic "1:05:30" "Mario- Every widget should have at least one example.">>
<<topic "1:07:35" "Mario- Suggests to copy the Date format docs from stephan.">>
<<topic "1:08:40" "Mario- about codemirror movie plugin to create interactive tutorials.">>
<<topic "1:10:30" "Mario- Using filters ... the start should be simple.">>
<<topic "1:11:53" "Jeremy- About the basic 'core concepts', that are needed to understand TW.">>
<<topic "1:13:15" "Mario- Intro of codemirror movie.">>
<<topic "1:16:25" "Jeremy- about highlighter plugin.">>
<<topic "1:19:35" "Jeremy- codemirror should be used in TiddlyDesktop for 'wiki folders'">>
<<topic "1:19:55" "Mario- is happe with the Brackets editor atm.">>
<<topic "1:20:45" "Mario- Is it necessary, that popups stay open? ... discussion">>
<<topic "1:23:45" "Mario- What, if a popup has a 'tick' to lock it?">>
<<topic "1:24:27" "Jeremy- about Notifications, Wizards, Alerts ...">>
<<topic "1:27:20" "Jeremy- how to change popup behaviour. ...">>
<<topic "1:28:40" "Mario- is experimenting with the 'info area' for tagging ...">>
<<topic "1:30:22" "Jeremy- Tagging linked into the tag manager.">>
<<topic "1:31:57" "Mario- mentions BJ's Drag and Drop sorting for tiddlers ...">>
<<topic "1:37:10" "Jeremy- Drag and drop should create a hirachical list.">>
<<topic "1:37:47" "Jeremy- The 'stack trace' would be worth including.">>
<<topic "1:39:00" "Jeremy/Mario- about debugging exernal library stuff.">>
<<topic "1:42:45" "Bye! Bye!">>
\define hangout() 038
<<header>>
"""
<<topic "0:00:00" "Intro: rtl - Eric, Jeremy, Mario">>
<<topic "0:00:45" "Jeremy- Copy and paste HTML for upcoming 5.0.9 as a plugin.">>
<<topic "0:06:15" "Jeremy- Making system tags less visible. Should system tags be visible on the tiddler.">>
<<topic "0:11:55" "Jeremy- A tiddler with a system tag, most of the time is also a system tiddler.">>
<<topic "0:14:05" "Mario- "User system tiddlers" may start with an underline, just for sorting.">>
<<topic "0:15:25" "Jeremy- Advanced Search: Filter tab gets a new "example dropdown"">>
<<topic "0:16:27" "Mario- Should ther be an filter with EXOR behaviour.">>
<<topic "0:19:14" "Jeremy- Explanation how the filter dropdown mechanism works.">>
<<topic "0:21:00" "Mario- Creating automatic documentation from javascript files, or make it extra tiddlers. discussion ...">>
<<topic "0:27:45" "Eric- Is it technical docs, or user docs?">>
<<topic "0:31:25" "Eric- about, levels of documentation.">>
<<topic "0:34:00" "Jeremy- summary about the existing mechanisms.">>
<<topic "0:37:00" "Hello Stephan">>
<<topic "0:37:20" "Jeremy- about improvements in "filter" documentation.">>
<<topic "0:38:08" "Eric- what about a convention for plugin authors? Which info needs to be in the plugin, to have eg: autocomplete.">>
<<topic "0:43:04" "Jeremy- Would like to have an "content editable" editor to change parts of the tiddler.">>
<<topic "0:44:40" "Jeremy- about "selective editing"">>
<<topic "0:45:20" "Eric- Wouldn't it be easier, for selective editing, to start with transcluded content? ... yes">>
<<topic "0:47:35" "Mario- about editing transclusions with codemirror in edit mode.">>
<<topic "0:49:50" "Jeremy- Tooltip support for the link widget.">>
<<topic "0:53:35" "Jeremy- ... A more generic fallback/lookup mechanism for every possible attribute is possible. Do we need this? ... no.">>
<<topic "0:54:55" "Mario- about his thoughts. ... Using widgets is allready "advanced" enough.">>
<<topic "0:57:57" "Mario- Would it be possible to show the whole tiddler content as a tooltip?">>
<<topic "0:58:53" "Jeremy- some fixes in D3 editions">>
<<topic "1:00:20" "Jeremy- about "charts.js"">>
<<topic "1:01:13" "Mario/Stephan- What about possibilities of the "checkbox, radio, button" widgets. Some work with tags, others with fields. ...">>
<<topic "1:03:54" "Jeremy- proposal: .. hiding internal tiddler fields, because they are immutable ... dilscussion.">>
<<topic "1:11:53" "Jeremy- proposal: .. different field types, get different functions, to create there representation.">>
<<topic "1:14:40" "Mario- feedback from a plugin authors point of view. discussion ... Probably a documentation problem.">>
<<topic "1:18:20" "Jeremy- about the plans what has to be changed for the next/last big refactoring.">>
<<topic "1:19:12" "Mario- about developer expectations. probably wrong expectations. TW doesn't follow the "jQuery" mechanism.">>
<<topic "1:21:30" "Mario- Edit fields in view mode loose the focus because of the refresh mechanism. ...">>
<<topic "1:23:30" "Jeremy- about the effort to write code - tests - documentation.">>
<<topic "1:24:40" "Jeremy- TW beta is close to RC">>
<<topic "1:25:50" "Jeremy- Transition from TWc to TW5 ... brainstorming about the workflow.">>
<<topic "1:28:00" "Mario- about Markdown with transclusion and tiddlylinks.">>
<<topic "1:29:10" "Jeremy- How can we create a transition workflow, with find and replace.">>
<<topic "1:33:12" "Mario- What if one runs a server for TWc to TW5 conversion? .. The browser should do it .. brainstorming.">>
<<topic "1:35:35" "Jeremy- What, if we do converion in the "bulk tiddler" view">>
<<topic "1:39:50" "Mario- What, if we have a special toolbar with several buttons, that do different magic to convert a tiddler from TWc syntax to TW5 syntax.">>
<<topic "1:44:15" "Bye! Bye!">>
\define hangout() 039
<<header>>
"""
<<topic "0:00:00" "Intro: frtl: Eric, Mario (0:28:00), Jeremy, Matias, Ton">>
<<topic "0:01:30" "Matias- Advantage of the nodejs / nodejs portable version?">>
<<topic "0:04:05" "Matias- Is there anything not appropriate in installing nodejs on a google docs drive, using the desktop version. What about in dropbox?">>
<<topic "0:10:25" "Matias- Where, if anywhere, do I find a list of forbidden characters for tiddler titles? One of those questions I've neglected forever and just limited what I title my tiddlers. Difference between twc and tw5?">>
<<topic "0:12:07" "Stephan- Are there plans to support multi user editing in the node.js edition of TW5?">>
<<topic "0:18:25" "Nathan- With google drive, you can run js now, w/ google apps.... full js w/ packages and everything! Could that be applicable?">>
<<topic "0:21:15" "Nathan- Shouldn't we maybe take questions in topical order? Might get tricky, in either case, heh...">>
<<topic "0:21:48" "Nathan- What's the status on the NPM packaging and build process? (Seems loosely related?)">>
<<topic "0:22:26" "Matias- Do I understnad it correct that nodejs should be installed in same folder as TW5nodejs, also meaning that if I want another TW5nodejs then I sould install a new nodejs. Or is nodejs 'global'?">>
<<topic "0:23:30" "Matias- proposing discussion on tables. Particularly I'm wondering if we could utilize the tab key for tables to lessen the mess in edit mode.">>
<<topic "0:24:40" "about the tab key / wysiwyg">>
<<topic "0:29:00" "Jeremy- about the TW development and Open Source (... philosophy)">>
<<topic "0:31:10" "Matias- What about voting on features?">>
<<topic "0:34:25" "Eric- About feedback for TW development ... (summary)">>
<<topic "0:40:00" "Matias- Why is TW not bigger, than it is? ... (It's from dev's, for dev's)">>
<<topic "0:46:25" "Eric- How Eric explains TW to interested 'guests'">>
<<topic "0:48:30" ".. Jeremy- about 'What learned with TWclassic' ... about TW5 editions">>
<<topic "0:51:00" ".. Matias- about a 'central plaice' to explore TW5">>
<<topic "0:54:20" "Mario- About discussion forums">>
<<topic "0:55:15" "Eric- About google groups discussions / knowledgebase">>
<<topic "0:58:15" "Nathan- tiddlywiki+codemirror+ometa is ridiculously good fun and might apply to better wysiwyg, as well as some of the parser/BNFish discussions from earlier. Would there be interest in some rebased patches for it?">>
<<topic "0:59:25" "Nathan- some of the crazy crypto-currency folks are exploring some very interesting community coordination mechanisms and such (DAOs/DACs) might this be particularly applicable to tiddly in these feedback cycle questions?">>
<<topic "1:01:15" "Matias- Proposing a discussion on links(!) I'll explain more in hangout but, briefly, going back to where you were in a text after you 'opened a link + read + closed' ought to be smoother.">>
<<topic "1:05:10" "Jeremy- about different story columns ...">>
<<topic "1:06:45" "Jeremy- about substance composer">>
<<topic "1:12:00" "Mario- about TW editions with 'a single purpose'">>
<<topic "1:12:25" "Jeremy- about 'what IS TiddlyWiki'">>
<<topic "1:14:00" "Jeremy- what's new in 5.0.9 prerelease">>
<<topic "1:14:30" ".. NEW: 'Advanced panel' in tiddler info panel">>
<<topic "1:17:15" "Mario- TODO: about translations and handling 'diffs'">>
<<topic "1:23:10" "Jeremy/Mario- about upgrading from TiddlyWikiClassic">>
<<topic "1:29:30" "Jeremy- new colour for the $:/ prefix">>
<<topic "1:30:40" "Matias/Jeremy- about system tiddlers 'users' need / want to deal with ....">>
<<topic "1:37:30" "Jeremy- NEW Tag Manager let's you select icons for tags. ... TODO about tag colour manipulation.">>
<<topic "1:48:55" "Jeremy- NEW an architecture diagram">>
<<topic "1:56:56" "Bye! Bye!">>
\define hangout() 040
<<header>>
"""
<<topic "0:00:00" "Intro frtl: Arlen, Chinarut, Eric, Jeremy, Mario, Nathan">>
<<topic "0:01:50" "Matias- Proposal for design changes in edittemplate.">>
<<topic "0:04:50" ".. discussion about how the tag input field works. ...">>
<<topic "0:06:45" ".. handling of custom fields">>
<<topic "0:08:08" ".. tag handling again">>
<<topic "0:09:50" "Eric- .. summary about input strategies ..">>
<<topic "0:10:28" "Eric- about the problem with 'invisible' shadow tags">>
<<topic "0:13:57" "Mario- idea how to handle system tags">>
<<topic "0:16:35" "Jeremy- about the general design ...">>
<<topic "0:19:58" "Stephan joined ..">>
<<topic "0:20:53" "Mathias- According to tiddler 'TiddlerFields' on tw.com, field names must only contain some a-z plus three other explicitly typed characters. However, typing in !'#¤%&/() seems to work? Change instrux or do validation check.">>
<<topic "0:28:00" "Matias introduced himself">>
<<topic "0:29:33" "Stephan- discussion about special tag / field $()$ and the newTiddler widget">>
<<topic "0:33:08" "Jeremy- about cheap TiddlyWiki infrastructure .. TW cloud">>
<<topic "0:34:58" "Mario- introducing OpenShift to use with tiddlyweb and TW5">>
<<topic "0:47:25" "Nathan- Likes the 'no backend / unhosted' stuff">>
<<topic "0:50:54" "Mario- about CamilStore as a future backend">>
<<topic "0:55:01" "Jeremy- recent changes to TW, new home button, right sidebar on/off">>
<<topic "0:57:52" "Jeremy- Curved Text with an SVG path">>
<<topic "1:00:40" "Jeremy- first iteration of Cecily list view">>
<<topic "1:02:50" "Jeremy- new scrollable widget, multi column story view">>
<<topic "1:09:13" "Matias- about the TiddlerTabsPlugin">>
<<topic "1:13:21" "Jeremy- general discussion about UI">>
<<topic "1:15:55" "Jeremy- about translations and plugin management / documentation">>
<<topic "1:17:04" "Jeremy- about blacklisting of unsafe HTML features">>
<<topic "1:19:20" "Mario- Eric what's going on with the TWclassic development.">>
<<topic "1:22:24" "Jeremy- about blocking of javascript">>
<<topic "1:23:12" "Jeremy- the new TiddlyWiki Architecture diagram">>
<<topic "1:27:55" "Mario- about the problem with the tiddler object being immutable.">>
<<topic "1:30:40" "Jeremy- about a fix with the syncer">>
<<topic "1:31:04" "Matias- When will we see the next release?">>
<<topic "1:32:37" "Matias- What does the 'house/home' icon do?">>
<<topic "1:35:45" "Nathan- What group is it? LNUG?">>
<<topic "1:39:05" "Bye! Bye!">>
\define hangout() 041
<<header>>
\define hangout() 042
<<header>>
"""
<<topic "0:00:00" "Intro frtl: Arlen, Danielo, Eric, Jeremy, Mario, Stephan, Ton">>
<<topic "0:02:40" "Detailed intro: Danielo, since he is new.">>
<<topic "0:03:56" "Danielo- Shows some of his documents and encryption.">>
<<topic "0:05:20" "- general discussion about TW usage">>
<<topic "0:06:40" "Danielo: About the NewTiddler widget.">>
<<topic "0:09:10" "About the overview index and top search to open tiddlers">>
<<topic "0:10:25" "Jeremy- How many tiddlers do you have? 388 content">>
<<topic "0:11:10" "Jeremy- What did you use before TW .. several, Evernote OneNote">>
<<topic "0:13:40" "Jeremy- What about the customisation differences ...">>
<<topic "0:15:00" "Danielo- 'In place editing' of table cells">>
<<topic "0:21:25" "Stephan- Idea, to make the 'new tiddler' part of the core.">>
<<topic "0:22:25" "Danielo- is back ... phone battery was empty. ... the edit template.">>
<<topic "0:27:27" "- multi column list of all tiddlers">>
<<topic "0:28:10" "question: Where does TW search at the moment?">>
<<topic "0:41:00" "Danielo- Introduction of the tiddler encryption plugin">>
<<topic "0:51:15" "Jeremy- about single tiddler encryption in the core. ... some general discussion about passwords">>
<<topic "0:57:00" "Jeremy- about the 'New tiddler' widget contributed from Arlen">>
<<topic "0:59:30" "Intro: Miriam (Danielo's girlfriend)">>
<<topic "1:02:40" "Jeremy- back at the New tiddler widget.">>
<<topic "1:05:50" "Arlen- shares his take on the new tiddler widget">>
<<topic "1:10:27" "Jeremy- technical discussion ...">>
<<topic "1:28:40" "Jeremy- Nathan any questions? .. braintest . tiddlyspace . com">>
<<topic "1:30:15" "Mario- with Stephans question about the (missing) structure of a TW document.">>
<<topic "1:31:20" "Jeremy- Recaps Stephan's the story">>
<<topic "1:36:06" "Jeremy- about the structure of a 'big tiddler' transcluding othere tiddlers. ..">>
<<topic "1:38:00" "Jeremy- about transclusions manipulating the heading level.">>
<<topic "1:41:15" "Danielo- about WYSIWYG editor on BJ's spot.">>
<<topic "1:46:50" "Danielo- What about integration for snippets? ... some ideas ..">>
<<topic "1:51:10" "Bye! Bye!">>
\define hangout() 043
<<header>>
"""
<<topic "0:00:00" "Intro: frtl: Dave, Jeremy, Mario, Nathan, Ton">>
<<topic "0:01:50" "Dave- Image gallery">>
<<topic "0:04:40" "discussion about floating layout">>
<<topic "0:05:15" "Jeremy- about the scrollable widget coming up in 5.0.9">>
<<topic "0:06:20" "Jeremy- about the upcoming release.">>
<<topic "0:07:20" "Jeremy- removing the right sidebar and stretching the tiddler">>
<<topic "0:10:20" "Jeremy- not done yet ... left-hand menue">>
<<topic "0:10:40" "Jeremy- about the top left 'home' button as a navigation dropdown">>
<<topic "0:12:10" "Jeremy- cecily plugin ... some general discussion">>
<<topic "0:19:14" "Jeremy- schema of the TiddlyWiki internal structure ... client / server">>
<<topic "0:20:55" "Eric- About including TWclassic ideas, plugins into TW5">>
<<topic "0:22:23" "Jeremy- The 5.0.9 should be out on April 15th.">>
<<topic "0:23:07" "Jeremy- About the new layout of the community sites.">>
<<topic "0:25:15" "Jeremy- About the TiddlyDesktop 'thumbnail' function">>
<<topic "0:26:35" "Mario- Will there be a 'nightly' build? ... github master">>
<<topic "0:28:35" "Jeremy- About the 'filter changes' and the docs.">>
<<topic "0:30:55" "Jeremy- The TagManager can assign icons and colors">>
<<topic "0:31:20" "about Danielos new 'tag search' UI">>
<<topic "0:32:00" "...tech stuff">>
<<topic "0:32:25" "Mario- What's about the performance optimizations?">>
<<topic "0:36:45" "Mario discussion about the general editing behaviour.">>
<<topic "0:39:30" "Jeremy- some timing info in the dev console. .. memory consumption and GC">>
<<topic "0:44:00" "Mario- About a new hosting provider, that calculates cost based on http-request. .. discussion">>
<<topic "0:48:50" "Jeremy- about socket.io for fast 2 way communication">>
<<topic "0:51:50" "Jeremy- About the 2 'hamburger' icons close to each other.">>
<<topic "0:54:10" "Jeremy- Full screen mode looks better now, without the right sidebar.">>
<<topic "0:54:30" "Jeremy- about the updated Filter docs">>
<<topic "0:55:30" "Text on an SVG path">>
<<topic "0:56:10" "Eric- about the 'hamburger' icons ...">>
<<topic "0:57:20" "Dave- question about the new fluid theme.">>
<<topic "1:01:15" "Dave- about full width tiddlers. ... edit mode preview..">>
<<topic "1:05:26" "Mario- about edit performance of codemirror is faster than the new edit text area.">>
<<topic "1:06:10" "Dave- Preview as a popup ..">>
<<topic "1:08:50" "Jeremy- Some new translations ... some general discussion.">>
<<topic "1:11:50" "about the translations and the file size. ... the 'plugin library' will fix this.">>
<<topic "1:12:45" "Mario- About 'language editions' .. So language setups will be editions containing the plugins.">>
<<topic "1:14:30" "Intro Stephan ... will meet Jeremy in London at the 'node js meetup'">>
<<topic "1:17:00" "The 'Road Map' ...">>
<<topic "1:18:10" "Jeremy creates a '5.0.10' Whishlist">>
<<topic "1:18:46" "Danielo joined. ...">>
<<topic "1:20:30" "Dave- votes for 'permalinks' of tiddlers. discussion ...">>
<<topic "1:29:10" "Danielo- question about the top-left and top-right bar.">>
<<topic "1:29:50" "Stephan- using a query URL for permalinks. ... The URL / http spec says it's for the server!">>
<<topic "1:32:30" "Jeremy- Any more topics for 5.0.10 .. Mario -> 'the global macros'">>
<<topic "1:33:52" "Danielo- question about the plugin-library mechanism.">>
<<topic "1:34:35" "-pause- Eric ... Soundtrack for the TiddlyWiki Trailer">>
<<topic "1:35:40" "Jeremy- about a TiddlyWiki trailer">>
<<topic "1:36:00" "about the TW plugin-library ...">>
<<topic "1:38:00" "about 'approved components'">>
<<topic "1:39:15" "Danielo works on a plugin to easily 'package plugins in the browser'">>
<<topic "1:40:40" "Jeremy- about the spanish translation">>
<<topic "1:42:30" "Mario- online translation with github should be easy. ...">>
<<topic "1:43:50" "discussion about, how to find texts, that need to be translated.">>
<<topic "1:45:40" "Danielo- Is it possible to have a multi language TW. ... Mario thinks 2 editions would be much easier.">>
<<topic "1:47:40" "-pause- .. no music .. but a song :)">>
<<topic "1:48:50" "Bye! Bye!">>
\define hangout() 044
<<header>>
"""
<<topic "0:00:00" "Intro: frtl: Jeremy, Mario, Nathan">>
<<topic "0:00:50" "... fixing the invitation links ...">>
<<topic "0:01:45" "Jeremy- What's new in 5.0.10">>
<<topic "0:02:20" "Jeremy- short interuption, ... the lnug TW5 presentation">>
<<topic "0:03:30" "Jeremy- What's new in 5.0.10 ... 'safe mode'">>
<<topic "0:06:45" "Jeremy- Additional info about the safe mode">>
<<topic "0:07:40" "Jeremy- the image TW syntax - ]] and formatting">>
<<topic "0:11:38" "Jeremy- image support for markdown syntax in markdown tiddlers">>
<<topic "0:12:28" "Jeremy- new support for sorting with accented characters">>
<<topic "0:13:53" "Jeremy- hiding the sidebar frees space for the tiddler now">>
<<topic "0:14:35" "Jeremy- some minor bugfixes, ... ordering of style sheets">>
<<topic "0:16:10" ".. questions .. the RoadMap .. ARIA roles - help wanted!">>
<<topic "0:19:56" ".. further wikitext features">>
<<topic "0:20:40" ".. productivity functions .. may be after 1.0">>
<<topic "0:22:08" "Jeremy- 5.0.11 Whishlist .. global macros">>
<<topic "0:25:54" "Nathan- masstree (prototype) proof of concept implementation with TW.">>
<<topic "0:30:40" "Jeremy- ideas about the wiki-store ... tiddler hashmap is private member to the wiki object now">>
<<topic "0:34:11" "Mario- ArangoDB as a TW backend and app server">>
<<topic "0:35:05" "Jeremy- about PouchDB as a TW browser based backend">>
<<topic "0:38:10" "Mario- about a 'one click install'">>
<<topic "0:40:00" "Jeremy- about TW security ... (Danielo joined) ... internet security in general">>
<<topic "0:43:30" "Eric- joined">>
<<topic "0:43:47" "Jeremy- Danielo should demo the 'custom key bindings'">>
<<topic "0:44:17" "Mario- feature request for 'system fields' ...">>
<<topic "0:46:30" "Jeremy- points to a github issue #487">>
<<topic "0:49:25" "Arlen- joined">>
<<topic "0:50:10" "Danielo- screenshares the new key bindings ...">>
<<topic "0:54:55" ".. the plugin packaging plugin ... the key binding configuration">>
<<topic "0:59:00" "Mario- Is there a possibility to create buttons for the key strokes? yes .. should be there.">>
<<topic "1:01:10" "Jeremy- This doesn't work with the codemirror plugin.">>
<<topic "1:03:10" "Jeremy- Did you use TW with nodejs? ... D. needs a portable option.">>
<<topic "1:04:44" "Jeremy- Eric you did TiddlyTools in the browser?">>
<<topic "1:05:40" "Danielo- created the 'plugin creator' ...">>
<<topic "1:06:16" "Danielo- question, about additional info for codemirror plugins ... general discussion.">>
<<topic "1:11:30" ".. about the existing codemirror key bindings at the tw5 repo">>
<<topic "1:15:25" "Arlen: question about outstanding pull requests. 'new tiddler with a skeleton template' ... These pull request actually require changes in the TW core.">>
<<topic "1:23:35" "- pause -">>
<<topic "1:25:20" "Jeremy- discussion with Arlen ...">>
<<topic "1:28:35" "Jeremy- any questions or comments.">>
<<topic "1:29:30" "Jeremy- about TW usage ...">>
<<topic "1:29:55" "Mario- What about a hangout to 'shorten the issue list'? ... some discussion">>
<<topic "1:38:10" "Bye! Bye!">>
"""
\define hangout() 045
<<header>>
"""
<<topic "0:00:00" "Intro: frtl: Jeremy, Mario, Nathan, Ton">>
<<topic "0:01:10" "Jeremy- Ton, How did you find the update process to 5.0.10?">>
<<topic "0:02:55" "Jeremy- the agenda - TW talk at lnug - issue review">>
<<topic "0:03:44" "Jeremy- about the TW presentation wiht TW - new full screen theme - 'Punch'">>
<<topic "0:08:35" "Jeremy- The presentation itself.">>
<<topic "0:08:40" "- What is TiddlyWiki?">>
<<topic "0:09:02" "- What Problem Does TiddlyWiki Solve?">>
<<topic "0:12:10" "- TiddlyWiki User Experience">>
<<topic "0:13:08" "- More Features">>
<<topic "0:13:54" "- Demo of Single File Edition">>
<<topic "0:14:45" "- TiddlyWiki Rendering Pipeline">>
<<topic "0:17:18" "- Running on the Browser and Node.js">>
<<topic "0:18:25" "- Running TiddlyWiki Under Node.js">>
<<topic "0:19:00" "- TiddlyWiki Server Synchronisation">>
<<topic "0:23:19" "- Enter node-webkit and TiddlyDesktop">>
<<topic "0:31:24" "- Using TiddlyWiki as a Library">>
<<topic "0:32:10" "Mario- is there a link? tiddlywiki(.)com/talkytalky">>
<<topic "0:33:05" "Jeremy- about the new diagrams ..">>
<<topic "0:34:40" "Mario- did you modify the diagrams in an editor">>
<<topic "0:35:00" "If you are not intereste in the issue list you may jump to 1:55:13 'The new TW command line build system'">>
<<topic "0:36:25" ".. The issue list">>
<<topic "0:37:10" "the bug list #47 Back button doesn't work as expected">>
<<topic "0:38:50" "#95 Tables use obsolete align attribute">>
<<topic "0:42:26" "#116 The savetiddlers command generates filenames with %20 for spaces .. wontfix">>
<<topic "0:47:55" "... about punycode">>
<<topic "0:51:15" "#116 wontfix .. because we can't fix it at the moment.">>
<<topic "0:53:30" "#118 Scrolling in the story river.">>
<<topic "0:56:59" "#177 Drag and drop fails with some cross-browser combinations">>
<<topic "0:58:19" "#202 Exclude popup state tiddlers when saving wiki as a single file">>
<<topic "1:04:04" "#222 Background in HTML5 Fullscreen with no tiddlers open too small">>
<<topic "1:05:07" "#224 $edit-text widget loses focus during refresh">>
<<topic "1:09:58" "#238 JSON deserialiser doesn't import custom fields">>
<<topic "1:10:14" "#243 Zoomin view order is odd when closing tiddlers">>
<<topic "1:10:59" "#262 Clarify usage of text reference">>
<<topic "1:12:26" "#274 Download buttons don't work in internet explorer 11">>
<<topic "1:14:46" "#282 FF tiddler toolbar moves to the left in a 'jumpy' way">>
<<topic "1:17:33" "#323 Don't persist $:/HistoryList">>
<<topic "1:19:53" "#347 Intermittent lock-up of server edition, preventing further tiddler saves">>
<<topic "1:20:46" "#365 Rapid refreshing in browser crashes the server">>
<<topic "1:23:57" "#379 favicons don't work in ie11">>
<<topic "1:24:31" "#409 filters behave differently when used in list widget and { { { transclusion">>
<<topic "1:25:40" "#495 TiddlyIE failing because window.TiddlyIE.save() is undefined">>
<<topic "1:26:14" "#541 'dependents' field in plugins is mis-named">>
<<topic "1:28:02" "#582 CodeMirror plugin doesn't refresh correctly">>
<<topic "1:28:35" "- - -">>
<<topic "1:29:41" "new features">>
<<topic "1:30:22" "#47, #86 'new here' toolbar button">>
<<topic "1:32:16" "#131 copy and paste tiddler as JSON .. the plugin mechanism can be used for this">>
<<topic "1:34:22" "#141 Feature request: colored icons in edit toolbar">>
<<topic "1:37:45" "#143 Use keyboard down key to go to AutoComplete popup">>
<<topic "1:37:56" "#144 Feature to consider: Sidebar scrolling limiting to tabs">>
<<topic "1:44:37" "#170 hide most edittemplate items in a slider or tab see: #506">>
<<topic "1:47:40" "#188 Allow tilder to be used to suppress any wikitext rule">>
<<topic "1:48:30" "#190 It should be possible to display fields in local time">>
<<topic "1:48:34" "#192 Extend link widget to link to a filtered list">>
<<topic "1:50:00" "#196 Renaming a tiddler break links, the user should be warned at least">>
<<topic "1:50:07" "#198 Extend checkbox widget to user fieldmangler widget">>
<<topic "1:50:15" "#209 Add global 'list' macro">>
<<topic "1:50:36" "#235 Table Block-mode syntax proposal (followup hangout#23)">>
<<topic "1:51:15" "#253 floating tiddlers - pause the 'features' review">>
<<topic "1:54:00" "- - some reflection">>
<<topic "1:54:30" "about 'refactoring' tag">>
<<topic "1:55:13" "Jeremy- The new TW command line build system - some breaking changes">>
<<topic "2:06:24" "question for Nathan about #390 Should wiki and plugin folders be described by package.json">>
<<topic "2:08:20" "Bye! Bye!'">>
"""
\define hangout() 046
<<header>>
"""
<<topic "0:00:00" "Intro: frtl: Eric, Nathen, Jeremy">>
<<topic "0:00:50" "Jeremy- What's new in 5.0.11">>
<<topic "0:01:45" "Jeremy- The new URL permaview, permalink behaviour, browser 'back button' works now!">>
<<topic "0:04:40" "Jeremy- the browser history ... what should be the default settings.">>
<<topic "0:08:24" "Jeremy- Make vertical tabs reusable.">>
<<topic "0:11:00" "Jeremy- New 'before', 'after' filter operators. for 'next' and 'previous' buttons.">>
<<topic "0:12:23" "Jeremy- about Atom editor and some glitches it introduces.">>
<<topic "0:13:50" "Jeremy- new syntax for single line config / status tiddlers">>
<<topic "0:14:20" "Jeremy- add the external links syntax ...">>
<<topic "0:15:07" "Jeremy- about the changes to startup.js ... it's several modules now, handling dependencies">>
<<topic "0:21:00" "discussion about code / starup ordering">>
<<topic "0:22:34" "Jeremy- Optimizing the widget update performance.">>
<<topic "0:24:10" "Jeremy- The permalink URL scheme">>
<<topic "0:25:50" "Jeremy- .. about safe mode .. TWc paramifiers">>
<<topic "0:30:35" "Jeremy- short sumary ... Whishlist recap">>
<<topic "0:33:15" "Jeremy- TiddlyFox will get a backup function">>
<<topic "0:34:00" "Jeremy- What can we do to promote TW.">>
<<topic "0:34:45" "Jeremy- tagesanzeiger(.)ch has an article about TW.">>
<<topic "0:40:15" "Nathan- about the common-js require mechanism .. server side imoprovements">>
<<topic "0:48:05" "Jeremy">>
<<topic "0:49:00" "Bye! Bye!">>
\define hangout() 047
<<header>>
"""
<<topic "0:00:00" "Intro frtl: Jeremy, Mario, Paul, Stephan">>
<<topic "0:02:10" "Jeremy- Paul .. anything to share with the community? ... using TWc with tablets">>
<<topic "0:13:37" "Danielo joined">>
<<topic "0:13:53" "Jeremy- the agenda">>
<<topic "0:14:40" "Jeremy- the parsing mechanism needs some refactoring">>
<<topic "0:15:50" "Jeremy- GFM ... line break handling">>
<<topic "0:18:08" "Jeremy- global macros">>
<<topic "0:20:25" "Jeremy- anything else ... ? Stephan & Mario ... Environment variables issue at github">>
<<topic "0:22:50" "Ton joined">>
<<topic "0:23:30" "Danielo- hi!">>
<<topic "0:23:50" "Danielo- What's the usecase for the environment variables?">>
<<topic "0:29:44" "Jeremy- IreneKnapp's ticket about multi-users with tiddlyspot">>
<<topic "0:39:35" "Jeremy- How do you like the new 'permaview' behaviour.">>
<<topic "0:53:50" "Jeremy- ... new issue ... vertical tabs don't work">>
<<topic "0:55:45" "Danielo- question about node, node-webkit, TiddlyDesktop">>
<<topic "0:59:40" "Jeremy- about integrating VexTab ...">>
<<topic "1:03:10" "Danielo- question about importing 3rd party libraries into TW">>
<<topic "1:04:25" "Jeremy- about 3rd party libs. ...">>
<<topic "1:10:50" "Jeremy- any other topics? ... Danielo .. who to use jquery">>
<<topic "1:24:00" "... difficulties using jquery wiht TW. ...">>
<<topic "1:25:45" "Jeremy- About the TW article in a swiss newspaper ... TW philosophy in general">>
<<topic "1:28:50" "Jeremy- about 'independent technology' and the 'no backend' movement ...">>
<<topic "1:34:35" "... Bye! Bye'">>
\define hangout() 048
<<header>>
"""
<<topic "0:00:00" "Intro- frtl: Dave, Jeremy, Stephan, Ton">>
<<topic "0:02:00" "Dave- shares some new experiments .. notes templates, todo's ... creating tiddler hirachies">>
<<topic "0:05:55" "Jeremy- about Dave's navigation buttons, ... some discussion about the interface">>
<<topic "0:08:30" "Dave- shows his 'tabbed interface' ... table of contents ... improved search">>
<<topic "0:10:45" "Jeremy- about TW as an IDE?!">>
<<topic "0:11:55" "Jeremy- about more svg icons, ... help requested!">>
<<topic "0:13:12" "Jeremy- 3rd party plugins, from 'JSXGraph Widget'">>
<<topic "0:18:20" "Mario- intro: hi!">>
<<topic "0:18:55" "Jeremy- about Danielo's plugins .. context search plugin">>
<<topic "0:21:15" "Jeremy- question from Stephan: Is there a widget guideline?">>
<<topic "0:24:17" "Mario- about tiddlywiki.org .. and docs">>
<<topic "0:25:38" "Jeremy- recent changes in 5.0.13 ... the new 'select widget' ...">>
<<topic "0:29:42" "Mario- can you show the content of the 'select target tiddler'">>
<<topic "0:32:52" "dicussion with Stephan about his usecase. ... a select widget should be able to enumerate the content of a data-tiddler">>
<<topic "0:34:25" "About the ControlPanel: Advanced tab ... discussion about 'hidden and visible configuration' with mario">>
<<topic "0:29:50" "Jeremy- tiddler types with the select widget ... intro and some tweaking ...">>
<<topic "0:46:18" "Jeremy- about html5 'combo box control'">>
<<topic "0:47:15" "Jeremy- about the tiddler layout refactoring and the select widget 'grayed out text'">>
<<topic "0:48:30" "Jeremy- tweaks to the 'permalink' behaviour + discussion about 'user problems'">>
<<topic "0:54:37" "Jeremy- Escape as shortcut is back">>
<<topic "0:55:35" "Mario- Idea about a 'notification mechanism for new functions' ...">>
<<topic "0:57:40" "Jeremy- about the update process, upgrade widget">>
<<topic "0:58:56" "Jeremy- is speaking at a company conference in germany ...">>
<<topic "1:01:15" "Jeremy- things to do in the next version, tiddlyspot as a plugin,">>
<<topic "1:05:53" "any questions - no">>
<<topic "1:06:00" "Jeremy- tiddlywiki(.)com documentation should be updated independently to the TW version">>
<<topic "1:07:45" "Jeremy- about VaxTab ... there are licensing problems">>
<<topic "1:09:04" "Jeremy- about the Indie Tech Manifesto / Summit">>
<<topic "1:14:11" "CSS print question from Dave">>
<<topic "1:20:11" "Jeremy- .. New feature - horizontal tabs ... can handle looooong titles">>
<<topic "1:24:35" "Jeremy- about the flex box layout for the whole tw page (in the future) ...">>
<<topic "1:31:55" "Jeremy- about the problem with FireFox and the toolbar buttons. ..">>
<<topic "1:35:10" "Mario- Some more feedback from IE users?">>
<<topic "1:37:13" "Jeremy- was playing with IOS 8 .. and Safari WebGL support.">>
<<topic "1:41:21" "Mario- Have you seen famo(.)us?">>
<<topic "1:46:00" "Jeremy- Apple's new language 'swift'">>
<<topic "1:49:25" "Mario- How does swift affect TW? ... Jeremy- about a CLI for TW.">>
<<topic "1:52:14" "Dave- Will entering the search string be more performant in the future - again?">>
<<topic "1:58:10" "Bye! Bye!">>
"""
\define hangout() 049
<<header>>
"""
<<topic "0:00:00" "Intro- frtl: Jerem, Mario, Stephan, Ton">>
<<topic "0:01:27" "The most recent changes">>
<<topic "0:02:05" "Jeremy's ToDo notes">>
<<topic "0:03:39" "Jeremy- NEW external image support ... _cannonical_uri">>
<<topic "0:10:30" "about the implementation (techy :)">>
<<topic "0:12:35" "Mario- Is it possible to create this kind of tiddler by hand? New tiddler?">>
<<topic "0:17:45" "Mario- The image tiddler transclusion works ... yes!">>
<<topic "0:18:57" "Jeremy and Mario about youtube links and the time stamp handling ...">>
<<topic "0:19:19" "Mario- about the annotation timestamps ...">>
<<topic "0:19:41" "Jeremy- about Mario writing annotations about the discussion about annotations ...">>
<<topic "0:20:02" "Jeremy-">>
<<topic "0:20:10" "Nathan joined">>
<<topic "0:20:31" "Jeremy- about the parsers implementations.">>
<<topic "0:25:40" "Jeremy- how the _cannonical_uri influents the EditTemplates">>
<<topic "0:28:00" "Jeremy- new CLI savetiddler command to save / create external image tiddlers">>
<<topic "0:31:38" "Jeremy- The 'old' tiddler type dropdown is back.">>
<<topic "0:32:45" "Jeremy- some documentation updates">>
<<topic "0:33:15" "Nathan ?">>
<<topic "0:33:37" "Jeremy- What's next for">>
<<topic "0:33:53" "Ton- about the external image functions ... are thumbnails possible?">>
<<topic "0:36:58" "Jeremy- about extended image presentations functions.">>
<<topic "0:41:10" "Jeremy- about fixing up the relative date widget.">>
<<topic "0:46:45" "Nathan- templated image links would be cool">>
<<topic "0:47:38" "Jeremy- thinks we need tools to visualize the parse- and render-tree (for devs)">>
<<topic "0:50:45" "Jeremy- about the creation of talky-talky ..">>
<<topic "0:52:20" "Intro Danielo">>
<<topic "0:53:00" "Danielo- has some proposals">>
<<topic "0:53:20" "TiddlyWiki Desktop should be listed on the Node WebKit project page">>
<<topic "0:57:50" "Danielo- proposal to 'track tiddler usage data' eg: how often a tiddler was viewed">>
<<topic "1:03:00" "Jeremy / Danielo- about tiddler syncing / import mechanism (new plugin)">>
<<topic "1:03:54" "Danielo requests some plugin management functions in the ControlPanel">>
<<topic "1:06:20" "Danielo would like to have a 'save as' button somewhere.">>
<<topic "1:09:50" "Mario- about the problem in FireFox with 'save as' UUID name. May be the TiddlyFox backups handling should do it.">>
<<topic "1:12:52" "Danielo- would like to have a dropdown list for fields similar to tags input box">>
<<topic "1:17:10" "Danielo shows his new 'import / sync' plugin. (some screen share problems)">>
<<topic "1:19:50" "D. back-">>
<<topic "1:24:25" "Danielo- shows how he changed the code. ... Discussion about sync and import">>
<<topic "1:29:50" "... Mario- suggests 3 different import reports ... Jeremy, Danielo, Nathan, Mario discussion about the workflow ...">>
<<topic "1:47:10" "Jeremy- about a sync command line option ... shows some code, where Danielo could start">>
<<topic "2:03:20" "Jeremy- shows how to inspect code with the 'debugger' option ... discussion about syncing">>
<<topic "2:13:00" "Bye! Bye!">>
"""
\define hangout() 050
<<header>>
"""
<<topic "0:00:00" "Intro: Jeremy, Stephan, Mario (later)" >>
<<topic "0:00:40" "What's new .. accessibility + discussion" >>
<<topic "0:08:42" "Mario joined ... intro" >>
<<topic "0:10:12" "back to the accessibility discussion. ... page title is an h1 now. tiddler title is h2 now. How do others do it." >>
<<topic "0:16:10" "Nathan joined" >>
<<topic "0:17:10" "Jeremy- NEW: state tiddlers are not saved anymore, which should fix some strange UI behaviour for new users" >>
<<topic "0:21:19" "Mario- The TiddlyIE extension didn't work with IE11" >>
<<topic "0:22:38" "Jeremy- NEW: external images functions should be finished now" >>
<<topic "0:24:00" "Jeremy- new 'build' command options in the tiddlywiki .info file" >>
<<topic "0:24:50" "Jeremy- external links for html-tiddlers can be included as iframes now." >>
<<topic "0:29:28" "copy / paste html fragments also inlcude an iframe" >>
<<topic "0:31:40" "Jeremy- there should be a possibility to handle 'semless iframes'" >>
<<topic "0:32:23" "Jeremy- NEW: extending the server path, for better route handling." >>
<<topic "0:34:32" "Jeremy- NEW: global macros work now" >>
<<topic "0:40:08" "Nathan- Does it scope macros?" >>
<<topic "0:41:32" "Jeremy- is working on the 'Environment Variables' ticket atm." >>
<<topic "0:42:10" "Jeremy- What's next .. (modifying the roadmap tiddler :)" >>
<<topic "0:42:47" "Stephan- missed the 'Environment Variables' info" >>
<<topic "0:44:35" "... skimming the issue list" >>
<<topic "0:45:01" "Stephan- What about the 'new filters' proposal issue?" >>
<<topic "0:47:20" "Jeremy- what needs to be done ... backups, upgrade wizard" >>
<<topic "0:51:20" "Danielo joined" >>
<<topic "0:52:00" "... about the upgrade process" >>
<<topic "0:53:15" "Jeremy / Danielo issue with codemirror ... discussion (problem with the hangout focus)" >>
<<topic "1:02:55" "Jeremy- Let's talk about the future" >>
<<topic "1:05:14" "Jeremy- want's to make a hirachical table of content (widgets/template/global macros)" >>
<<topic "1:06:24" "Danielo-? (sry I can't understand the question - jeremy did - something with external plugins)" >>
<<topic "1:07:30" "Jeremy- a concept picture about library handling ( ( (Core) Core Library) 3rd party Libraris)" >>
<<topic "1:14:00" "... we want to solve the 'orphan plugins' problem ..." >>
<<topic "1:18:35" "Mario- sees the central repository as the 'stable branch'" >>
<<topic "1:20:25" "Jeremy- ... more details (about the workflow)" >>
<<topic "1:27:05" "... how others do there plugin management (doku-wiki, atom, brackets)" >>
<<topic "1:33:24" "Danielo- has a new 'import plugin' ... (some problems with screen sharing)" >>
<<topic "1:35:51" "... jeremy back online" >>
<<topic "1:40:25" "Jeremy / Danielo- discussion about the implementation and Jeremy's point of view (ideas)" >>
<<topic "1:47:15" "Jeremy- ... 'philosophical' discussion about open source and the TW project and plugin mechanism." >>
<<topic "1:56:35" "Jeremy- about TW language contributions" >>
<<topic "1:59:20" "Bye! Bye!" >>
"""
\define hangout() 051
<<header>>
"""
<<topic "0:00:00" "Intro: frtl: Jeremy, Mario, Nathan, Stephan" >>
<<topic "0:01:00" "Nathan- How could we extend the batch build syntax to support interpreting arbitrary environment variables? It seems like the obvious $ENVVAR might not be so great for us!" >>
<<topic "0:02:03" "Jeremy- info about the tiddlywiki.info file" >>
<<topic "0:04:35" "Jeremy- about XDI format at wikipedia" >>
<<topic "0:15:05" "Nathan- info about his usecase" >>
<<topic "0:16:06" "Stephan- Now that we have the environment varibles I think it should be possible to have the content of my tiddlystuff.tiddlyspot.com in a git repository without this being a fork of tiddlywiki, right? What do I need to do?" >>
<<topic "0:23:50" "Stephan- tables generated by an 'R' script. Is it possible to import a big file containing many tiddlers, atm?" >>
<<topic "0:31:55" "Nathan- Suggests an import mechanism based on a (drag and drop) tiddlywiki.info file." >>
<<topic "0:35:04" "Jeremy- Question from Michael on the google group, about styling of individual tiddlers based on there tag." >>
<<topic "0:35:34" "... Jeremy demoes the 'Talky Talky' TW theme, that does modify the tiddler background." >>
<<topic "0:40:35" "Stephan- Idea about 'ViewTemplate and EditTemplate' see: groups. google. com/d/msg/tiddlywikidev/aqmRkhNd1KA/_wIEkDIT2o0J" >>
<<topic "0:41:50" "Jeremy- about recent changes to the core core/ui/ViewTemplate importing variables to set some styles. (for TW 5.0.14 beta)" >>
<<topic "0:49:40" "Jeremy- about the reuse of the imporvariables mechanism." >>
<<topic "0:50:25" "Nathan- .. bounty for a 'macro/ var import/ transclusion turing machine :)" >>
<<topic "0:51:20" "Nathna/Jeremy- about the ControlPanel- Editor maping configuration for different content types." >>
<<topic "0:56:10" "Mario- about the Mozilla Web-IDE now uses CodeMirror." >>
<<topic "0:58:12" "Mario- Would like to have a look at the RoadMap" >>
<<topic "1:00:30" "Mario- What's about the Github flavored markdown ... line break" >>
<<topic "1:05:30" "Jeremy- about better ARIA support." >>
<<topic "1:06:25" "Nathan- Mario .. are you still playing with the TW cloud stuff? Vagrant? ... docker?!" >>
<<topic "1:12:20" "Mario/Nathan- about the TiddlyWeb adaptor for TiddlyWiki and the TW backend" >>
<<topic "1:13:40" "Jeremy- About TW with and without a backend. TW can have any server." >>
<<topic "1:14:55" "Danielo joined ... about keyboard shortcuts. ..." >>
<<topic "1:17:47" "Danielo- about external images ... Are there planes to handle external tiddlers?" >>
<<topic "1:21:15" "Danielo- How to save external tiddlers ..." >>
<<topic "1:24:05" "Jeremy- about the next steps. .." >>
<<topic "1:25:03" "... Bye! Bye!" >>
"""
\define hangout() 052
<<header>>
"""
<<topic "0:00:00" "Intro frtl: Jeremy, Nathan, Ton" >>
<<topic "0:01:12" "Ton- Is it possible to use bookmarklets in TiddlyDesktop?" >>
<<topic "0:03:30" "Jeremy- shows TiddlyDesktop .. could support bookmarklets ... but's not there atm" >>
<<topic "0:06:06" "Jeremy- requests help and invites developers to join TiddlyDesktop development or even take it over." >>
<<topic "0:10:24" "Ton- Is there a chance that the ticket 192 (Extend link widget to link to a filtered list) will be implemented." >>
<<topic "0:15:40" "Jeremy- about a talk at InnoQ a german cunsulting company. (slides at tiddlywiki. com/talkytalky)" >>
<<topic "0:17:40" ".. 'The Nature of TiddlyWiki' - 'It's tiddlers all the way down!'" >>
<<topic "0:18:25" ".. 'History'" >>
<<topic "0:18:42" ".. 'What is TiddlyWiki?'" >>
<<topic "0:19:44" ".. 'Features'" >>
<<topic "0:20:04" ".. 'How TiddlyWiki Saves Changes'" >>
<<topic "0:21:32" ".. 'Saving with TiddlyFox'" >>
<<topic "0:21:43" ".. 'Saving with TiddlyTesktop'" >>
<<topic "0:21:46" ".. 'Saving on iPad/iPhone'" >>
<<topic "0:21:55" ".. 'Demo of Single File Edition'" >>
<<topic "0:22:38" ".. 'Task Management Demo'" >>
<<topic "0:23:11" ".. 'Customisation via System Tags'" >>
<<topic "0:23:37" ".. 'Serverless FTW!'" >>
<<topic "0:24:53" ".. 'Duality of TiddlyWiki'" >>
<<topic "0:27:06" ".. 'Everything is a Tiddler'" >>
<<topic "0:27:35" ".. 'TiddlyWiki Rendering Pipeline'" >>
<<topic "0:28:40" ".. 'User Interface State'" >>
<<topic "0:29:33" ".. 'Running TiddlyWiki Under Node.js'" >>
<<topic "0:29:49" ".. 'Static Site Generation'" >>
<<topic "0:30:09" ".. 'TiddlyWiki Sever Synchronisation'" >>
<<topic "0:30:52" ".. 'Usint TiddlyWiki as a library'" >>
<<topic "0:31:25" ".. '10 Years of TiddlyWiki'" >>
<<topic "0:39:31" ".. 'Shout-outs'" >>
<<topic "0:39:46" ".. 'Thank You' ... some discussion" >>
<<topic "0:41:49" "Jeremy about taking part in the 'Indie Tech Summit' in Brighton" >>
<<topic "0:44:22" "Jeremy- about 'The IndieWeb' and owning your own data" >>
<<topic "0:46:25" ".. web page 'Interview with Dr. Richard Stallman' at cointelegraph. com" >>
<<topic "0:48:32" "Nathan- The master branch has about 4000 commits" >>
<<topic "0:50:05" "Jeremy- A discussion about 'drag and drop' and import with screen readers. Shows the code how it could be done (highly techy stuff follows)" >>
<<topic "1:10:40" "Bye! Bye!" >>
"""
\define hangout() 053
<<header>>
"""
<<topic "0:00:00" "Intro: frtl: Eric, Jeremy, Nathan, Ton" >>
<<topic "0:01:58" "Paolo- small inconsistency: in the 'Tag Manager', when I choose a colour by html name, the horizontal colour stripe remains black, instead of reflecting the selected colour. Same problem when editing the tiddler of the tag" >>
<<topic "0:17:40" "mindprism- How do I get an invite to the hangout?" >>
<<topic "0:23:03" "mindprism- wants to show stuff" >>
<<topic "0:23:22" "mindprism- about the color picker" >>
<<topic "0:23:39" "Paolo- tiny suggestions on how to choose a tag from the drop-down list: after activating the tags' list, it would be useful to be able to select the tag with the up-and-down keys (instead of using the mouse). Now, the tab+enter keys also work but requires many" >>
<<topic "0:32:21" "minprism- There is another issue with that tag menu — when it is contained in a div that has overflow:scroll or overflow hidden, it can be clipped to the container — it needs to be elevated in the dom." >>
<<topic "0:40:30" "mindprism- Can you post that join like please?" >>
<<topic "0:41:00" "mindprism- There is no css solution for that, the inner div will always be clipped." >>
<<topic "0:41:15" "Ton- Tagging a tiddler with a 'system' tag adds the tiddler as a tab, button, part, filter, macro, etc. But at the moment I don't see any practical use for $:/tags/Image. Is there practical use or is this tag only for 'internal' use?" >>
<<topic "0:43:47" "Matabele- gwiz.tiddlyspot. com about stacking widgets around the button widget." >>
<<topic "0:47:20" "Mark joined (aka mindprism)" >>
<<topic "0:49:15" "... Jeremy about wikitext used to build the UI .." >>
<<topic "0:50:44" "Jeremy- back to Matabele's widget stacking approach" >>
<<topic "0:51:28" "Jeremy- Richer Message Parameters for buttons and widgets in general" >>
<<topic "0:55:25" ".. about the 'stories' selector .. storiy becomes an entity" >>
<<topic "0:57:10" "Jeremy- what's new .." >>
<<topic "0:57:50" ".. The release tiddler was 'awful'" >>
<<topic "0:58:43" ".. the tabs macro has to be improved" >>
<<topic "0:59:28" "Eric- making something similar to the 'tags grid' ?!" >>
<<topic "1:00:15" "Jeremy- How to customize the 'story river'. .. Make tiddlywiki. com a 'more common' page" >>
<<topic "1:05:38" "Jeremy- There's a new theme tweak ... the sidebar breakpoint .. splitting TW settings into seperate tiddlers." >>
<<topic "1:07:48" "Jeremy- fixing some bugs ... HistoryList not saved anymore" >>
<<topic "1:08:56" "Jeremy- improving the animations .." >>
<<topic "1:09:57" "Jeremy- about the 'Indie Tech Summit' by Aral Balkan" >>
<<topic "1:10:50" ".. The 'Indie Tech Manifesto' ... One question is: 'How to creat a new business model'?" >>
<<topic "1:14:30" ".. about 'federated tools' .. and there UI" >>
<<topic "1:17:33" ".. TalkyTalky Shout-outs" >>
<<topic "1:21:12" ".. about the manifesto" >>
<<topic "1:23:26" "Mark has some demos." >>
<<topic "1:25:40" ".. screensharing is working .. make it keyboard accessible .. very interesting UI .. especially the tag input" >>
<<topic "1:44:30" "Jeremy- feedback .." >>
<<topic "1:46:45" "Jeremy- How many different wikis do you use? some general discussion about a 'killer app' .. about contribution" >>
<<topic "1:52:35" "Mark- Does tiddlyspot save the whole file everytime? yes. How do I host my own version?" >>
<<topic "1:54:00" "Mark- What is the largest, in megabytes, TW you've seen?" >>
<<topic "1:56:25" "Jeremy- Short summary for Mark" >>
<<topic "1:58:12" "Bye! Bye!" >>
"""
\define hangout() 054
<<header>>
"""
<<topic "0:00:00" "Intro frtl: Dave, Eddie, Mark, Ton" >>
<<topic "0:02:50" "Branemir- With the new address bar behviour (current story sequence), it becomes hard to refresh a wiki. Whats about a Home button. Or the Title may be a home link? General discussion about the URL refresh behaviour." >>
<<topic "0:10:07" "Mark- Have you considered to switch on/off 'advanced menue' features" >>
<<topic "0:12:15" "Jeremy- Shows Ton's page as an example for extended menu icons." >>
<<topic "0:15:00" "Jeremy- Shows TW's customization possibilities" >>
<<topic "0:16:15" "Jeremy- points to tw5.scholars. com custom TW from Alberto ... especially the automatic TOC (table of content)" >>
<<topic "0:21:43" "Jeremy- The remaining work that 'needs' to be done ... 'The update process' ... and 'road blockers'" >>
<<topic "0:24:10" "Jeremy- Shows the 'new' upgrade / import process. (TODO video / no network traffic)" >>
<<topic "0:27:47" ".. Upgrade: behind the curtain. .. new upgrade plugin" >>
<<topic "0:30:15" ".. import process details ... custom fields ... The import tiddler itself is a 'temporary plugin'" >>
<<topic "0:33:24" "Jeremy- The same approach (0:24:10) will be used for search / replace" >>
<<topic "0:34:10" "Jeremy- A new type of module is introduced to the core. Techy details!" >>
<<topic "0:37:47" ".. example how upgraders could deal with eg: tags/stylesheet" >>
<<topic "0:39:10" "Mario joined, Charlie joined" >>
<<topic "0:39:55" "Eddie- How do I get WYSIWYG text into TW?" >>
<<topic "0:40:17" "Jeremy- shows Charly's docs for the Forth language for a PET" >>
<<topic "0:41:50" "back to the upgrade process. .. The upgrade UI .. techy" >>
<<topic "0:45:08" "Chris joined .. 10 users ... max reached" >>
<<topic "0:46:40" "Eddie ... WYSYWIG plain text ... poetry" >>
<<topic "0:50:35" "Mark- What needs to be done to deal with SVG files in different ways? SVG as an image. SVG as part of the TW layout. SVG edited with a text editor." >>
<<topic "1:00:59" "Charly- Still struggling with automatic style sheets and automatic wikitext links." >>
<<topic "1:08:55" "Mark- Editing a tiddler updates the display with every keystroke. How to disable this behaviour?" >>
<<topic "1:13:22" "Charly's screenshare ... techy techy .." >>
<<topic "1:19:32" "Jeremy- How to modify themes ... techy discussion" >>
<<topic "1:28:10" "Jeremy- about file names and tiddler names in 'creating TW'" >>
<<topic "1:39:12" "Dave- what's new .. how to deal with bookmarks ... tidmarks" >>
<<topic "1:47:10" "Jeremy- about fargo. io ... outliner ... and its relation to TW" >>
<<topic "1:51:40" "... discussion about 'TiddlySnip' for TW5 ... part of TiddlyFox and TiddlyDesktop" >>
<<topic "1:53:40" "Dave- What will be next? ... upgrade ... RoadMap" >>
<<topic "1:56:52" "Dave- Will you do some more promotion! ... screen casts" >>
<<topic "1:57:54" "Charly- issue with tiddler title with sqare backets .. its an open question" >>
<<topic "2:02:45" "Bye! Bye!" >>
"""
\define hangout() 055
<<header>>
"""
<<topic "0:00:00" "Intro frtl: Branemir, Jeremy, Mario, Nathan" >>
<<topic "0:01:45" "Hangout Roadmap" >>
<<topic "0:02:08" "Jeremy- New behaviour for the 'automatic permalink' ... permalinking is off by default - feedback is welcome!" >>
<<topic "0:05:30" "Mario- likes the new behaviour. ... Is there a possibility for 'permlink -buttons'? .. yes" >>
<<topic "0:06:35" "Jeremy- Should 'empty.html' have the same behaviour?" >>
<<topic "0:07:50" "Nathan- The core and tiddlywiki. com should have the same initial behaviour" >>
<<topic "0:08:41" "Nathan- likes the possibility to share the 'whole story'" >>
<<topic "0:10:40" "Jeremy- shows a TW adaptation that uses 'story links'" >>
<<topic "0:11:35" "Mario- There should be a possibility to 'permalink a search result'" >>
<<topic "0:12:00" "Jeremy- about 'TWc parmifiers' ... He doesn't want to have paramifiers again, because of security concerns" >>
<<topic "0:14:19" "Jeremy- ... getting the update wizard finished. Changes to the theme tweak handling" >>
<<topic "0:18:44" "Jeremy- shows the 'upgrader' plugin, that creates the 'special' theme handeling" >>
<<topic "0:21:37" "Jeremy- (How) Should we deprecate known incompatible plugins?" >>
<<topic "0:24:54" "Jeremy- Changes to the TW frontpage" >>
<<topic "0:27:45" "Jeremy- GettingStarted detects the plattform and provides information acordingly" >>
<<topic "0:29:53" "Jeremy- about the Features tiddler" >>
<<topic "0:30:16" "Mario- likes the TalkyTalky Features list .." >>
<<topic "0:31:15" "Jeremy- about changes for the Community tiddler" >>
<<topic "0:32:40" "Jeremy- The beta ribbon is a 'Find my on GitHub' ribbon now" >>
<<topic "0:36:00" "Jeremy- about the 'browser sniffing' mechanism and new system tiddlers" >>
<<topic "0:39:57" "Jeremy- new tiddlywiki.info parameter to specify the 'save location' for new tiddlers (server edition)" >>
<<topic "0:41:15" "Jeremy- 'must have's' for end of beta" >>
<<topic "0:43:00" ".. about handling <ctrl>+s" >>
<<topic "0:43:48" "Mark joined the hangout" >>
<<topic "0:44:30" "Mario- discussion about FontAwesome and BlackTie icon fonts. ..." >>
<<topic "0:51:33" "Jeremy- about FlexBox for the Community tiddler and the main layout" >>
<<topic "0:53:35" "Jeremy- about translations ... getting notified if translations are needed" >>
<<topic "0:59:10" "Mario- question: would it be possible to have promise based ajax functions" >>
<<topic "1:07:00" "Jeremy- about 'Analysis and documentation of a single page application based on TiddlyWiki' Mater Thesis ..." >>
<<topic "1:17:50" "Jeremy- The developer docs should get there own repo" >>
<<topic "1:19:34" "Mario- What's about your plans to have tiddlywikik frontpage similar to a 'normal' product page." >>
<<topic "1:22:00" "... about the RoadMap" >>
<<topic "1:23:58" "Nathan- What's the easiest way for a small group of users to start using TW ... in a role related workflow. ... TiddlyWeb - Tank" >>
<<topic "1:28:20" ".. about the TW nodejs server and TiddlyWeb - TW5 compatibility" >>
<<topic "1:35:36" "Nathan- about the envisioned usecase" >>
<<topic "1:36:35" "Jeremy- about CouchDB .. couch apps" >>
<<topic "1:41:45" "Jeremy- about SpiderOak and the Crypton project, which would fit to TW" >>
<<topic "1:46:02" "Jeremy- ... TWc chart on google trends" >>
<<topic "1:48:10" "Bye! Bye!" >>
"""
\define hangout() 056
<<header>>
"""
<<topic "0:00:00" "Intro: frtl: Branemir, Jeremy, Mario, Nathan, Ton" >>
<<topic "0:01:51" "Jeremy- Latest changes for 5.0.14 - New Tiddler Info tab," >>
<<topic "0:03:10" ".. Toolbar button configuration in Control Panel" >>
<<topic "0:09:50" "Control Panel: Advanced Settings .. icons + text settings .. discussion about the info button .. discussion about the default UI" >>
<<topic "0:14:58" "Branemir- likes double click to select text and not open the tiddler in edit mode." >>
<<topic "0:15:23" "Jeremy- discussion about the default drag and drop behaviour." >>
<<topic "0:16:58" "Branemir- Should 'story river' be added as a 'Concept' in the docs (and be explained)? There is a StoryView tiddler but it is not defined." >>
<<topic "0:18:15" "Branemir- What are the possibilities for printing in TiddlyWiki, i.e. printing a story river? What about making a tiddler a page?" >>
<<topic "0:27:36" "Branemir- What would be a useful usecase for list-before and list-after fields? What should be put in these fields?" >>
<<topic "0:34:15" "Branemir- What do you think about a new WidgetMessage like tw-reaload or tw-refresh?" >>
<<topic "0:39:29" "Branemir- Will there be a 'renaming tags' functionality for the stable version?" >>
<<topic "0:42:20" "Branemir- Drag&Drop an image from a website or another browser creates a tiddler with the link to that image. Can TW be modified so that an image tiddler is created instead?" >>
<<topic "0:46:20" ".. using the _cannonical_uri field .. imaged, image links ..." >>
<<topic "0:51:10" "Jeremy- some code review about drag and drop 'browser data'" >>
<<topic "0:53:00" "Jeremy- new 'widget functionality' Variable operands for filters." >>
<<topic "0:54:30" "Jeremy- about improved documentation from Steven ... some more dev docs ..." >>
<<topic "0:58:35" "Jeremy- about new TW usecases and users questions, that come up. ... about install in nodejs ..." >>
<<topic "1:00:40" "Jeremy- about possible future functions for TiddlyDesktop" >>
<<topic "1:02:07" "Alex joined ..." >>
<<topic "1:03:45" "Nathan- About usability questions. 'linear flow of documentation is missing' ... about the 'documentation mission'" >>
<<topic "1:08:35" "Jeremy- about short screencasts to answer some FAQ's ... some youtube TW video statistics." >>
<<topic "1:14:15" "Jeremy- Alex suggested kumu. io ..." >>
<<topic "1:15:23" "Alex introduces himself and talks a little bit about kumu" >>
<<topic "1:17:20" "... general discussion about tiddler relation visualisation .." >>
<<topic "1:20:48" "Jeremy- about visjs. org" >>
<<topic "1:22:50" "Jeremy- about waldly maps" >>
<<topic "1:25:30" "Jeremy- about Ted Nelson's ZigZag Structure ... working with lists and visualisations" >>
<<topic "1:34:44" "Jeremy- what's planned next .. finishing 5.0.14" >>
<<topic "1:35:35" "Mario- about his 'splitting emphasis' pull request" >>
<<topic "1:37:30" "Bye! Bye!" >>
"""
\define hangout() 057
<<header>>
"""
<<topic "00:00:00" "intro- frtl: Branimir, Jeremy, Mario, Nathan, Ton" >>
<<topic "00:02:35" "Johannes- How about importing MediaWiki pages into TiddlyWiki? Is that on the priority list of features for TW5?" >>
<<topic "00:06:05" "Nathan GF asks: Images in stylesheets! Is there a better solution than MakeDataUriMacro?" >>
<<topic "00:11:40" "Nathan about the usecase .. using TW as a CMS like system" >>
<<topic "00:14:06" "Nathan- how was the week of?" >>
<<topic "00:14:27" "GF asks: I'd like to be able to keep my tags 'as is' in my html content, and have them 'just work' when the image is in the wiki, instead of either needing to use the image macro or keep an 'images' directory external to the system." >>
<<topic "00:17:56" "Branimir- Please, explain and demonstrate for everyone the new tw-home and tw-browser-refresh! Also, show how it will behave in TiddlyDesktop." >>
<<topic "00:21:35" "Branimir- How can I change the behaviour of clicking on the title of the wiki. Discussion about the 'refresh - button' clears the URL bar. ..." >>
<<topic "00:32:40" "Branimir- explains his 'refresh' workflow .." >>
<<topic "00:33:15" "Nathan- Suggests the possibility of a 2 way sync. ... Discussion about a 'file based lock' for syncing multi user editing .." >>
<<topic "00:35:25" "Jeremy- about TW as a GuerillaWiki .." >>
<<topic "00:36:20" "Jeremy- about WebDav and TW5" >>
<<topic "00:39:18" "GF asks pt 2: I'd like to optionally 'file out' and/or serve my content in the form of multi-page applications, but keep a unified administrative single page interface to the system. Is there a better way to handle serving this and linking between 'pages'?" >>
<<topic "00:45:26" "Jeremy- about the roadmap after the beta period. aka deferred features." >>
<<topic "00:47:54" "Nathan- bugreport: some titles don't save through the server right now, such as '/css/foo.css' (though their drafts do) or save as an empty file! (I'm still investigating.)" >>
<<topic "00:50:42" "GF asks pt 2: IMPORT UTILITIES! Can I bulk tag and/or name-prefix on imports? Set fields? Drag and drop a folder and keep paths (chrome)? Loosely related, a tool to tag/rename based on a filter would be super-handy!" >>
<<topic "00:56:20" ".. drag and drop folders and keep there paths .." >>
<<topic "00:58:50" "GF asks pt 2: Searching the docs is hard! I spent a lot of time just in realizing that I wanted to be searching for key-word 'clone' and not 'copy' to find out about duplicating a tiddler. Can we get a 'did you mean?' or 'search suggestions' feature? .. discussion about 'improving the docs'" >>
<<topic "01:09:56" ".. Can we get a 'did you mean?' or 'search suggestions' feature?" >>
<<topic "01:11:30" "GF asks pt 2: Parser complexity often gets in the way, and figuring out parser rule lines is some sort of cumbersome black magic thing. Can we get some simple macro sets (or something) offering useful and common/sane parser rule lines? (ex 'PageTemplate')" >>
<<topic "01:19:50" "GF asks: I need a tutorial/reference for 'CMS' use cases! Can we make an edition with simple but pragmatic examples of 2-3 page 'NotAWiki' site(s) parts showing some templates, some simple content, some css and js, and clean static html export render?!?!" >>
<<topic "01:21:23" "GF asks: I want to transclude html content type, but it either doesn't work at all, or the iframe breaks (or drastically complicates) the content! Can we get more flexibility in transclusion of 'web native' content?" >>
<<topic "01:28:50" "GF asks: I (critically) need to be able to include alt tags on img and other semantic (or nonstandard) markup like schema.org, aspx, rdfa, etc in my content. Do we have mechanism for attaching arbitrary attributes or container tags to things in rendertree?" >>
<<topic "01:32:45" "Nathan + GF- both of us ask: Revision control! While 'files in git' is great and all, should tiddlywiki core consider a cannonical model of history? Should we revive Synchrotron? (Maybe even modernize it up with an Operational Transform sync?) 'Out of scope?'" >>
<<topic "01:42:25" "Armchair Designer- The github route seems viable for non-dev types, provided the intimidating factor of contributing there is lowered : maybe a way to go would be to have a simple howto for github at hand from within TW itself." >>
<<topic "01:43:30" "Armchair Designer- Do you have a rough idea of which popular classic TW plugins are most likely to be included as built-in modules (or equivalent functionality) in the Five 1.0 release package ?" >>
<<topic "01:45:50" "Branimir- What's the story, for upgrading from TWclassic" >>
<<topic "01:51:10" "Jeremy- What will be in 5.0.15-beta ... disable plugins .. saving with the 'client / server' edition ..." >>
<<topic "01:52:43" ".. new TOC table of content macro" >>
<<topic "01:55:53" "Jeremy- Release Planning .. RC1 .. weekly releases should be done" >>
<<topic "01:57:25" "Branimir- During 'update process' Can you explain the meaning of 'blocked' and how the checkboxes actually do." >>
<<topic "02:07:13" "Bye! Bye!" >>
"""
\define hangout() 058
<<header>>
"""<<topic "00:00:00" "Intro: frtl: Branimir, Eric (later), Jeremy, Mark, Nathan (later), Leo (Slonik), Ton" >>
<<topic "00:02:54" "Nathan joined" >>
<<topic "00:04:03" "Ton- The tag [[$:/tags/RawMarkup]] allows raw markup to be included in the generated HTML file. What does that mean (for an end-user)?" >>
<<topic "00:04:34" "Eric- joined" >>
<<topic "00:09:33" "Ton- The tag [[$:/tags/RawMarkup]] allows raw markup to be included in the generated HTML file. What does that mean (for an end-user)?" >>
<<topic "00:24:53" "How to get the readme tiddler of a plugin to show up as readme information together with the plugin in tab Plugins of ControlPanel? When building plugins in the browser it doesn't although it is available as a shadow tiddler." >>
<<topic "00:36:32" "Jeremy- short answer to the above question ;) 2 Steps to add a readme to a plugin." >>
<<topic "00:38:37" "Jeremy- Review of new 5.0.15-beta features" >>
<<topic "00:40:34" "Jeremy- about the 'docs: help wanted' banner ... How to edit docs directly from github" >>
<<topic "00:41:45" "Jeremy- starting from 5.0.16, weekly releases are planned!" >>
<<topic "00:42:21" "Jeremy's notes of 'must have'" >>
<<topic "00:42:43" ".. about consistency of CSS class names" >>
<<topic "00:45:51" ".. fixing some JSHint hints" >>
<<topic "00:48:05" ".. review the tags" >>
<<topic "00:48:38" ".. automatically generated TOC" >>
<<topic "00:49:31" ".. Ctrl-S should save TW" >>
<<topic "00:50:09" ".. finalizing the core macros" >>
<<topic "00:51:53" ".. improve sidebar layout handling" >>
<<topic "00:52:58" ".. backwards compatibility of resource links" >>
<<topic "00:53:26" ".. reorganize the ControlPanel" >>
<<topic "00:54:35" ".. automatically exclude 'draft.of' tiddlers from lists" >>
<<topic "00:56:01" ".. about the organisation of the TW5 repo / directory structure" >>
<<topic "00:56:49" ".. fixing the config tiddlers" >>
<<topic "00:57:13" ".. about the 'style block' syntax" >>
<<topic "00:59:11" ".. too many spans containing divs" >>
<<topic "01:00:03" ".. fix sidebar dropdown buttons in the more menue" >>
<<topic "01:01:22" "Jeremy- final roadmap" >>
<<topic "01:02:27" "Branimir- TW 'dirty / save' state recognition may be improved." >>
<<topic "01:07:30" "Eric- about a 'funny' userName issue / bug" >>
<<topic "01:11:12" "Jeremy- about special handling for some tiddlers" >>
<<topic "01:12:53" "Jeremy- about saving tiddlers that start with a slash" >>
<<topic "01:16:30" "Jeremy- about 'tab switching' degrades if encryption is on" >>
<<topic "01:19:36" "Leo- feature request: It would be useful, if TW would have a 'tiddler drawing' area." >>
<<topic "01:26:46" "Jeremy- Refresh button now doesn't clear the URL bar. Especially for TiddlyDesktop" >>
<<topic "01:29:00" "Jeremy- 5.0.16 should have a configurable 'top bar'" >>
<<topic "01:30:42" "Mark- about popups being to 'low in the DOM' ... about html structure" >>
<<topic "01:45:24" "Mark- about the issues caused by z-index for theme authors" >>
\define hangout() 059
<<header>>
"""
<<topic "00:00:00" "Intro: frtl: Branimir, Jeremy, Mario, Nathan, Leo, Ton" >>
<<topic "00:03:12" "Branimir- TWC has the search string highlighted among all open/found tiddlers. Any chance of adding a similar functionality in TW5? It would be even better if there could be PREV/NEXT links to cycle through found strings." >>
<<topic "00:08:58" "discussion about TW5 in TiddlyDesktop and its possibilities with Node WebKit." >>
<<topic "00:11:50" "Jeremy- about the V release and backwards compatibility" >>
<<topic "00:14:15" "Branimir- misses zooming in TiddlyDesktop" >>
<<topic "00:15:41" "Branimir- What plans are there for improving the 'Contents' macro? I guess this would be the equivalent of MainMenu in TWC." >>
<<topic "00:22:50" "Branimir- about the TOC macro. The 'categories' should be no tiddler links." >>
<<topic "00:26:35" "Jeremy- about system tiddlers with a caption used for the TOC" >>
<<topic "00:28:53" "Mario- What should he do with 'experimental' macros. Should they be pull request or external plugins? -> plugins" >>
<<topic "00:29:43" "Jeremy- about pull requests from users that want to contribute. -> don't be discouraged be 'no's'. Create a plugin and let the users decide!" >>
<<topic "00:30:52" "... exceptions for this. -> if an issue is allready ticketed to the core." >>
<<topic "00:32:28" "Jeremy- the default should be. Offer a plugin to the community and then it may be pulled into the core. Because if it is part of the core, all changes need to be backwards compatible." >>
<<topic "00:36:30" "Jeremy- about contributing to open source projects. -> start small!" >>
<<topic "00:38:08" "Jeremy- about what he regrets in TWclassic development." >>
<<topic "00:42:25" "Ton- Is it wise to go through the tickets: bugs and new features label it (before/after beta, don't do it, plugin, etc)?" >>
<<topic "00:44:00" "Jeremy- What is planned for the TW 10th anniversay? .. a 6h hangout :) .. A tiddly conference early 2015" >>
<<topic "00:53:50" "Jeremy- what's new in 5.0.16-beta release" >>
<<topic "00:54:06" ".. about the TWc compatibility plugin - the classic parser demo" >>
<<topic "01:01:09" "Mario- Should there be an indication for TWc type tiddlers?" >>
<<topic "01:06:02" ".. discussion with Branimir about making it easier to import TWc content into TW5" >>
<<topic "01:09:44" "Jeremy- about 'How to contribute to the TW documentation' -> help wanted. with github web UI" >>
<<topic "01:12:05" ".. about Mario's video series that explains the basics about contribution with github web UI" >>
<<topic "01:14:50" ".. about contributions from Ton, that triggered further improvements from Jeremy" >>
<<topic "01:17:08" "Mario- Ton, did the videos help you? - yes :)" >>
<<topic "01:19:13" "Mario- shows his approach to contribute with the help of the cloud9 web IDE." >>
<<topic "01:22:40" ".. about 'RUN configurations' ... little script buttons that perform actions to the repo. eg: build a new index.html" >>
<<topic "01:25:00" ".. serving the index.html with the apache web server.. serves the whole directory structure." >>
<<topic "01:27:20" ".. configuring the web server root dir, to directly serve the index file." >>
<<topic "01:28:35" ".. use the TW server to serve and edit the TW page." >>
<<topic "01:31:00" ".. using git to push the changes to the pmario/tiddlywik5 repo." >>
<<topic "01:32:35" "some info about the c9 environment." >>
<<topic "01:34:55" "Branimir- discussion about the build system and using it to commit to github" >>
<<topic "01:37:10" "Jeremy- about git and the command line" >>
<<topic "01:39:35" "Mario- shows how to test index.html with different browsers from Sauce Labs" >>
<<topic "01:45:40" "Mario- short summary. Some thoughts about new users concerns ..." >>
<<topic "01:46:55" "Jeremy- Can you share / copy the workspace environment. - yes" >>
<<topic "01:48:30" "Branimir- How many workspaces can you own?" >>
<<topic "01:52:00" ".. talking about a 'cloud9 TW docs hack party' ..." >>
<<topic "01:54:40" "Jeremy- What should be done at the next HO." >>
<<topic "01:55:25" "Mario- about a p-tag in the edit tag selector" >>
<<topic "01:57:05" "Branimir- Will you cover TiddlyDesktop next time? - probably not" >>
<<topic "01:58:38" "Bye! Bye!" >>
"""
2014-09-09 ''---''
[[YouTube Link|https://www.youtube.com/watch?v=NQdSFuqRFPg]] ''---'' [[min to sec 60]]
---
"""
[[0:00:00|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Intro: frtl: Yaka, Eric, Jeremy, Mario, Nathan
[[0:00:10|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Yaka- Introduces himself and tells about his usecase.
[[0:01:50|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Eric .. Mario .. Nathan
[[0:03:39|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Mario- What do we need to do, to make translated empty.html downloadable for users. Introduction of the german version.
[[0:06:48|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Jeremy- about the tiddywiki.com directory structure.
[[0:16:30|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Yaka- Support in the core, for handling content in different languages.
[[0:22:15|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Mario- About the TheDiveO project: ThirdFlow ...
[[0:25:30|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Yaka- actually needs a seperate wiki for each language ...
[[0:26:45|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Jeremy- about TiddlyWiki translations.
[[0:28:38|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Yaka- wants to get people interested in TW.
[[0:29:00|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Jeremy- about the documentation refactoring for 5.0.17-beta, to make it more sutable for users.
[[0:35:05|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Jeremy- The development docs will be a seperate edition.
[[0:35:55|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Jeremy- about "Getting the word out!"
[[0:39:15|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Jeremy- about TWc adaptations and TW5 editions
[[0:42:45|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Jeremy- about: TW for Scholars as an edition example
[[0:44:30|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Yaka- What is the intended audience for TW after the V release
[[0:45:30|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Jeremy- What does the release of TW mean. ... not finished but compatible.
[[0:47:00|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Jeremy- about a TW5 usecase as a "gamers bible" ..
[[0:47:50|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Eric- Some history, we need to develop the community, so different apps will pop up.
[[0:50:30|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Jeremy- about the community, the audience, the users
[[0:52:05|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Eric- about GSD community.. They treat it as an application.
[[0:53:00|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Jeremy- about the Twine application based on TW.
[[0:54:50|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Yaka- about the possible audience: the geeks - geeky users - consuming users. TW needs to be "usable" but a little bit tweakable.
[[0:57:15|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Jeremy- At the moment our audiece is "Technical people, with a small team"
[[1:01:00|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Mario- about newspapers
[[1:02:10|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Yaka- ... TW as a distribution platform for content. similar to jekyll
[[1:06:00|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Eric- about TiddlyBard?? ... All of Shakespeare in a TW. Car Repair References ..
[[1:09:25|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Jeremy- ... about the BT Agile Cookbook .... A TW Content Edition
[[1:12:12|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Nathan- about his experience, explaining TW to his girlfriend ... The ecosystem is missing atm.
[[1:13:35|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Jeremy- about Eucaly' Tiddly World
[[1:15:05|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' .. about ThirdFlow and TW5FontAwesome ... and the community that starts ...
[[1:19:40|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Yaka- .. Easy User Reference about existing "editions" .. central resource for apps.
[[1:23:08|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Nathan- Content for users needs to come from users, not devs.
[[1:24:07|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Yaka- .. User contributed content / experiences, can attract other users. ..
[[1:26:02|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Jeremy- sums up his ideas ... how to attract tiddlywiki "ambassadors"
[[1:27:45|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Mario- wants to create some more videos, for the german version.
[[1:28:38|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Jeremy- About the "TW introduction video"
[[1:32:12|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Mario- Video ... How to user TiddlyFox with FireFox.
[[1:33:35|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Jeremy- introducing the regexp filter operator.
[[1:34:53|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Jeremy- about the 20th Sept. Hangout for 8 hours.
[[1:39:17|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Yaka- about video intro's
[[1:40:50|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Yaka- about different TW showcases ... User stories ..
[[1:43:05|https://www.youtube.com/watch?v=NQdSFuqRFPg&t=000m00s]] ''---'' Bye! Bye! Thanks to Yaka :)
"""
\define hangout() 062
<<header>>
!10 Year Anniversary
\define hangout() 063
<<header>>
\define hangout() 064
<<header>>
2014-10-21 ''---''
[[YouTube Link|https://www.youtube.com/watch?v=hJ4feiD6iuY]] ''---'' [[Google Hangout|https://plus.google.com/events/cd8h7qbbtethtk44i98cq2fmmis]] ''---'' [[min to sec 65]]
---
"""
[[0:00:00|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=000m00s]] ''---'' Intro: frtl: Alex, Eric, Jeremy, Mario, Ton
[[0:03:15|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=003m15s]] ''---'' Alex- Borders and Border images for TW. expains the usecase.
[[0:05:28|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=005m28s]] ''---'' Jeremy- about visualizing relations between tiddlers.
[[0:07:12|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=007m12s]] ''---'' Alex- about the Viable System Model ... wikipedia search for: Viable_system_model.
[[0:11:29|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=011m29s]] ''---'' Jeremy- about js-sequence-digrams ... Alex about the usecase
[[0:17:08|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=017m08s]] ''---'' Eric- about 2 possible workflows to get the drawings into TW
[[0:19:03|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=019m03s]] ''---'' Jeremy- about SVG drawings in the TalkyTalky wiki. From drawing to SVG.
[[0:21:04|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=021m04s]] ''---'' Eric- about clickable "hot zones" in the drawings.
[[0:23:05|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=023m05s]] ''---'' Jeremy- about using bitmaps in CSS style sheets.
[[0:26:15|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=026m15s]] ''---'' Mario- About the Global Learning X-Prize - competition
[[0:27:17|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=027m17s]] ''---'' Mario- about his opinions. ... all
[[0:29:35|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=029m35s]] ''---'' Eric- about authoring systems and the basic concepts for learning materials.
[[0:32:05|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=032m05s]] ''---'' Mario- about the needed frameworks and the target group.
[[0:33:20|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=033m20s]] ''---'' Eric- about "in game upgrades" ..
[[0:34:35|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=034m35s]] ''---'' Eric- Some education designers need to be involved. ... Mario
[[0:36:35|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=036m35s]] ''---'' Jeremy- has concerns about TW is seen in the "wrong light" by the judges.
[[0:42:05|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=042m05s]] ''---'' Nathan- his point of view. About the pros and cons, how TW is seen by
[[0:43:42|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=043m42s]] ''---'' Jeremy- TW could be a great tools. But there are concerns about how TW would do in the competition.
[[0:45:33|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=045m33s]] ''---'' Mario- the development in the competition is kind of closed source. ..
[[0:49:34|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=049m34s]] ''---'' all- discussion about gamification ... discussion ... learning with all senses. a
[[0:51:35|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=051m35s]] ''---'' Jeremy- the random chooser filter and dice roles ...
[[0:53:02|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=053m02s]] ''---'' Jeremy- about Twine and interactive fiction
[[0:54:25|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=054m25s]] ''---'' Alex- about Dickens Manual. ... but target group is children from 6-12
[[0:55:56|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=055m56s]] ''---'' Jeremy- about sliders in HTML5 and input element.
[[0:59:55|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=059m55s]] ''---'' Jeremy- shows the sliders.
[[1:02:55|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=062m55s]] ''---'' Jeremy- Yaka's feature request: ... word count, character count ...
[[1:06:54|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=066m54s]] ''---'' Nathan- Is there an "idle" event?
[[1:08:20|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=068m20s]] ''---'' Jeremy- The relative dates should be dynamic.
[[1:09:03|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=069m03s]] ''---'' Mario- What's the difference of eg: image "lazy" loading and the "normal" loading
[[1:19:20|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=079m20s]] ''---'' Jeremy- about the export icon change
[[1:23:12|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=083m12s]] ''---'' Jeremy- TW has some audio support now.
[[1:25:25|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=085m25s]] ''---'' Mario- What's planned next. .. fixing a strange new bug :(
[[1:28:02|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=088m02s]] ''---'' Mario- about the server command feedback.
[[1:29:30|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=089m30s]] ''---'' - no conversation for a minute. Jeremy is away.
[[1:30:47|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=090m47s]] ''---'' Jeremy- ... plans ... 5.0.4 will be fast bufix. Export should come ...
[[1:32:00|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=092m00s]] ''---'' ... several buttons to export different set of tiddlers. working TW, json, .tid, .cvs, skinny tiddler store. ... build TWs with a different theme.
[[1:34:10|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=094m10s]] ''---'' Mario- What do you think about the discussion in the group about the DefaultTiddlers?
[[1:38:18|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=098m18s]] ''---'' Eric- A very common question is "reordering tiddlers" in the story
[[1:42:28|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=102m28s]] ''---'' Jeremy- Drag a tiddler title to a text editor, takes the whole content too. Should we change this ... yes ... but import will be not touched.
[[1:46:38|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=106m38s]] ''---'' Jeremy- about authoring tools. edit toolbars, codemirror, auto completion, keyboard shortcuts, ...
[[1:53:30|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=113m30s]] ''---'' Paul Q&A- Is a Vanguard about the Global X-Prize and thinks we would have a chance.
[[1:54:57|https://www.youtube.com/watch?v=hJ4feiD6iuY&t=114m57s]] ''---'' Bye! Bye!
2014-10-28 ''---'' [[YouTube Link|https://www.youtube.com/watch?v=OBoZzqu7tYg]] ''---'' [[Google Hangout|https://plus.google.com/events/cou1l99mf4j9uomjg9kkcn5ug20]] ''---'' [[min to sec 66]]
---
"""
[[0:00:00|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=000m00s]] ''---'' Intro frtl: Jeremy, Mario, Nathan
[[0:01:14|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=001m14s]] ''---'' Jeremy- TiddlyWiki Translations made easy
[[0:03:40|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=003m40s]] ''---'' Jeremy- screen shares the new Translators Edition
[[0:10:45|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=010m45s]] ''---'' Jeremy- How can users send there translations. eg: Dropbox.
[[0:12:35|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=012m35s]] ''---'' Jeremy- How do we extract the translations from the TW file.
[[0:14:55|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=014m55s]] ''---'' Mario- Should the new file structure reflect the translators edition? For easy maintenence. Some general discussion.
[[0:17:40|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=017m40s]] ''---'' .. documentation improvements should be possible to use the same mechanism.
[[0:19:40|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=019m40s]] ''---'' Jeremy- short summary
[[0:20:00|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=020m00s]] ''---'' Mario- shows a short proof of concept, to improve the workflow, with a live preview.
[[0:25:25|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=025m25s]] ''---'' Mario- There would be a possibility to have an interactive tutorial for the TW UI.
[[0:27:20|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=027m20s]] ''---'' Jeremy / Mario- general discussion about improvements.
[[0:30:30|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=030m30s]] ''---'' Jeremy- about a new tooltip mechanism
[[0:32:12|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=032m12s]] ''---'' Mario- Suggests a new layout for the translators tiddler. Multi line layout, similar to the TagsManager.
[[0:34:10|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=034m10s]] ''---'' Jeremy- Can you create a pull request for the tag manager again.
[[0:36:00|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=035m00s]] ''---'' Jeremy- about the next steps.
[[0:37:00|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=037m00s]] ''---'' Mario- Some more ideas about multi line display. ... just some ideas.
[[0:40:45|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=040m45s]] ''---'' Jeremy- Wants some more info about the german translation.
[[0:41:25|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=041m25s]] ''---'' Jeremy- Nathan any topics from your side? ... no
[[0:42:00|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=042m00s]] ''---'' Jeremy- About developing the Translators Edition UI.
[[0:43:53|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=043m53s]] ''---'' Jeremy- About the documentation of the CLI for TW.
[[0:45:45|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=045m45s]] ''---'' .. description field in the tiddlywiki.info file. Discussion about the editions. ... eg: de-AT, de-DE, de-AT-empty ....
[[0:57:10|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=057m10s]] ''---'' Jeremy- may be the init command needs to be improved, to use the "regional" flavors of translations.
[[1:00:00|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=060m00s]] ''---'' ... we want a mechanism similar to the twguides customize function.
[[1:01:50|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=061m50s]] ''---'' Jeremy- short summary about handling editions.
[[1:04:31|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=064m31s]] ''---'' Jeremy- About the tiddlywiki command line and "novice users"
[[1:06:00|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=066m00s]] ''---'' Jeremy- about including some plugins into the core, to make editions handling easier. tiddlyweb and filesystem
[[1:10:54|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=070m54s]] ''---'' Mario- about his proposals at the github issue.
[[1:18:00|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=078m00s]] ''---'' Mario- How do you want to deal with special cases, like the google analytics plugins.
[[1:19:55|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=079m55s]] ''---'' ... short pause ...
[[1:20:55|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=080m55s]] ''---'' Mario- dicussion about the setfield parameter in the tiddlywiki.info file. the "load" command would be an option. or a new .multids file.
[[1:25:00|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=085m00s]] ''---'' ... setfield is still flaged experimental. ...
[[1:29:55|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=089m55s]] ''---'' Jeremy- have a look at the recent changes. ... customizing the search result tabs is now possible.
[[1:34:50|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=094m50s]] ''---'' discussion about the TOC table of content in empty.html
[[1:36:10|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=096m10s]] ''---'' Jeremy- blog post about ghost and what really matters for conversion. discussion about improve the first impression ...
[[1:44:00|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=104m00s]] ''---'' Jeremy- about a new and easier landing page.
[[1:47:10|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=107m10s]] ''---'' Jeremy- what's next ... make the translation workflow work.
[[1:50:28|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=110m28s]] ''---'' Jeremy- about a discussion about using "standard toolkits" or tiddlywiki to do the translations. ... a long time ago.
[[1:53:00|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=113m00s]] ''---'' Jeremy- There may be some weekend hangouts in the future.
[[1:53:50|https://www.youtube.com/watch?v=OBoZzqu7tYg&t=113m50s]] ''---'' Bye! Bye!
"""
\define hangout() 067
<<header>>
"""
2014-11-11 ''---''
[[Youtube Link|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0]] ''---''
[[Google Hangout|https://plus.google.com/events/cuek4r3dmto6n3haq1na4vh4t6s]] ''---'' [[min to sec 68]]
---
"""
[[0:00:00|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=000m00s]] ''---'' Intro frtl: Yaka, Branimir, Danielo (later), Ed, Felix, Je
[[0:05:20|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=005m20s]] ''---'' Jeremy- agenda, Felix demoes his taskgraph plugin
[[0:06:50|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=006m50s]] ''---'' Felix- Taskgraph demo.
[[0:08:40|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=008m40s]] ''---'' .. idea .. main editor in the right sidebar, views, snapsh
[[0:09:40|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=009m40s]] ''---'' .. UI, tag filter, more filters to come
[[0:13:30|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=013m30s]] ''---'' .. using UUIDs to identify the tiddler
[[0:15:20|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=015m20s]] ''---'' Jeremy- You could have stored each edge as a tiddler. ...
[[0:21:45|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=021m45s]] ''---'' Mario- Is there a "textual" notation to define edges.
[[0:24:50|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=024m50s]] ''---'' Felix- about node clustering. ... about a possible hirachi
[[0:26:35|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=026m35s]] ''---'' .. why he used the vis.js library
[[0:28:35|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=028m35s]] ''---'' .. about his adaptor to the TW datastore
[[0:30:56|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=030m56s]] ''---'' Mario- Is it possible to create a dataset out of existing
[[0:35:18|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=035m18s]] ''---'' Jeremy- summary about the configuration tiddlers and the c
[[0:38:50|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=038m50s]] ''---'' Felix- about the roadmap. about the plugin history
[[0:44:10|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=044m10s]] ''---'' .. about the new TW "search tab"
[[0:46:00|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=046m00s]] ''---'' .. how to create a snapshot. .. multipe graphs in differen
[[0:47:30|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=047m30s]] ''---'' Jeremy- do you save the x/y position of the nodes. .. not
[[0:52:00|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=052m00s]] ''---'' .. discussion about the development
[[0:53:20|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=053m20s]] ''---'' Mario- vis.js is dynamically loaded at the moment??
[[0:55:50|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=055m50s]] ''---'' Felix- questions, about the TW module types. uploading to
[[1:02:20|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=062m20s]] ''---'' .. about the community feedback and further development.
[[1:04:55|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=064m55s]] ''---'' .. about the TW core as a starting point / datastore
[[1:07:05|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=067m05s]] ''---'' Branimir- about using it as a MindMap ..
[[1:10:20|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=070m20s]] ''---'' Felix- idea to create a ticketing system with TaskGraph
[[1:11:58|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=071m58s]] ''---'' .. discussion about GTD and what TW is used for
[[1:13:25|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=073m25s]] ''---'' Yaka- will it be possible to change to size of the nodes o
[[1:15:55|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=075m55s]] ''---'' Jeremy- What relationship do you see between TW and educat
[[1:16:48|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=076m48s]] ''---'' Felix- about his experience, working with TW. A fast way t
[[1:21:10|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=081m10s]] ''---'' .. comparing TW with word .. people should know aobut TW
[[1:24:20|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=084m20s]] ''---'' Jeremy- short summary ... some general discussion about kn
[[1:28:25|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=088m25s]] ''---'' .. discussion about organizing your knowledge and organizi
[[1:33:50|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=093m50s]] ''---'' .. how can we make TW more prominent / visible to users
[[1:35:40|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=095m40s]] ''---'' Mario- there is a "hidden" structure in tiddlers. Exposing
[[1:39:30|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=099m30s]] ''---'' Yaka- reflection about difficulties for new users, how to
[[1:42:45|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=102m45s]] ''---'' Jeremy- .. the core should have more "refactoring" feature
[[1:45:30|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=105m30s]] ''---'' Jeremy- Shows the new Export feature. discussion about the
[[1:52:20|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=112m20s]] ''---'' Danielo- Is the CSS exported too? yes, as inline CSS
[[1:53:55|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=113m55s]] ''---'' .. what's about exporting javascritp? no.
[[1:55:20|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=115m20s]] ''---'' .. export templates could dynamically load js libraries.
[[1:55:55|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=115m55s]] ''---'' Jeremy- zip file format may be possible in the future.
[[1:57:45|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=117m45s]] ''---'' Felix- Is it possible to do a "deep export" that contains
[[1:58:50|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=118m50s]] ''---'' Mario- When will 5.1.5 be released. .. sooon :) but have a
[[1:59:50|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=119m50s]] ''---'' Felix- How do you pass the parameters to eg: new-tiddler f
[[2:03:15|https://www.youtube.com/watch?v=H8G6BEQpvW0&t=0&t=123m15s]] ''---'' Bye! Bye!
"""
2014-11-18 ''---''
[[YouTube Link|https://www.youtube.com/watch?v=NlOSyUXAtoA]] ''---'' [[Google Hangout|https://plus.google.com/events/cv5b80i86jvnnkvj1g9ufq6vork]] ''---'' [[min to sec 69]]
---
"""
[[0:00:00|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=000m00s]] ''---'' Intro frtl: Yaka, Branimir, Eric, Jeff, Jeremy, Mario, Nathan
[[0:01:50|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=001m50s]] ''---'' Jeff- Uses TW for a fiew years .. back from Evernote
[[0:03:15|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=003m15s]] ''---'' Eric- Indie-Gogo campain: Inside TiddlyWiki: The Missing Manual see: indiegogo .com/projects/inside-tiddlywiki-the-missing-manual
[[0:05:10|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=005m10s]] ''---'' Eric- About the project
[[0:14:35|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=014m35s]] ''---'' Eric- About the rewards
[[0:17:15|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=017m15s]] ''---'' Jeremy- about feedback on the group for the book.
[[0:17:55|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=017m55s]] ''---'' Yaka- Why did you choose this model?
[[0:24:25|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=024m25s]] ''---'' Branimir- How do you imagine, updating the book?
[[0:28:43|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=028m43s]] ''---'' Jeremy- About TW's backwards compatibility and book updates.
[[0:33:43|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=033m43s]] ''---'' Jeremy- Agenda, Q&A, Show & Tell, other topics
[[0:34:22|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=034m22s]] ''---'' Yaka- Suggestion to make links to updated chapters. Users should be able to discuss about the content.
[[0:36:16|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=036m16s]] ''---'' Why is the spacing of the tiddler toolbar icons different, in edit mode, than in view mode.
[[0:39:04|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=039m04s]] ''---'' What highlighting language is used for text/plain tiddlers.
[[0:45:20|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=045m20s]] ''---'' Mario- about different MIME-Types for view mode and to "store" in TW.
[[0:47:01|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=047m01s]] ''---'' Jeremy- What's going on with the TW development: Export needs nested popups, which have to be developed.
[[0:51:33|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=051m33s]] ''---'' Jeremy- abou the new icons. They should be more consistent now.
[[0:56:06|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=056m06s]] ''---'' ... some discussion about the icons.
[[0:59:20|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=059m20s]] ''---'' Jeremy- Combined TOC with a pane to view the tiddler content.
[[1:03:33|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=063m33s]] ''---'' Jeremy- Improvements in the control panel.
[[1:04:25|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=064m25s]] ''---'' ... Some restyling for the plguins tab
[[1:05:12|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=065m12s]] ''---'' Yaka- About mobile usage of TW, especially as a mobile app.
[[1:07:45|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=067m45s]] ''---'' Mario- Do you know, how TW works with FireFox OS?
[[1:11:05|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=071m05s]] ''---'' Jeremy- With TW we are able to create static websites to be used with older browsers.
[[1:11:35|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=071m35s]] ''---'' Jeremy- wants to create a native mobile app with TW.
[[1:12:42|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=072m42s]] ''---'' Yaka- explains his ideas, about a mobile tw app / web app
[[1:14:25|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=074m25s]] ''---'' Jeremy- about the "add to home-screen" feature.
[[1:19:20|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=079m20s]] ''---'' Jeremy- about drag and drop in mobile
[[1:23:00|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=083m00s]] ''---'' Intro Felix- is creating a new plugin for TW.
[[1:23:30|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=083m30s]] ''---'' ... demo's his improvements of the Taskgraph plugin. Some discussion about the problems that poped up.
[[1:46:30|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=106m30s]] ''---'' Jeremy- about, how to make the plugin available.
[[1:47:47|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=107m47s]] ''---'' ... some general discussion about the workflow.
[[1:50:50|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=110m50s]] ''---'' Jeremy- short summary, may be there will be a "weekend hangout"
[[1:51:58|https://www.youtube.com/watch?v=NlOSyUXAtoA&t=111m58s]] ''---'' Bye! Bye!
"""
2014-11-11 ''---''
[[Youtube Link|https://www.youtube.com/watch?v=VKDVD6mf9tk]] ''---''
[[Google Hangout|https://plus.google.com/events/cfusv41bqto7jcc7l40oft30lv8]]
---
"""
[[0:00:00 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=00m00s]] ''---'' 0:00:00 Intro: frtl: Ed, Eric, Felix, Jeremy, Mario, Matias, Nathan, Tobias, Ton
[[0:05:13 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=05m13s]] ''---'' 0:05:13 Jeremy- about the agenda. .. How can we make TW more popular?!
[[0:09:30 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=09m30s]] ''---'' 0:09:30 Matias- Short summary about his (controversial) post in the group. "Hopefully NOT for the next 25 years!"
"""
* Add-ons (plugins, tweaks, themes...) - difficult to find or (more likely) even know they exist
* No quality assurance of add-ons
* Lacking documentation
* The aggregated knowledge from discussions relies on 3d part system not optimized for us
* Little insight into what attracts new users
* Little insight of user needs, tw applications, behaviours etc
* Challenging to get tiddlyverse overview (resources, applications, options, services, people...)
* Demanding learning curve for customization
* Too few developers (I'm just assuming this is always an issue)
"""
[[0:16:10 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=16m10s]] ''---'' 0:16:10 Jeremy- about his behaviour, to develop new TW features... not focusing on documentation.
[[0:18:50 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=18m50s]] ''---'' 0:18:50 Jeremy- about the moratorium for new features...
[[0:21:13 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=21m13s]] ''---'' 0:21:13 Felix- about the export functionality
[[0:22:50 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=22m50s]] ''---'' 0:22:50 Matias- about the responsibilities of / in the community and the infrastructure for the community to get involved.
[[0:28:15 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=28m15s]] ''---'' 0:28:15 Jeremy- his thoughts about the different points:
"""
* Add-ons (plugins, tweaks, themes...) - difficult to find or (more likely) even know they exist
* No quality assurance of add-ons
"""
[[0:33:05 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=33m05s]] ''---'' 0:33:05 .. about 3rd party plugins, that are not part of the core, but important.
[[0:34:45 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=34m45s]] ''---'' 0:34:45 Matias- about meta data / reviews for plugins...
"""
*Jeremy's thoughts about the existing infrastructure at tiddlywiki dot com
"""
[[0:43:00 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=43m00s]] ''---'' 0:43:00 Tobias- About tiddlywiki(.)org on TiddlySpace to be used as community maintained resources. ... general discussion
[[0:48:35 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=48m35s]] ''---'' 0:48:35 Tobias- about the possibilities to contribute with tiddlyspot / tiddlyspace
[[0:51:00 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=51m00s]] ''---'' 0:51:00 Mario- about a "classic" and "5" domain names ... general discussion about TS access rights. ... Mario can set them!
[[0:54:40 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=54m40s]] ''---'' 0:54:40 Jeremy- about moving TiddlyWikiDev group to github ... only the dev group!
[[0:56:25 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=56m25s]] ''---'' 0:56:25 Jeremy- Long term goal for the general TW discussion group. ... It should be federated. ... see "long term goal"
[[1:01:35 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=61m35s]] ''---'' 1:01:35 Matias- about the community responsibility structure ... general discussion
[[1:06:02 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=66m02s]] ''---'' 1:06:02 .. * Lacking documentation
[[1:07:37 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=67m37s]] ''---'' 1:07:37 .. * The aggregated knowledge from discussions relies on 3d part system not optimized for us
[[1:08:08 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=68m08s]] ''---'' 1:08:08 .. * Little insight into what attracts new users
"""
* Little insight of user needs, tw applications, behaviours etc
"""
[[1:10:35 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=70m35s]] ''---'' 1:10:35 Eric- about implementing a way for users to give feedback.
[[1:15:50 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=75m50s]] ''---'' 1:15:50 .. * Challenging to get tiddlyverse overview (resources, applications, options, services, people...)
[[1:16:20 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=76m20s]] ''---'' 1:16:20 .. * Demanding learning curve for customization
[[1:19:40 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=79m40s]] ''---'' 1:19:40 Matias- there should be more "ready to use" editions
[[1:23:00 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=83m00s]] ''---'' 1:23:00 Jeremy- about "better presenting the editions" we have.
[[1:24:00 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=84m00s]] ''---'' 1:24:00 Ed- Would making the group federated, be alienating those, who need help the most?
[[1:25:55 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=85m55s]] ''---'' 1:25:55 Matias- What about common discussion boards? It seems, Jeremy doesn't like them ...
[[1:33:15 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=93m15s]] ''---'' 1:33:15 Tobias- what about a "dummy github repo" just for discussion?
[[1:38:50 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=98m50s]] ''---'' 1:38:50 Jeremy- short summary of the above.
[[1:43:10 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=103m10s]] ''---'' 1:43:10 * Too few developers (I'm just assuming this is always an issue)
[[1:45:30 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=105m30s]] ''---'' 1:45:30 * Little insight into what attracts new users
[[1:45:30 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=105m30s]] ''---'' 1:45:30 Jeremy- refletions, about what happens, if you want to make TW "more conventional" ... but TW is "unconventional" and we shouldn't be afraid of it.
[[1:52:10 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=112m10s]] ''---'' 1:52:10 .. about "specific editions" ..
[[1:54:10 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=114m10s]] ''---'' 1:54:10 .. about the TW slogan / tagline
[[1:55:30 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=115m30s]] ''---'' 1:55:30 Matias- Thx for picking up those topics.
[[1:56:50 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=116m50s]] ''---'' 1:56:50 Jeremy- Some TW group statistics ...
[[1:58:30 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=118m30s]] ''---'' 1:58:30 Eric- Promoting the "Inside TiddlyWiki" Book!
[[1:59:50 | https://www.youtube.com/watch?v=VKDVD6mf9tk&t=119m50s]] ''---'' 1:59:50 Bye! Bye!
"""
\define hangout() 027
<<header>>
"""
2014-12-09 ''---'' [[YouTube Link|https://www.youtube.com/watch?v=m2JyJWjAUns]] ''---'' [[Google Hangout|https://plus.google.com/events/cctc08rfqq76gtun5r4safd19ds]]
---
"""
00:00:00(0000s) ''---'' [[00:00:00|https://www.youtube.com/watch?v=m2JyJWjAUns]] - Introductions
Hangout Creator [[Jeremy Ruston|JeremyRuston]] - [[Branimir Braykov]] - [[Ed Dixon]] - [[Eric Shulman]] - [[Mario Pietsch]] - [[Daniello]] - [[Tobias Beer]] - [[Jed Carty]] - Nathan
00:02:03(0123s) ''---'' [[00:02:03|https://www.youtube.com/watch?v=m2JyJWjAUns&t=123s]] - [[Eric IndieGogo Update|TwHo#72 - Eric IndieGogo Update]]
00:12:45(0765s) ''---'' [[00:12:45|https://www.youtube.com/watch?v=m2JyJWjAUns&t=012m45s]] - [[Discussion on PR|TwHo#72 - Discussion on PR]]
00:17:45(1065s) ''---'' [[00:17:45|https://www.youtube.com/watch?v=m2JyJWjAUns&t=017m45s]] - [[Matt Goldman Poster Idea|TwHo#72 - Matt Goldman Poster Idea]]
00:22:44(1354s) ''---'' [[00:22:44|https://www.youtube.com/watch?v=m2JyJWjAUns&t=022m44s]] - [[BiblioBox & Pirate Box|TwHo#72 - BiblioBox & Pirate Box]]
00:25:02(1502s) ''---'' [[00:25:02|https://www.youtube.com/watch?v=m2JyJWjAUns&t=025m02s]] - [[Stephen Kimmel Post on New Users Testing|TwHo#72 - Stephen Kimmel Post on New Users Testing]]
00:34:30(2070s) ''---'' [[00:34:30|https://www.youtube.com/watch?v=m2JyJWjAUns&t=034m30s]] - [[Getting Started is out of date|TwHo#72 - Getting Started is out of date]]
00:36:08(2168s) ''---'' [[00:36:08|https://www.youtube.com/watch?v=m2JyJWjAUns&t=036m08s]] - [[More New User Experiences|TwHo#72 - More New User Experiences]]
00:41:44(2504s) ''---'' [[00:41:44|https://www.youtube.com/watch?v=m2JyJWjAUns&t=041m44s]] - [[Concise Documentation|TwHo#72 - Concise Documentation]]
00:47:14(2834s) ''---'' [[00:47:14|https://www.youtube.com/watch?v=m2JyJWjAUns&t=047m14s]] - [[Documentation Examples|TwHo#72 - Documentation Examples]]
00:52:27(3147s) ''---'' [[00:52:27|https://www.youtube.com/watch?v=m2JyJWjAUns&t=052m27s]] - [[Branimir Documentation Examples and Doc Discussion|TwHo#72 - Branimir Documentation Examples and Doc Discussion]]
01:07:48(4068s) ''---'' [[01:07:48|https://www.youtube.com/watch?v=m2JyJWjAUns&t=067m48s]] - Hi Nathan
01:10:57(4257s) ''---'' [[01:10:57|https://www.youtube.com/watch?v=m2JyJWjAUns&t=070m57s]] - [[Return to Test Subject - Didn't Read Documentation|TwHo#72 - Return to Test Subject - Didn't Read Documentation]]
01:20:55(4855s) ''---'' [[01:20:55|https://www.youtube.com/watch?v=m2JyJWjAUns&t=080m55s]] - Hi Daniello Good to see you could make it
01:22:17(4937s) ''---'' [[01:22:17|https://www.youtube.com/watch?v=m2JyJWjAUns&t=081m34s]] - [[Getting Started Discussion|TwHo#72 - Getting Started Discussion]]
01:25:56(5156s) ''---'' [[01:25:56|https://www.youtube.com/watch?v=m2JyJWjAUns&t=085m56s]] - [[Technical Question - Plug Ins using libraries|TwHo#72 - Technical Question - Plug Ins using libraries]]
01:29:20(5360s) ''---'' [[01:29:20|https://www.youtube.com/watch?v=m2JyJWjAUns&t=089m20s]] - [[Jed Introduction and Discussion of his work|TwHo#72 - Jed Introduction and Discussion of his work]]
01:41:46(6106s) ''---'' [[01:41:46|https://www.youtube.com/watch?v=m2JyJWjAUns&t=101m46s]] - [[What is the easiest way to do dynamic mail to links?|TwHo#72 - What is the easiest way to do dynamic mail to links?]]
01:45:05(6305s) ''---'' [[01:45:05|https://www.youtube.com/watch?v=m2JyJWjAUns&t=105m05s]] - [[Is there a way to get direct HTML transclusion?|TwHo#72 - Is there a way to get direct HTML transclusion?]]
01:51:31(6691s) ''---'' [[01:51:31|https://www.youtube.com/watch?v=m2JyJWjAUns&t=111m31s]] - [[Daniello Sync Adapter|TwHo#72 - Daniello Sync Adapter]]
02:06:20(7580s) ''---'' [[02:06:20|https://www.youtube.com/watch?v=m2JyJWjAUns&t=126m20s]] - Good Byes!!!
2014-12-16 ''---'' [[YouTube Link|http://www.youtube.com/watch?v=EU-H0xhga08]] ''---'' [[Google Hangout|https://plus.google.com/events/cma8t37ad9518rjiobed7b63rpk]] - TW Version at time of Hangout 5.1.5
---
"""
Direct Time Link ''---'' Tiddler with Embedded YouTube Video
[[00:00:00|http://www.youtube.com/watch?v=EU-H0xhga08&t=000m00s]] ''---'' Hangout Creator [[Jeremy Ruston|JeremyRuston]] - [[Branimir Braykov]] - [[Dave Gifford]]
[[Eric Shulman]] @ 50:00 [[Alex Hough]] and [[Nathan developer in US]]
[[00:01:25|http://www.youtube.com/watch?v=EU-H0xhga08&t=001m25s]] ''---'' Q & A Start
[[00:01:40|http://www.youtube.com/watch?v=EU-H0xhga08&t=001m40s]] ''---'' [[Alberto Molina Pérez Question|TwHo#73 - Alberto Molina Pérez Question]]
[[00:05:00|http://www.youtube.com/watch?v=EU-H0xhga08&t=005m00s]] ''---'' [[Andreas Hahn Question|TwHo#73 - Andreas Hahn Question]]
[[00:10:35|http://www.youtube.com/watch?v=EU-H0xhga08&t=010m35s]] ''---'' [[Branimir Braykov Question|TwHo#73 - Branimir Braykov Question]]
[[00:21:30|http://www.youtube.com/watch?v=EU-H0xhga08&t=021m30s]] ''---'' [[Branimir Braykov 2nd Question|TwHo#73 - Branimir Braykov 2nd Question]]
[[00:26:21|http://www.youtube.com/watch?v=EU-H0xhga08&t=026m21s]] ''---'' [[BuggyJ Discussion|TwHo#73 - BuggyJ Discussion]]
[[00:27:12|http://www.youtube.com/watch?v=EU-H0xhga08&t=027m12s]] ''---'' [[Thanks to Eric|TwHo#73 - Thanks to Eric]]
[[00:30:50|http://www.youtube.com/watch?v=EU-H0xhga08&t=030m50s]] ''---'' [[Dave Gifford 1st Question|TwHo#73 - Dave Gifford 1st Question]]
[[00:31:24|http://www.youtube.com/watch?v=EU-H0xhga08&t=031m24s]] ''---'' [[Dave Gifford 2nd Question|TwHo#73 - Dave Gifford 2nd Question]]
[[It happens once every Tuesday|http://www.youtube.com/watch?v=EU-H0xhga08&t=041m03s]]
[[00:46:00|http://www.youtube.com/watch?v=EU-H0xhga08&t=046m00s]] ''---'' [[Inline Discussion|TwHo#73 - Inline Discussion]]
[[00:51:18|http://www.youtube.com/watch?v=EU-H0xhga08&t=051m18s]] ''---'' Hi to Alex and Nathan
[[00:52:45|http://www.youtube.com/watch?v=EU-H0xhga08&t=052m45s]] ''---'' [[Alex any questions?|TwHo#73 - Alex any questions?]]
[[00:56:11|http://www.youtube.com/watch?v=EU-H0xhga08&t=056m11s]] ''---'' [[TiddlyWiki Name Story and more Stickleback|TwHo#73 - TiddlyWiki Name Story and more Stickleback]]
[[01:04:00|http://www.youtube.com/watch?v=EU-H0xhga08&t=064m00s]] ''---'' [[Alex discussing the European Connection|TwHo#73 - Alex discussing the European Connection]]
[[01:06:38|http://www.youtube.com/watch?v=EU-H0xhga08&t=066m38s]] ''---'' [[Russian Christmas Tree TW - TiddlyWiki as a CMS|TwHo#73 - Russian Christmas Tree TW - TiddlyWiki as a CMS]]
[[01:11:56|http://www.youtube.com/watch?v=EU-H0xhga08&t=071m56s]] ''---'' [[Discussion on GitHub about Group Tiddler Export|TwHo#73 - Discussion on GitHub about Group Tiddler Export]]
[[01:13:24|http://www.youtube.com/watch?v=EU-H0xhga08&t=073m24s]] ''---'' [[2nd Post on GitHub Ticket|TwHo#73 - 2nd Post on GitHub Ticket]]
[[01:24:15|http://www.youtube.com/watch?v=EU-H0xhga08&t=084m15s]] ''---'' [[Modal Dialogs Discussion|TwHo#73 - Modal Dialogs Discussion]]
__''---''Bumped''---''[[1:31:00|http://www.youtube.com/watch?v=EU-H0xhga08&t=91m30s]] ''---'' [[Bump till next time discussion of State Tiddlers|TwHo#73 - Bump till next time discussion of State Tiddlers]]__
[[01:33:00|http://www.youtube.com/watch?v=EU-H0xhga08&t=093m00s]] ''---'' [[Discussion of 5.1.6|TwHo#73 - Discussion of 5.1.6]]
[[01:34:58|http://www.youtube.com/watch?v=EU-H0xhga08&t=094m58s]] ''---'' [[Big Jump in Groups Traffic and TW Usage discussion|TwHo#73 - Big Jump in Groups Traffic and TW Usage discussion]]
[[There's a Troll in the Box|http://www.youtube.com/watch?v=EU-H0xhga08&t=95m14s]]
[[01:44:23|http://www.youtube.com/watch?v=EU-H0xhga08&t=104m23s]] ''---'' [[Good Stuff is kept by developers|TwHo#73 - Good Stuff is kept by developers]]
[[01:52:41|http://www.youtube.com/watch?v=EU-H0xhga08&t=112m41s]] ''---'' [[Alex Discusses how he copy pastes PDF to txt files|TwHo#73 - Alex Discusses how he copy pastes PDF to txt files]]
[[01:54:08|http://www.youtube.com/watch?v=EU-H0xhga08&t=114m08s]] ''---'' [[Sublime Text Discussion|TwHo#73 - Sublime Text Discussion]]
[[01:57:10|http://www.youtube.com/watch?v=EU-H0xhga08&t=117m10s]] ''---'' [[Code Mirror PlugIn|TwHo#73 - Code Mirror PlugIn]]
[[01:59:39|http://www.youtube.com/watch?v=EU-H0xhga08&t=119m39s]] ''---'' [[Zettelkasten|TwHo#73 - Zettelkasten]]
[[02:02:12|http://www.youtube.com/watch?v=EU-H0xhga08&t=122m12s]] ''---'' [[Eric Discusses Computer Tools|TwHo#73 - Eric Discusses Computer Tools]]
[[02:04:12|http://www.youtube.com/watch?v=EU-H0xhga08&t=124m12s]] ''---'' [[Alex Discusses Flow|TwHo#73 - Alex Discusses Flow]]
[[02:08:08|http://www.youtube.com/watch?v=EU-H0xhga08&t=128m08s]] ''---'' [[Eric Discusses how he creates the Wiki Way|TwHo#73 - Eric Discusses how he creates the Wiki Way]]
[[02:10:36|http://www.youtube.com/watch?v=EU-H0xhga08&t=130m36s]] ''---'' Thank Yous and Wave Goodbye
\define hangout() 074
<<header>>
Details Coming Soon
"""
<<topic "00:00:00" Introductions>> - [[Eric Shulman]], [[Rich Shumaker]]
<<topiclink "00:01:40" "Eric Updates us on his IndieGogo" >>
<<topiclink "00:05:55" "TW Hangouts Page Rich Shumaker" >>
\define hangout() 075
<<header>>
"""
''Thanks to Astrid for all her help with the Hangouts and the Macros she has created and updated.''
<<topic "00:00:00" "Introductions">> [[Jeremy Ruston|JeremyRuston]] - [[Jed Carty]] - [[Mario Pietsch]] - Nathan - [[Nicholas Spies]] <<sep>> Holiday Break
<<topiclink "00:01:45" "Discussion of the Hangout and creating Tiddlers">>
<<topic "00:04:34" "Nathan says Hi">>
"""
<<topilink "00:05:17" "Jed YouTube Macros"">>
"""
<<topiclink "00:14:00" "Nicholas Question Double Scroll Bar Issue">>
<<topiclink "00:21:35" "Nicholas Introduction and Question about Navigation Back and Forward Buttons">>
<<topiclink "00:26:00" "Nicholas Question - Zoomable User Interface">>
<<topiclink "00:38:00" "Nicholas Question - TW as an email client">>
<<topiclink "00:44:50" "Nicholas Question - Other desirable linkages would be Wolfram Alpha, FRINK, General Conversions">> - Look at Wolfram Alpha - Degree of implemenation with Wolfram is based on the API - Probably easiest in TiddlyDesktop - Downloadable content is only with Pro Account - [[Wolfram Alpha|http://www.wolframalpha.com/]] - [[Frink|http://futureboy.us/fsp/frink.fsp]] - We should be able to take advantage of the API with the single TW version - Probably need to be done on the Node.js Version of TiddlyWiki or in TiddlyDesktop
<<topiclink "00:51:00" "Nicholas Mock Up of Sidebar">> Could not find the mock up from Jeremy's Email or where it was posted
<<topiclink "00:53:48" "I Remembered - Timelapse of TW Development - Fun thing from the Summer">> [[Timelapse video of TW development|https://www.youtube.com/watch?v=aROD7iUM85g]] - Every committed GitHub version of TW5 - Originally TW5 had a positionally linked Top bar - Layout of a horizonal tool bar
<<topiclink "00:58:40" "TiddlyWiki Desktop Update and Plan">> Not a lot has changed since last weeks demo because of the holidays - [[LessBackupsPlugin|http://mptw.tiddlyspot.com/#LessBackupsPlugin]] by Daniel Baird - Mario - Do the compression on the OS level using ZIP - Jeremy include zip.js
<<topiclink "01:02:41" "Introduction - Nick Spies">> Introduction by Nick - Primarily using TW as Email Integration by hand - Working with it for several weeks - heard about it from writing a book on Kplus - Dropped ~TiddlyWiki at the same time - What tools have you used in the past - He has written in linear editors like EMACS - Pre WWI Russia Financial Empire - LaTEX is what he used - Straight translation with some modifications for readability - Video Editor and Multimedia work
<<topiclink "01:06:56" "Switching Topics - Video Editing Concept of Learning TW">>Finding the optimal path between the material - It would be nice to have the optimal way of learning in a branching medium - Gets off on a sidetrack and can't easily get back - What is the optimal path for learning TW5 - By using Tags or something like that - The Groups are Confusing - [[GitHub|https://github.com/Jermolene/TiddlyWiki5]] - [[Google Groups TW5 and Classic|https://groups.google.com/forum/#!forum/tiddlywiki]] - [[Google Groups Dev|https://groups.google.com/forum/#!forum/tiddlywikidev]] - [[Google Groups Docs|https://groups.google.com/forum/#!forum/tiddlywikidocs]]
<<topiclink "01:09:50" "Question by Mario about TW.Com to Nick">> Is the Contents Tab not sufficient at TiddlyWikiDotCom? Within ~TiddlyWiki itself there doesn't seem to be a mechanism for 'learn' mode with one or more paths to follow when you are learning - Discussion of learning ~TiddlyWiki mechanism - Create the Introduction ~TiddlyWiki into a guided learning experience - Preset Path is very interesting - Tabs at top would have a preset story - Introduction - Latest - and would feel hopefully like a 'normal' website - Using a Non-Linear Tool to provide a Linear Experience with ~TiddlyWiki
<<topiclink "01:16:30" "History 'mode' inside TiddlyWiki">> Magic Tiddler - [[History|$:/HistoryList]] - Discussion of OS usage
<<topiclink "01:21:35" "Nick shows his mock up">> Demonstration of Nick's TiddlyWiki Mock Up - [[Go|http://en.wikipedia.org/wiki/Go_%28game%29]] Game Discussion as it applies to ~TiddlyWiki - Textual representation to another system - Make TW an Environment to be easily bring in other notation systems - [[SGF or Smart Game Format|http://senseis.xmp.net/?SmartGameFormat]] - Choreographers have a notation system for writing down the movements - Chord diagrams would be another example
<<topiclink "01:29:20" "Write a Novel - Dump it to another system">> Use ~TiddlyWiki to create the book and then dump to another system like [[TeX|http://en.wikipedia.org/wiki/TeX]]
<<topiclink "01:30:09" "Zooming Interface">> Demonstation of Zoom Interface and [[Taskgraph]] - Social Networks can be mapped in [[Mathematica|http://www.wolfram.com/mathematica/]] not Wolfram Alpha
<<topiclink "01:33:54" "Nick's Programming Background">> Wrote a book on [[forth|http://www.goodreads.com/book/show/7034911-forth-a-text-and-reference]] - Linelife written in 4 lines of fourth code - This formed the foundation for [[A New Kind of Science by Stephen Wolfram|http://en.wikipedia.org/wiki/A_New_Kind_of_Science]] - Jeremy was interested in [[forth|http://en.wikipedia.org/wiki/Forth_%28programming_language%29]] - BBC Micro had a music synth in forth - Mention of [[PETIL|http://tiddlywiki.com/#%22PETTIL%20-%20Forth%20for%20the%20Commodore%20PET%22%20by%20Charlie%20Hitselberger]] by Charlie Hitselberger - [[His Site Directly|http://chitselb.com/files/tiddlypettil.html]] - Commodore Pet - MK14 - 6502 Processor - Nick also did [[Hypercard|http://en.wikipedia.org/wiki/HyperCard]] programming received program from Bill Atkinson - Taught Hypercard at Carnegie Mellon for lay people
Mario mentions [[RASPBERRY PI|http://www.raspberrypi.org]] PROJECT and they are using Sketch
<<topiclink "01:43:40" "Having growing up and learning all this hardcore type programming">> People don't understand if they haven't written certain things - Hypercard - [[Lingo|http://en.wikipedia.org/wiki/Lingo_%28programming_language%29]] - Still [[Supercard|http://en.wikipedia.org/wiki/SuperCard]] - [[Revolution currently LiveCode|http://en.wikipedia.org/wiki/LiveCode]] - Transclusion Definition - Reference to content that is listed already somewhere else
<<topiclink "01:48:46" "Critical Skills to have to contribute to TiddlyWiki">> GitHub is essential to contribute to the group. You don't need to know JavaScript per se. GitHub Pull Request is probably the best start.
<<topic "01:52:14" "Thank you and Wave Goodbye">>
"""
\define hangout() 076
<<header>>
"""
<<topiclink "00:00:00" "Introductions">>
<<topic "0:00:00" "Intro: frtl: Alex (later), Eric (later), Jed, Jeremy, Mat, Nathan (later), Rich (later), Tobias">>
<<topic "0:02:08" "Jeremy- about the agenda">>
<<topic "0:03:12" "Jeremy- about a post from Neil in the group: 'How do we present TW to new users'. Who is or should be our target group at the moment.">>
<<topic "0:08:40" ".. aobut a 'guided edition' for absolute beginners.">>
<<topic "0:10:17" ".. status quo at the moment.">>
<<topic "0:11:00" "Intro- Alex and Rich">>
<<topic "0:12:00" ".. status quo at the moment. ... What does the HO audience think? ... discussion">>
<<topic "0:19:06" "Jeremy- To whom, do we want to sell TW? ... discussion">>
<<topic "0:22:25" ".. How can we make it easier for beginners? ... The first impression">>
<<topic "0:24:15" "Rich- Can / Should there be other sites to learn TW? ..">>
<<topic "0:25:25" "Intro- Eric, Nathan">>
<<topic "0:26:24" "all- final thoughts / discussion ...">>
<<topic "0:41:17" "Jeremy- Mat's questions- about federation ... What happens if TW has a break through and a lot of new users. What will happen?">>
<<topic "0:45:22" "Jeremy- about GitHub pull requests and discussions. Should I make a pull request? ... If they are actionable.">>
<<topic "0:49:25" "Jeremy- summary about 'what is a pull request'">>
<<topic "0:50:20" "Mat- about github. ... Some guidelines, how to contribute to GitHub.">>
<<topic "0:52:30" "Jeremy- short intro about the new 'railroad' diagrams">>
<<topic "0:57:10" "Jeremy- would like to have somebody in the community, who creates a 'news bullitin board' for TiddlyWiki. ... discussion">>
<<topic "1:01:50" "Mat- about federation .. What could we do, if there would be TW federation. The minimum requirement to participate, should be a static web server. ...">>
<<topic "1:13:55" "Rich ... How does the RSS stuff work?">>
<<topic "1:17:52" "Intro Arlen (no mic)">>
<<topic "1:18:07" "Mat ... discussion about iframes, and security concerns.">>
<<topic "1:22:10" ".. Is it possible to target only one tiddler? .. yes TiddlyWeb">>
<<topic "1:26:39" ".. discussion about how to get one tiddler with a node.js server.">>
<<topic "1:45:30" "Nicholas Q&A- may be next time">>
<<topic "1:47:40" "next handgout will be 27th of Jan. 2015">>
<<topic "1:48:30" "Bye! Bye!">>
\define hangout() 077
<<header>>
!!Log Completed and being converted and uploaded
\define hangout() 078
<<header>>
"""
<<topic "00:00:00" Introductions>>
[[Jeremy Ruston]] <<sep>> [[Ed Dixon]] <<sep>> [[Nick Spies|Nicholas Spies]] <<sep>> [[Jed Carty]] <<sep>> [[Mario Pietsch]] <<sep>> [[Steve Schneider]] <<sep>> [[Nathan Cain]] <<sep>> [[Alberto Molina Pérez]]
<<topic "00:04:20" "Branimir Blanker Theme Question">>
<<topiclink "00:05:10" "TiddlyPip">>
<<topiclink "00:30:40" "Kickstarter Campaign Idea">>
<<topiclink "00:42:55" "Steve Demo's his work">>
<<topiclink "00:51:10" "Steve Interactive Text Class Walkthrough">>
<<topic "01:11:30" "~TiddlyWiki is not wysiwyg">>
<<topiclink "01:19:00" "Federation">>
<<topiclink "01:30:25" "What else could we do with this architecture">>
<<topiclink "01:42:00" "Demonstration of Federated Idea for plug ins">>
<<topic "01:48:30" "Interesting usage discussion with TiddlyDesktop">>
<<topic "01:52:45" "Thanks and Goodbye">>
\define hangout() 079
<<header>>
!!Log Coming Soon
\define hangout() 080
<<header>>
!!Log Coming Soon
\define hangout() 081
<<header>>
!!Log Coming Soon
\define hangout() 082
<<header>>
!!Log Coming Soon
The Groups are Confusing and a user needs to know where to go to do what
[[Google Groups TW5 and Classic|https://groups.google.com/forum/#!forum/tiddlywiki]] - This group is for both TW5 and ~TiddlyWiki Classic - Posts are specified in the Subject [TW5] or [TWC] - Also I started to use the abreviation TiddlyWikiDotCom to avoid confusion
!!The Goal is to move from Google Groups to ~TiddlyWiki using the [[Eat Your Own Dog Food|http://en.wikipedia.org/wiki/Eating_your_own_dog_food]] Concept
[[Google Groups Docs|https://groups.google.com/forum/#!forum/tiddlywikidocs]] - This is the Google Group for the documentation of ~TiddlyWiki
[[Google Groups Dev|https://groups.google.com/forum/#!forum/tiddlywikidev]] - Google Group for ~TiddlyWiki Developers - Slowly things are being moved over to GitHub
[[GitHub|https://github.com/Jermolene/TiddlyWiki5]] - Used to help create new code for TiddlyWiki and also being used for the documentation - (RS NOTE - Need GitHub Documentation Link)
[[TiddlyWiki Dev Google Group|https://groups.google.com/forum/#!forum/tiddlywikidev]]
Abv. for http://www.tiddlywiki.com
[[tb5|http://tb5.tiddlyspot.com/#Tobias%20Beer]] / [[tobibeer@TiddlySpace|http://tobibeer.tiddlyspace.com/]] + [[tobibeer@GitHub|https://github.com/tobibeer]]
So the idea here is to create a single card that has a special TAG or a Special Content Type of [[twCard]] or something like that.
```
Name:
Website:
Picture:
Sound:
```
Then the content is formatted according to the twCard layout so you put
```
{Rich Shumaker}
{http://www.richshumaker.com}
{http://richshumaker.com/images/selfportrait1th.jpg}
{audio.m4a}
```
Research stuff for this [[TW Site on Filters|http://tiddlywiki.com/#Introduction%20to%20Filters]]
TiddlyWiki Hangout occur every Tuesday @ 4pm GMT/UTC
See [[Hangout Tiddler]]
This Tiddler is for [[my|Rich Shumaker]] ideas on twCards.
I use a twCard for the idea of [[<Name Plate>]]
The idea behind the twCard is an Everything Card that follows a standard format that can easily be shared between TiddlyWiki's(and the world).
Base them on [[jCards 4.0|https://tools.ietf.org/html/rfc7095]]
Ideas in no particular order about twCards
* [[Customizable|twCard Options]] so that you can have the fields you want, you want (Facebook, YouTube, Email) you got it. You want (Nickname, IRQ Handle, favorite site to attend the forum of) you goit it
* you can add your name plate(twCard) to a Tiddler
* It can include an image
* Multimedia inclusion to allow Avatars in different formats
* Do we impose a maximum size and can you compress the data?
* Easily transferred from one TiddlyWiki to another - Drag and Drop
Tagged twCard
{{{ [tag[twCard]!sort[title]] }}}
"""
Or is that Event twCard.
This is a twCard that is created for an Event.
It is a [[<Name Plate>]] that you would have outside the virtual door to the room having the event.
"""
Tagged twCard Event
{{{ [tag[twCard Event]] }}}
NOTE - I have created Tiddlers for all of these options using ### for the hangout Number.
This is the opposite of creating a single card for each hangout
"""
See
[[$:/.rich/data/videos]]
[[$:/.rich/data/twversion]]
[[$:/.rich/data/twtags]]
[[$:/.rich/data/twhangoutdates]]
[[$:/.rich/data/twhangout_exceptions]]
[[$:/.rich/data/googlehangouts]]
Here are some ideas for options you could have on your twCard
"""
* Name
* Nickname
* Avatar
* Physical Address
* Email Addy
** Encoded so spiders can't get or we just convert it ourselves with R Money At G $ Dot C - Not sure how to include email addresses because of data scrapers
* Web Addy
** Customizable to allow for many different site types - Music Site - Image Site - Video Site - Blog Site
* Tiddler Title?
** I was thinking about this as a Label for a Video - So for Google Hangout you create a twCard that you add via Tag to every Tiddler with that Content - Then when you update the twCard all of them have the updated data
*twSites: List of all your sites that use TW5
```
Pseudo Code Example of twCard for Google Hangout
Format
Item(:){Single Space}Data(; - Seperator)Data2;Data3;ect
Date: 2014-12-16
Time: 4pmGMT
YouTube Link Id: EU-H0xhga
Google Hangout id: cma8t37ad9518rjiobed7b63rpk
TW Version @ Hangout: 5.1.5
Attended: [[Jeremy Ruston|JeremyRuston]];[[Branimir Braykov]];[[Dave Gifford]];[[Eric Shulman]];[[Alex Hough]];[[Nathan developer in US]]
Running Time: 02:10:56 format
<<embed "074" "00:01:40" "00:05:54">>
Eric Updates us on his [[IndieGogo|https://www.indiegogo.com/projects/inside-tiddlywiki-the-missing-manual]]
<<embed "075" "00:01:45 " "00:05:16">>
Rich Shumaker Notes — I am working out the details of Tiddlers for each section with the Embeded video for the start and stop
<<embed "075" "00:05:17 " "00:13:59">>
[[Jed Carty Site|http://inmysocks.tiddlyspot.com/]] <<sep>>[[YouTube Video Annotations]] <<sep>> Concatination of URL's Solution is in the Tiddler <<sep>> A built in YouTube widget(into the core) would be very helpful - Google(~YouTube) has a good API to work with
<<embed "075" "00:21:35 " "00:25:59">>
Introduction by Nick Southeast PA - If you are using the Desktop then you don't get the back window and forwards - Saves the pages you have opened by default - Should these be used by default? Update Navigation History - Switch to Navigation Address Bar - These are planned for TiddlyDesktop
<<embed "075" "00:38:00 " "00:44:49">>
Better integration with email would be very useful - Jeremy saw this as an imap protocol implementation into ~TiddlyWiki - From Mario eamil.js link - Email in pure javascript imap client but not imap server - being an imap client opens up possiblities as Nick is imagining - How would we do it? Write a library and there are existing libraries we could take advantage of - Store Tiddlers on an imap server - Idea could work - We are interested in email integration - Eating our own dogfood Google Group - Jeremy uses email to answer things and therefore having integration would allow this - [[IFTTT|https://ifttt.com/]] - If This Then That - Creating workflows using this would get us a lot of flexibility - Resounding Yes on using TW as an email client
<<embed "075" "00:26:00 " "00:37:59">>
Infinite Zoomable Map Tiddlers done in TW Classic - Everyone could create there own Maps of the data - Data relationships based on size and location - It is being used in the introduction TiddlyWiki - Special Theme called Hide Furniture - Scrollable "cecily-demo" story view in ~TiddlyWiki Tiddler ~CecilyMap - JSON Tiddler - [[Taskgraph]] Viz.js implementation
<<embed "075" "00:14:00 " "00:21:34">>
Screenshare of the issue in IE - Does not appear on the MAC until you use it so there is less confusion - Alternative Layout that is more App like - Default Layout should not be changed as it should be more like a webpage then an APP - Offical Theme should be created for this <<sep>> ''Top Bar'' has an issue when you use a large image and the scroll mechanism does not know about the Toolbar - Introduce a new Story View that uses Javascript to layout the window - Best way to fix this is to fix the way we do the sidebars
{{!!segment_description}}
<$set name=videoID value={{$:/.rich/data/videos##076}}>
<$macrocall $name="youtube-embed" video=<<videoID>> start="00:00:00" end="00:02:10"/>
</$set>
[[Matias Goldman]] <<sep>> [[Tobias Beer]] <<sep>> [[Jeremy Ruston]] <<sep>> [[Jed Carty]] <<sep>> [[Alex Hough]](later) <<sep>> [[Nathan Cain]](later) <<sep>> [[Eric Shulman]](later) <<sep>> [[Arlen Beiler]] <<sep>> [[Rich Shumaker]](later)
<<embed "078" "01:42:00 " "01:48:29">>
"""
It is built with Tiddlywiki and it kinda works and have not run into many problems
This could be the basics of a query requests to the outside world
[[react.js]] comes up
<<embed "078" "01:18:59 " "01:30:24">>
"""
[[Rich Shumaker]] brought up several questions in regards to this. [[<Name Plates>|https://groups.google.com/forum/#!searchin/tiddlywiki/name$20plate/tiddlywiki/MIpR-IPvI8o/b3CalZvOKmIJ]] <<sep>> [[Tweet This or Pin That|https://groups.google.com/forum/#!searchin/tiddlywiki/Rich$20Shumaker/tiddlywiki/Si_3u94WI3Y/KgxF_vJ2TQQJ]] <<sep>> [[TW Social|https://groups.google.com/forum/#!searchin/tiddlywiki/Rich$20Shumaker/tiddlywiki/g4giXPhMPao/63QS-uaGxeQJ]]
By adding new languages into TW this grew TiddlyWiki to over 4.5mb which raises a flag
Install a TW ~PlugIn from inside TiddlyWiki - with current technology this can not be created
Ways to implement ideas like this
"""
#XML HTTP requests - Browsers have a same origin policy, so this won't work
#JSONP is the another way to do this - JSONP introduces an security issue if we try to do this
#''Window Post Message(API in Javascript) inside an iFrame - with this architecture this would work''
<<embed "078" "00:30:40 " "00:42:54">>
"""
He hopes to realease the draft over the next few days.
Sum of money MUST be reached.
If it is not reached then the campaign does not go forward.
Rewards - Publishing of at different ranges - Jeremy will be posting this soon
From Mario - Kickstarter is about getting PR and getting it out there
Jeremy Mentions [[Workflow APP|https://workflow.is/]]
Nick brings up [[LateX|http://www.latex-project.org/]] as a way to bring more people into the fold from Academia
<<embed "078" "00:42:55 " "00:51:09">>
"""
Timeline from Steve - Spent the year working in TiddlyWiki - He presents his course materials in TiddlyWiki
He also has his masters students use TiddlyWiki to do their work
Uses TW as a way to learn HyperText
10 to 20% will take the next step from the ones he teaches.
Not a great front end for reading it is a great front end for creation
Mario has about 2/3 related to SUNY IT - They write a lot of great stuff, lots of complaints about the UI
<<embed "078" "01:11:30 " "01:18:59">>
"""
[[Steve's Class Tiddlywiki|http://sunyit-hypertextjournal.tiddlyspace.com/]] - This is broken into a student TiddlyWiki and a teacher TiddlyWiki
NOTE - I could not find the exact one that was being demonstrated.
Here is a link to other ones [[both on PolySci as well as HyperText|http://stevesuny.tiddlyspace.com/Spring2015TiddlyspaceStructure]]
Fresh TiddlySpace for each Module that Steve teaches
Hypertext design and writing with hypertext
Filters Sorts - TiddlyWiki is the purest form of this
Associational thinking
Multidimensional representation
Teaching students to use your brain 'better' to allow them to understand interlinks between things
Note this TiddlyWiki below is from the actual ~PolySci class
[[PolySci Class sunypoly-pos252-spring2015|http://sunypoly-pos252-spring2015.tiddlyspace.com/]]
Student materials are brought in by the students
Amazing authoring platform - Can be continuously updated over time
Interactive Video Abilities
Linear Path through non-linear data
Has been using this for the past 3 years for teaching hypertext
<<embed "078" "00:05:10 " "00:30:39">>
"""
[[Google Group Discussing TiddlyPip|https://groups.google.com/forum/#!topic/tiddlywiki/h95Z77kkwPs]]
Earning Revenue with TW through the Apple APP Store
Create something that is consumed using TW as a bundlable app
Read Only TW - No used as an authoring tool - That would be phase 3
What is the user base? Not sure - As anyone can use it and it is not 'measured'
We do believe that many people have used it, specifically in Academia as an example
If TW was more popular then we could do a kickstarter
Textbooks are a really interesting use case but they are very specific and usually royalty free so couldn't be charge for
[[Ambit - Oxtwig|http://ambit.tiddlyspace.com/]]
[[Stand Alone Calculus Text Book|https://groups.google.com/forum/#!topic/tiddlywiki/ZwPkUCfDzqI]] by Richard Smith
Federated Textbooks Idea
Geneology Idea from Nick Spies - Nick has an idea of how to do that - Rooted Tree with a single button called Path
~TiddlyPip stuff - Other ways like Federated Textbooks
Ideas for vanity publishing if we can get the cost down then people would be happy to do it.
<<embed "078" "01:30:25 " "01:41:59">>
"""
TiddlyWiki code has server code in node.js - Make this interface available via HTML
Windows post method
Discussion of how the system would work between people and allow discussions
node.js will need to be used but many want to use HTML TW from the browser
demonstration of the code by Jeremy
Jed has discussed using something like TW for social systems and if it included things like Twitter and other social things they were interested
<iframe width="640" height="360" src="https://www.youtube.com/embed/m2JyJWjAUns?rel=0&start=1364
&end=1501&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[00:22:44|https://www.youtube.com/watch?v=m2JyJWjAUns&t=22m44sec]] - [[BiblioBox - Pirate Box]]
Need to add Tags
It is about sharing and keeping your content yourself
Disruptive Technology
"""
<iframe width="640" height="360" src="https://www.youtube.com/embed/m2JyJWjAUns?rel=0&start=3147&end=4068&autoplay=0" frameborder="0" allowfullscreen></iframe>
[[00:52:27|https://www.youtube.com/watch?v=m2JyJWjAUns&t=52m27sec]] ''---'' Branimir Documentation Examples and Doc Discussion
"""
Branimir Documentation Examples and Doc Discussion
[[Filters|http://tiddlywiki.com/#Introduction%20to%20Filters]] Discussion - Difficulty finding Specific Filters
Jeremy - FAQ don't scale well
Necessary Topics and Subtopics
We don't have copy paste examples for OrIng(?)
Advanced Search Dialog box|(NEED TO LINK)is the easiest way to find things like this
We need additional documentation as well
''2 Parts of this''
1. Improve documentation
2. How do you get people to the right spot?
[[TiddlyWiki Documentation Group|https://groups.google.com/forum/#!forum/tiddlywikidocs]]
Clear Plans to take the next steps on documentation.
Introduction Edition - TW5 Step by Step
Move documentation from TiddlyWiki.com to a new site that is just for documenation
TW.C would be the Shop Window and would focus on News and Examples and getting people going
TW.C would link to the Documentation site if you need that level of information
''Branimir Point about all TiddlyWiki - Wiki's is about 2 Things''
1. Information
2. Finding that Information
[[TW.C|http://www.tiddlywiki.com]] would change the look and feel to be more like open source projects
TW Docs would be a separate site to carry all the details needed
There are expectations of Open Source Project Users
Also has to serve as NOOB jumping off point
Hi Nathan @ 01:07:48
Eric Discusses the Elevator Pitch on TW.C right up front
Mario Discusses the different ways to use / Examples for the New Users
<iframe width="640" height="360" src="https://www.youtube.com/embed/m2JyJWjAUns?rel=0&start=2504&end=2834&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[00:41:44|https://www.youtube.com/watch?v=m2JyJWjAUns&t=41m44sec]] - Concise Documentation
Mention of [[Dave Gifford]] Site as he has created a narrative to help New Users
Temptation is to make it very chatty. Narrows the audience.
People want to see it working with a clear example.
"""
<iframe width="640" height="360" src="https://www.youtube.com/embed/m2JyJWjAUns?rel=0&start=6691&end=7580&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[01:51:31|https://www.youtube.com/watch?v=m2JyJWjAUns&t=111m31s]] ''---'' Daniello Sync Adapter
Is there anyway to give a special appearance to skinny tiddlers before they get loaded.
Jeremy - Skinny Tiddler lacks a text field.
Lazy loading discussion
Screen Share showing Lazy Loading
[[Daniello Post to the TW Dev Group|https://groups.google.com/forum/#!searchin/tiddlywikidev/what$20type$20of$20module$20should$20I$20use/tiddlywikidev/4rqZv4zxMyI/FrRPoPWrQcQJ]]
[[TinCan API|http://tincanapi.com/]]
Ex of how this would work once it is create.
Jeremy would write his Tweets within TiddlyWiki, then he could hit the Tweet Sync Adapter and it would post the Tweet. If you could edit the Tweet then you could Edit the Tiddler and it would Sync up to the Twitter Server.
"""
<iframe width="640" height="360" src="https://www.youtube.com/embed/m2JyJWjAUns?rel=0&start=765&end=1064&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[00:12:45|https://www.youtube.com/watch?v=m2JyJWjAUns&t=12m45sec]] - Discussion on PR
Article in the Newspaper
Jeremy: Post to the Group - Make a list of places you read stuff and encourage people to make a submission
Eric: Poster Challenge - Make a poster to get people excited about TiddlyWiki
If you have read an article about something technical let that writer know
New Year is a great time to discuss New Years Resolutions - How to be more efficient - USE TIDDLYWIKI
"""
<iframe width="640" height="360" src="https://www.youtube.com/embed/m2JyJWjAUns?rel=0&start=2834&end=3147&autoplay=0" frameborder="0" allowfullscreen></iframe>
[[00:47:14|https://www.youtube.com/watch?v=m2JyJWjAUns&t=47m14sec]] ''---'' Documentation Examples
Example are hard to find
Ex. How to do a Filter List of links with one tag or another
We need to have examples pages for each options so you can see how they work.
!! Narriative style and declarative style
Story Telling
VS
A + B = C
TiddlyTools Plug In Each Plug In had a description of the Plug In
!!2 Parts to this
* Examples -Try to follow the same format
** We need to create a standard format for the examples - Optimal Format for this
* Then go around and update the documentation to follow this format
<iframe width="640" height="360" src="https://www.youtube.com/embed/m2JyJWjAUns?rel=0&start=123&end=764&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[00:02:03|https://www.youtube.com/watch?v=m2JyJWjAUns&t=2m03sec]] ''---'' Update on Indigogo
Inside ~TiddlyWiki the Missing Manual - [[IndieGoGo Campaign|https://www.indiegogo.com/projects/inside-tiddlywiki-the-missing-manual]]
Screenshare of who have contributed
764 Visits so far - Surge at the start - Quiet right now
Several Countries
Referals primarily from Google Links
Discussion on how the process will work for the creation of the book in regards to how the community contributes
Avoid [[Wall Garden|http://en.wikipedia.org/wiki/Closed_platform]] process
"""
<iframe width="640" height="360" src="https://www.youtube.com/embed/m2JyJWjAUns?rel=0&start=4937&end=5155&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[Eric|Eric Shulman]] We need to be proactive in discussing Getting Started - As an experiment everyone creates a New Getting started and next week we show them to each other.
[[Jeremy|JeremyRuston]] shows [[Jed Carty]] [[No Learning Required TiddlyWiki|http://inmysocks.tiddlyspot.com/#Dashboard]]
Attempt to make a better Getting Started and a new way to use it
Join the [[TW Docs Group|https://groups.google.com/forum/#!forum/tiddlywikidocs]]
"""
<iframe width="640" height="360" src="https://www.youtube.com/embed/m2JyJWjAUns?rel=0&start=2070&end=2167&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[00:34:30|https://www.youtube.com/watch?v=m2JyJWjAUns&t=34m30sec]] ''---'' Getting Started is out of date
Jeremy will look into the [[Getting Started]] and make sure it is not a GitHub Issue
<iframe width="640" height="360" src="https://www.youtube.com/embed/m2JyJWjAUns?rel=0&start=6305&end=6690&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[01:45:05|https://www.youtube.com/watch?v=m2JyJWjAUns&t=105m05s]] ''---'' Is there a way to get direct HTML transclusion?
Transclusion of HTML content seems to cause an issue - Is there a way to get direct HTML transclusion?
Jeremy gives a Description of how Transclusions work in TW. Macro's are the right way to solve this problem.
There may be some specific syntax that we could introduce to simplify those tasks so that one doesn't need to use Macros all the time.
Jeremy has been discussing the Paragraph Tag with Tobias as it has been causing an issue in other places
Don't have a straight forward answer for this right now.
The trick the core uses is to transclude in inline mode. Downside is you lose block level syntax like headings but you can use HTML code instead. That answer is that it might be useful to have a content type for wikitext without paragraph processing applied
<iframe width="640" height="360" src="https://www.youtube.com/embed/m2JyJWjAUns?rel=0&start=5360&end=6106&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[01:29:20|https://www.youtube.com/watch?v=m2JyJWjAUns&t=89m20s]] ''---'' Jed Introduction and Discussion of his work
Summary on Getting Started on discussions we have been having
Discussion of what he was able to do with the built in template
[[Jeremy|JeremyRuston]] says it is Wonderful Technique - This seems like a great use for Contact Information
You have also been working on reusable editions of TW
Links to Jed's Sites
[[Contacts db|http://nolearning-contactsdb.tiddlyspot.com/]]
[[No Learning Required|http://nolearningrequired-full.tiddlyspot.com/]]
Package TIddlers into __[[Plug In]] NEED TO CHECK NAMING CONVENTION FOR THIS__ with all the Edition things that are needed
"""
<iframe width="640" height="360" src="https://www.youtube.com/embed/m2JyJWjAUns?rel=0&start=1065&end=1364&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[00:17:45|https://www.youtube.com/watch?v=m2JyJWjAUns&t=17m45sec]] - Matt Goldman Idea
Contribute $100 to Eric's Campaign to the winner of the Poster Campaign
Need Link to the Contest
Screen Shot of Jeremy Poster - Says he thinks it is too wordy
A few people came because of the poster
Please Enter the Contest
"""
Eric - 2 Promotions Methods
#Tech Journalist
#Poster Campaign
#What other ways could we reach other areas?
Is there a way to capitalize on untrust of governments - Distruptive Technologies
<iframe width="640" height="360" src="https://www.youtube.com/embed/m2JyJWjAUns?rel=0&start=2168&end=2504&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[00:36:08|https://www.youtube.com/watch?v=m2JyJWjAUns&t=36m08sec]] ''---'' More New User Experiences
Normally you poke around and then download
Seems The wrong way around - Normally you explore after you arrive you don't just download it right off the bat.
Good point made about it being complexity.
Saving locally is complicated because of the browser
Reminder that something else needs to be fixed the Getting Started user experience
Browser consistency is important
Don't take the new user experience for granted
"""
<iframe width="640" height="360" src="https://www.youtube.com/embed/m2JyJWjAUns?rel=0&start=4257&end=4855&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[01:10:57|https://www.youtube.com/watch?v=m2JyJWjAUns&t=70m57s]] ''---'' Return to "Test Subject - Didn't Read Documentation"
Are we losing people long before that is the problem?
It is much easier to use TiddlyWiki on TiddlySpot
Maybe we should put TiddlySpot front and center at TW.Com, we will need to work with Daniel and Simon as TW5 is not included on the main page.
They will be making TW5 available shortly but no time frame or date has been set.
[[Eric|Eric Shulman]] Quote from last week "Own it like a document. Use it like a website"
"""
!! We can create 2 routes for getting TW Users.
* Online - Easier
* Offline - Not as Easy
"""
[[TiddlySpace|http://tiddlyspace.com]]
Is TiddlySpace going to be around for a while?
Someone would need to talk to [[Osmsoft|http://osmosoft.com/]] about this
There are things that need to be fixed at TiddlySpace before we can promote using TW5 there.
TiddlySpot needs TW5 added to the front page as it only promotes Tiddly Wiki Classic.
"""
<iframe width="640" height="360" src="https://www.youtube.com/embed/m2JyJWjAUns?rel=0&start=1502&end=2069&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[00:25:02|https://www.youtube.com/watch?v=m2JyJWjAUns&t=25m02sec]] ''---'' Stephen Kimmel Post on New Users Testing
[[User Testing Post|https://groups.google.com/forum/#!searchin/tiddlywiki/New$20User$20Experiment$20$231$20(Long$20Post)/tiddlywiki/rDRWHh9r6TA/v9IC6pNa7U0J]] with people that he knows
He describes as ~~victims~~ volunteers
Problems with people just downloading the file
Once this happens they would have quit
Then issues making tiddlers
so on and so on
Suggestions from the client
Download name is an issue
''Jeremy will work on updating this download name issue'' - Will be updated on the next version
"""
<iframe width="640" height="360" src="https://www.youtube.com/embed/m2JyJWjAUns?rel=0&start=5156&end=5359&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[01:25:56|https://www.youtube.com/watch?v=m2JyJWjAUns&t=85m56s]] ''---'' Technical question - Plug Ins using libraries
[[Tobias|Tobias Beer]] Technical Question - Plug Ins using libraries, Felix is using disc(?), I am using Math.JS, Putting these plug ins in a more global location and not in individual repositories
[[Jeremy|JeremyRuston]] - I think it is a good idea and we should definitely do it where we have shared libraries but the cases need to come on their merits
There are libraries built into core like Markdown and codemirror plug ins
Discussion of how to handle the plug in dependencies
"""
<iframe width="640" height="360" src="https://www.youtube.com/embed/m2JyJWjAUns?rel=0&start=0000&end=0000&autoplay=0" frameborder="0" allowfullscreen></iframe>
<iframe width="640" height="360" src="https://www.youtube.com/embed/m2JyJWjAUns?rel=0&start=6106&end=6304&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[01:41:46|https://www.youtube.com/watch?v=m2JyJWjAUns&t=101m46s]] ''---'' What is the easiest way to do dynamic mail to links?
Daniello and Jeremy will have a conversation offline as he is not mic'd up
Nathan Questions - I have a quesition with respect to the contact list
What is the easiest way to do dynamic mail to links?
Via a Macro that stitches together things you need
Jed is not a coder.
Ex like that - Link in the Sources Pane __TW.com = Sources in the Info Panel
Can't create a link to the source TAB - So how would I do that?(That URL in the source is created that way)
I tried to link to GitHub but it says the page was not found__
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=4404&end=5055&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[1:13:24|http://www.youtube.com/watch?v=EU-H0xhga08&t=73m24s]] ''---'' 2^^nd^^ Post on [[GitHub Ticket |https://github.com/Jermolene/TiddlyWiki5/issues/1232]]
Post Snippet From [[Daniello]] - I find that TW tends to do too many things in the "background" for my taste. Looks like we are scared of forms, popups or any kind of UI.
Over time we will have configurations come up for use cases.
Discussion includes [[Google Analytics Plug In]]
"""
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=100&end=300&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[1:25|http://www.youtube.com/watch?v=EU-H0xhga08&t=1m25s]] ''---'' Q & A Start
[[1:40|http://www.youtube.com/watch?v=EU-H0xhga08&t=1m40s]] ''---'' [[Alberto Molina Pérez]] Question
Q - When Working on a Local TW there is a single button to save on the computer and to upload to TiddlySpot but it doesn't perform both actions at the same time, I would prefer to have both actions done on a single click or to have 2 different buttons
A - Discussion on this and it is a very reasonable thing to look at - Jeremy asked Alberto to add a GitHub Ticket to help show his workflow
"""
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=3165&end=3171&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[52:45|http://www.youtube.com/watch?v=EU-H0xhga08&t=52m45s]] ''---'' Alex any questions?
Stickleback discussion - Lots of interest in the 3 spine [[stickleback|http://en.wikipedia.org/wiki/Stickleback]]
Lovely Word StickelBackWiki and StickleBackTiddlyWiki
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=7452&end=7688&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[2:04:12|http://www.youtube.com/watch?v=EU-H0xhga08&t=124m12s]] ''---'' Flow
Alex Discusses [[Flow]] and how TW helps him stay in the flow by allowing him to sketch ideas quickly without breaking him out of the flow
[[Mihaly Csikszentmihalyi]] - Unpronounceable Name Guy
"""
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=6761&end=6848&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[1:52:41|http://www.youtube.com/watch?v=EU-H0xhga08&t=112m41s]] ''---'' Alex Discusses how he copy pastes PDF to txt files
Raw Material Interaction VS Picture of Material Interaction
"""
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=3840&end=3980&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[1:04:00|http://www.youtube.com/watch?v=EU-H0xhga08&t=64m00s]] ''---'' Alex discussing the European Connection
Jeremy comments that the future of other projects will be more worldwide and in many languages.
Alex finds it refreshing to be outside American ideas.
"""
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=300&end=620&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[5:00|http://www.youtube.com/watch?v=EU-H0xhga08&t=5m00s]] ''---'' [[Andreas Hahn]] Question
Q - The Node Server of TW Exposese an API similar to TiddlyWeb but TW5 does not know the concept of Bags and Recipes will be Bags and Recipes be integerated in the future and how will they work.
A - Resounding Yes. Although Deep Changes to the TW Core will need to be made. These were not in the original core to keep TW simple
"""
I used this for my test video to see if this concept worked - [[Play YouTube video from one point to another]]
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=5698&end=5714&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[1:34:58|http://www.youtube.com/watch?v=EU-H0xhga08&t=94m58s]] ''---'' Big Jump in Groups Traffic and TW Usage discussion
Recent spike in Traffic at the Groups.
[[Tobias Beer]] has been helping out greatly and taking what he has learned and putting it into his [[website|http://tb5.tiddlyspot.com/#GettingStarted]]
[[Alex|Alex Hough]] points out that Tobias's work flow is very useful and makes him feel he can contribute to the group. These workflows are very useful for everyone.
[[Eric|Eric Shulman]] - TW puts the ability to bring website technology into the hands to anyone.
[[Alex|Alex Hough]] - Widgets and Filters has brought a new dimension to it.
"""
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=1295&end=1581&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[21:35|http://www.youtube.com/watch?v=EU-H0xhga08&t=21m30s]] ''---'' [[Branimir Braykov]] 2^^nd^^ Question
Q - What further developments are designed beyond 5.1.6?
A - Moratorium till end of January. Firefox has a major update that we need to update TiddlyFox for because of multiprocessor support and TiddlyDesktop needs an update, quite a severe issue with external links.
Help with any of those things is greatly received.
"""
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=635&end=1295&autoplay=0" frameborder="0" allowfullscreen></iframe>
[[10:35|http://www.youtube.com/watch?v=EU-H0xhga08&t=10m35s]] ''---'' [[Branimir Braykov]] Question
Q - [[highlight.js]] plug in - How and when are we going to obtain the new version of Highlight.js?
A - As soon as Jeremy has a chance to do this(after moratorium). Although anyone could do this it does not have to be Jeremy. A Pull Request would be required and updating the code and submitting at GitHub.(stick to stable versions)
Comments on [[highlight.js]] from Jeremy Not great for TW as it is only designed to run in the browser and not under node.js. Jeremy would like to swap out with a highlight that uses node.js
Discussion from the group on TW Google Groups - The core highlight.js only ships with a limited number of languages. The idea is to create 2 plug ins to allow the maximum number of languages we can.
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=1581&end=1632&autoplay=0" frameborder="0" allowfullscreen></iframe>
[[26:21|http://www.youtube.com/watch?v=EU-H0xhga08&t=26m21s]] ''---'' ~BuggyJ Discussion
BuggyJ has released [[TiddlyClip]]
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=5460&end=5580&autoplay=0" frameborder="0" allowfullscreen></iframe>
[[1:31:00|http://www.youtube.com/watch?v=EU-H0xhga08&t=91m30s]] ''---'' Bump till next time discussion of [[State Tiddlers| http://tiddlywiki.com/#StateMechanism]]
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=7030&end=7179&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[1:57:10|http://www.youtube.com/watch?v=EU-H0xhga08&t=117m10s]] ''---'' Code Mirror ~PlugIn
[[Jeremy|JeremyRuston]] - Code Mirror plug in is now a bit outdated. The newest version has multiple cursors which is the feature that stands out in [[Sublime Text]]. Quite soon editing in TW will be similar to Sublime Text.
"""
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=1850&end=1884&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[30:50|http://www.youtube.com/watch?v=EU-H0xhga08&t=30m50s]] ''---'' [[Dave Gifford]] 1^^st^^ Question
Q - Are you using the moratorium to do documentation
A - Yes, to get documentation done BUT I also have to get TiddlyFox and TiddlyDesktop done. Not an entire moratorium
"""
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=1884&end=2760&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[31:24|http://www.youtube.com/watch?v=EU-H0xhga08&t=31m24s]] ''---'' [[Dave Gifford]] 2^^nd^^ Question
Q - As Part of the clean up and documentation process perhaps you can clean up the default style sheet base. This would help us find and make changes to our local files
A - It is Rendered Output and that is the way it looks - Screen Share of [[$:/themes/tiddlywiki/vanilla/base]] If you look at this in a text editor it is pretty straight forward.
Discussion about extending the core and extending this to style sheets and things like this.
Discussion of making the NOTES BOLD to make them stand out.
In the Future we can look at breaking each section out into individual [[Tiddlers]] to make both customizing and understanding easier.
"""
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=5580&end=5698&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[1:33:00|http://www.youtube.com/watch?v=EU-H0xhga08&t=93m00s]] ''---'' Discussion of 5.1.6
Garbled file names on downloads has hopefully been fixed for 5.1.6
There has been a lot of help on the file documentation for 5.1.6
Mention of [[Tobias Beer]] contributions to 5.1.6 and his [[website|http://tb5.tiddlyspot.com/#GettingStarted]]
"""
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=4316&end=4404&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[1:11:56|http://www.youtube.com/watch?v=EU-H0xhga08&t=71m56s]] ''---'' Discussion on GitHub about Group Tiddler Export
Here is the [[GitHub Ticket|https://github.com/Jermolene/TiddlyWiki5/issues/1232]]
[[Daniello]] make a good point now that we can export a group of tiddlers as a file. This would be useful for an export as a plug in.
"""
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=7332&end=7452&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[2:02:12|http://www.youtube.com/watch?v=EU-H0xhga08&t=122m12s]] ''---'' Eric Discusses Computer Tools
"""
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=7688&end=7836&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[2:08:08|http://www.youtube.com/watch?v=EU-H0xhga08&t=128m08s]] ''---'' Eric Discusses how he creates the Wiki Way
"""
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=6263&end=6761&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[1:44:23|http://www.youtube.com/watch?v=EU-H0xhga08&t=104m23s]] ''---'' Good Stuff is kept by developers
Discussion of how developers keep the best tools for themselves. TW gives those tools to everyone.
[[GitHub]] brought up.
Undo does not exist in most things like Facebook.
[[Eric|Eric Shulman]] - discusses commits and Saving
[[Alex|Alex Hough]] - discusses that one of the things he enjoys is being exposed to things like GitHub
[[Eric|Eric Shulman]] - Developers have had Roll back for years and this ability has existed for years. People are now getting more interested as they are becoming more involved in things like this. GitHub Social aspects is making it more popular.
"""
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=2760&end=3078&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[46:00|http://www.youtube.com/watch?v=EU-H0xhga08&t=46m00s]] ''---'' Inline Discussion
Inline Explanation might be the best way.
DIscussion of how [[underscore.js]] handles it with a markdown type process.
TW had a javascript parser and that was removed. On the list of something that is useful.
"""
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=0&end=84&autoplay=0" frameborder="0" allowfullscreen></iframe>
[[00:00|https://www.youtube.com/watch?v=EU-H0xhga08&t]] ''---'' Jeremy Ruston Hi and Welcome to TW #73
<h3>Introductions</h3>
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=5055&end=5460&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[1:24:15|http://www.youtube.com/watch?v=EU-H0xhga08&t=84m15s]] ''---'' Modal Dialogs Discussion
[[Jed Carty]] Page is screen shared (Need to confirm the exact page to link here)
Limitation is not what TW can do it is what we have time to do with TW
Screen share [[TaskGraph|http://wkpr.de/hosting/tmp/tw5/taskgraph/]] as an example of what you can do with TW
The mark of success is that others can build these complex systems using these tools.
Jeremy would like to create a wizard to create a new button - Possibly do multiple things at the same time with the button.
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=3398&end=4298&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[1:06:38|http://www.youtube.com/watch?v=EU-H0xhga08&t=66m38s]] ''---'' Russian Christmas Tree TW
[[heeg.ru Site Link|http://heeg.ru]]
TiddlyWiki as a CMS
"""
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=6848&end=7030&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[1:54:08|http://www.youtube.com/watch?v=EU-H0xhga08&t=114m08s]] ''---'' Sublime Text Discussion
[[Jeremy|JeremyRuston]] - Configuring can be difficult
[[Alex|Alex Hough]] - Having HyperText is very helpful and Wikifying it
"""
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=1641&end=1850&autoplay=0" frameborder="0" allowfullscreen></iframe>
[[27:12|http://www.youtube.com/watch?v=EU-H0xhga08&t=27m12s]] ''---'' Thanks to Eric
[[Google Groups Link to the Question|https://groups.google.com/forum/#!topic/tiddlywiki/3f697_QBzSw]]
Question on group was how to create Separate Lists in TiddlyDesktop for Work and Personal Wiki's
Once Eric is on the way with his IndieGogo [[Campaign|https://www.indiegogo.com/projects/inside-tiddlywiki-the-missing-manual]] he will look at the TiddlyDesktop some more.
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=3371&end=3604&autoplay=0" frameborder="0" allowfullscreen></iframe>
"""
[[56:11|http://www.youtube.com/watch?v=EU-H0xhga08&t=56m11s]] ''---'' ~TiddlyWiki Name Story and more Stickleback Discussion
Tiddler Discussion
Great Metaphor for what TiddlyWiki does
School of Tiddlers
TiddlyWiki about Sticklebacks would be cool
NASA guy Story - We can help you do it for yourself.
"""
<iframe width="640" height="360" src="http://www.youtube.com/embed/EU-H0xhga08?rel=0&start=7179&end=7332&autoplay=0" frameborder="0" allowfullscreen></iframe>
[[1:59:39|http://www.youtube.com/watch?v=EU-H0xhga08&t=119m39s]] ''---'' Zettelkasten
[[TiddlyWiki Group Post|https://groups.google.com/d/msg/tiddlywiki/i58udKt8U-4/0ZyR7qLdzb8J]]
[[Wikipedia(German)|http://de.wikipedia.org/wiki/Zettelkasten]]
[[Niklas Luhmann|http://en.m.wikipedia.org/wiki/Niklas_Luhmann]]
[[ Communicating with Zettelkästen|http://scriptogr.am/kuehnm/post/title-communicating-with]]
More from this [[Google Groups Thread|https://groups.google.com/forum/#!topic/tiddlywiki/3pGhhCM3iT0]]
[[Connected Text|http://www.connectedtext.com/manfred.php]]
[[zettelkasten improves thinking writing|http://christiantietze.de/posts/2013/06/zettelkasten-improves-thinking-writing/]]
[[Pile of Index Cards|https://www.flickr.com/photos/hawkexpress/sets/72157594200490122/]]
[[Web Site for underscore.js |http://underscorejs.org/]]
[[Code and Comments Side by Side|http://underscorejs.org/docs/underscore.html]]
!Rich Shumaker 2014 -
<a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/"><img alt="Creative Commons License" style="border-width:0" src="https://i.creativecommons.org/l/by-sa/4.0/88x31.png" /></a><br />This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>.
[[TiddlyWiki Playlist @ YouTube|https://www.youtube.com/playlist?list=PLVT_2PPd-1p34gGCQ5qpwC8QdykxVAI3u]]
YouTube is a video-sharing website headquartered in San Bruno, California. The service was created by three former ~PayPal employees in February 2005 and has been owned by Google since late 2006. [[Wikipedia|http://en.wikipedia.org/wiki/YouTube]]
[[YouTube|http://www.youtube.com]]
!!~YouTube Tagged Items
{{{ [tag[YouTube]!sort[title]] }}}
[[Google Site|https://developers.google.com/youtube/iframe_api_reference]]
Sinpet from the site
```
The constructor for the video player specifies the following parameters:
The first parameter specifies either the DOM element or the id of the HTML element where the API will insert the <iframe> tag containing the player.
The IFrame API will replace the specified element with the <iframe> element containing the player. This could affect the layout of your page if the element being replaced has a different display style than the inserted <iframe> element. By default, an <iframe> displays as an inline-block element.
The second parameter is an object that specifies player options. The object contains the following properties:
width (number) – The width of the video player. The default value is 640.
height (number) – The height of the video player. The default value is 390.
videoId (string) – The YouTube video ID that identifies the video that the player will load.
playerVars (object) – The object's properties identify player parameters that can be used to customize the player.
events (object) – The object's properties identify the events that the API fires and the functions (event listeners) that the API will call when those events occur. In the example, the constructor indicates that the onPlayerReady function will execute when the onReady event fires and that the onPlayerStateChange function will execute when the onStateChange event fires.
```
!!This is no longer being used.
This is from [[Jeremy|JeremyRuston]]
Thanks Tobias for bumping this.
```
Here's a basic YouTube macro that autoplays a video at a specified start point:
\define yt(id,start)
<iframe width="640" height="360" src="http://www.youtube.com/embed/$id$?autoplay=1&start=$start$" frameborder="0" allowfullscreen></iframe>
\end
<<yt EU-H0xhga08 1850>>
As discussed above, the start point needs to be specified as a number of seconds, not 30m25s.
Here's the documentation on the parameters that YouTube accepts:
https://developers.google.com/youtube/player_parameters#Parameters
Best wishes
Jeremy.
```
"""
SEE [[Macros for Hangout Wiki Project]]
[[$:/.rich/data/videos]]
[[$:/.rich/macros/topics]]
[[$:/.rich/macros/youtube-link.js]]
"""
\define youtubeEmbed(videoName, start, end)
<$macrocall $name="youtube-embed" video={{$:/.rich/data/videos##$videoName$}} start="$start$" end="$end$"/>
\end
\define thisMakeSelectVideoOption()
<option value=<<videoID>>><$view field='title'/></option>
\end
\define thisExternalMakeURL()
https://www.youtube.com/watch?v=$(youtubeID)$&t=$(hours)$h$(minutes)$m$(seconds)$s
\end
\define thisMakeEmbedURL()
http://www.youtube.com/embed/$(youtubeID)$?rel=0&start=$(startTime)$&end=$(endTime)$&autoplay=$(autoPlay)$
\end
\define thisMakeTiddlerName()
$(youtubeID)$ - $(hours)$:$(minutes)$:$(seconds)$
\end
\define thisMakeSegmentName()
$(selectedVideo)$ - $(startTime)$ to $(endTime)$
\end
\define getProperTags() [[$(properTag)$]] [[$(selectedVideo)$]]
\define thisMakeSegmentURL()
http://www.youtube.com/embed/$(youtubeID)$?rel=0&start=$(startTime)$&end=$(endTime)$
\end
\define thisMakeVideoIframe()
<$set name=videoID value={{$:/.rich/data/videos##$(selectedVideo)$}}>
<$macrocall $name="youtube-embed" video=<<videoID>> start=$(startTime)$ end=$(endTime)$/>
</$set>
\end
\define thisMakeText()
{{!!segment_description}}
$(thisVideoIframe)$
$(thisLongDescription)$
\end
\define thisMakeEmbedIframe()
<<thisEmbideIframe>>
\end
\define thisEmbideIframe()
<$macrocall $name='youtube-embed' video=$(youtubeID)$ start={{!!embed_start}} end={{!!embed_end}}/>
\end
\define getYouTubeId()
{{$:/.rich/data/videos##$(selectedVideo)$}}
\end
{{Notes about the state of development||slider}}
{{Annotation Instructions||slider}}
<$set name=selectedVideo value={{!!selected_video}}>
<$set name=youtubeID value=<<getYouTubeId>>>
<$set name=startTime value={{!!embed_start}}>
<$set name=endTime value={{!!embed_end}}>
<!-- Display the embedded video, with the appropriate start and end times set -->
<$macrocall $name=youtubeEmbed videoName={{!!selected_video}} start={{!!embed_start}} end={{!!embed_end}}/>
<!-- Select or Add video things -->
<$reveal type='nomatch' state='$:/state/videotimestampreveal' text='show'>
Select Video: <$select field='selected_video'>
<$list filter='[[$:/.rich/data/videos]indexes[]]'>
<<thisMakeSelectVideoOption>>
</$list>
</$select>
<$button set='$:/state/videotimestampreveal' setTo='show'>New Video</$button>
</$reveal>
<$reveal type='match' state='$:/state/videotimestampreveal' text='show'>
~YouTube ID:<$edit-text tiddler='$:/temp/videotimestamp' field='youtubeid' placeholder='YouTube ID'/><br>
Video Name:<$edit-text tiddler='$:/temp/videotimestamp' field='vidname' placeholder='Video Name'/><br>
<$button>Add Video
<$action-setfield $tiddler='$:/.rich/data/videos' $index={{$:/temp/videotimestamp!!vidname}} $value={{$:/temp/videotimestamp!!youtubeid}}/>
<$action-setfield $tiddler='$:/temp/videotimestamp' vidname='' youtubeid=''/>
</$button>
<$button set='$:/state/videotimestampreveal' setTo='noshow'>Done</$button>
</$reveal>
<<tabs "[[Add Video Segment]] [[Add Video Timestamp]]">>
</$set>
</$set>
</$set>
</$set>
[[Just Added, Yes you can set a start and end time in a YouTube Videos|https://www.quora.com/Can-a-YouTube-video-end-without-showing-other-videos]]
[[All Good Things Must Come to an end= - YouTube API|http://apiblog.youtube.com/2012/06/all-good-things-must-come-to-end.html]]
See also [[Play YouTube video from one point to another]]
<$list filter="[[TWiz]tagging[]]">
</$list>
!!twiz component sources
<$list filter="[[TWiz]tagging[]]">
<$macrocall $name="source" src=<<currentTiddler>>/>
</$list>
@@.Q
the question
@@
@@.A
the answer
@@
This space is for exploring quiz systems using tw5...
* [[References]]
* [[Components]]
* [[CSS Example]]
;TWMagick
:http://tw5magick.tiddlyspot.com
;tw5Flashcards
:http://tw5flashcards.tiddlyspot.com
:https://groups.google.com/forum/#!topic/tiddlywiki/teRnlHptmOQ
;Q&A css trick
:http://tb5.tiddlyspot.com/#Simple%20Quiz%20Using%20CSS
This is meant to help fixing mistakes and omissions in Jed's <a href="http://inmysocks.tiddlyspot.com/#Plugin%20twCard">list by category</a>.
! Unexploitable entries in Jed's list
Possible issues:
* Missing ``plugin_tiddler`` field
* Missing ``wiki`` field
* ``plugin_tiddler`` value does not start with ``$:/`` (unlikely)
Such entries are listed in the special tiddler [[$:/SourcePluginsFieldError]]. Content:
{{$:/SourcePluginsFieldError}}
! Entries in Jed's list for which the system did not find a match
! Match on plugin title but not on wiki (possible ambiguity)
<ul>
<$list filter="[has[source-wiki-address]!tag[CommunityPlugins]]">
<$set name="plugin" value={{!!canonical-name}}>
<$set name="jedscard" value=<<currentTiddler>>>
<li> <$link to={{!!title}}><$text text={{!!title}}/></$link> + {{!!source-wiki-address}}
<ul>
<$list filter="[has[extracted-plugin]field:source-tiddler-title-as-text<plugin>]">
<li><$link to={{!!title}}><$text text={{!!title}}/></$link>
<ul>
<li>
<$set name="wiki" value={{!!source-wiki-id}}>
<$list filter="[<wiki>get[wiki-address]]" variable="address">
<<address>>
</$list>
</$set>
</li>
</ul>
</li>
</$list>
</ul>
</li>
</$set>
</$set>
</$list>
</ul>
! Plugins found with no corresponding entry in Jed's list
In this case we only consider the plugins for which there is no entry with the same plugin title, ignoring the wiki address. These cases are plugins which don't appear in the source list at all.
<$list filter="[has[extracted-plugin]]">
<$set name="plugintitle" value={{!!source-tiddler-title-as-text}}>
<$list filter="[has[source-wiki-address]field:canonical-name<plugintitle>]">
</$list>
</$set>
</$list>
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
{{||$:/CommunityExtractedPluginTemplate}}
This can be exported to a blog tiddlywiki using the Download Partial tiddler
#install node.js
## ~~edit P:\nodejs\node_modules\npm\npmrc to change where npm installs it's modules if you want~~
#~~install tiddlywiki on nodejs `>npm install -g tiddlywiki`~~ not neccesary if you are using the github repo
#clone the repo at https://github.com/Jermolene/TiddlyWiki5 then
##go to where you cloned tiddlywiki and use `npm link` so that it uses the local github copy instead of the installed one (need to do as admin if you already installed the nodejs version)
## sanity check `tiddlywiki --version`
# moveto [tw_root]\editions\
# create a wiki to test your plugin ``tiddlywiki plugintest --init server``
## this will create a folder called plugintest with a tiddlywiki.info file in it
#create some folders for your plugin in ``[tw_root]\plugins\[organization_name]\[plugin_name]``
##also need some extra data like ``[tw_root]\plugins\[organization_name]\[plugin_name]\plugin.info``
##also need some extra data like ``[tw_root]\plugins\[organization_name]\[plugin_name]\plugin.js``
#add your plugin to ``tiddlywiki.info``
!!Example plugin.info
```javascript
{
"title": "$:/plugins/[organization_name]\[plugin_name]",
"description": "runs local batch scripts",
"author": "James W. Anderson",
"version": "0.0.1",
"core-version": ">=5.0.0",
"source": "https://github.com/Welford/NotUploadedYet",
"plugin-type": "plugin"
}
```
!!Example plugin.js
```javascript
/*\
title: $:/plugins/welford/batch/plugin.js
type: application/javascript
module-type: macro
runs a batch/exe on the local computer
\*/
//module-type etermines the kind of plugin that it is....see the docs somewhere for it
//don't put your own comments in the above, it will ruin the plugin creation
(function () {
/*jslint node: true, browser: true */
/*global $tw: false */
"use strict";
/*
Information about this macro
*/
exports.name = "plugin"; //the name by which the plugin can be called in this case, because it is of type macro, it can be invoked in a tiddler as <<plugin>>
exports.params = [];
/*
Run the macro
*/
exports.run = function () {
return "Garbled Mess1";
};
})();
```
!!Tiddlywiki Development
I have made a few plugins and themes for tiddlywiki, you can find some notes of things I found usefull while developing them on this site. Search for the tag twdev or look at one of the articles below.
;twdev articles
<$list filter="[tag[twdev]]">
<div class="tc-menu-list-subitem">
<$link to={{!!title}}><$view field="title"/></$link>
</div>
</$list>
;twexample articles
<$list filter="[tag[twdev]]">
<div class="tc-menu-list-subitem">
<$link to={{!!title}}><$view field="title"/></$link>
</div>
</$list>
;useful links
<<<
[[http://tw5toolbar.tiddlyspot.com/]]
[[http://tw5gray.tiddlyspot.com/]]
<<<
!! Recent Stuff
[[Filters]] : I Struggle with filters so I have been writing this article to make it clearer what each one does.
!!Some Older Articles
(which may be out of date)
:
[[Creating Plugins]]
[[TW Dev Notes]]
Download single file editions of version ''<<version>>'' of TiddlyWiki:
|{{$:/editions/twnotes/snippets/download-empty-button}}|Get started with an empty wiki |
|{{$:/snippets/download-wiki-button}}|Download a full copy of this site|
|{{$:/editions/twnotes/snippets/download-wiki-button}}|Download a full copy of this site (minus tiddlyweb and filestyem plugins) |
|{{$:/editions/twnotes/save_blog_button}}|Download Blog |
For more advanced configurations, you can run [[TiddlyWiki on Node.js]].
!!Definitions of the download tiddlers can be found here
[[$:/editions/twnotes/download-empty]]
[[$:/editions/twnotes/download-partial]]
[[$:/editions/twnotes/download-wiki]]
!This Tiddler
!!Does Nothing
!!!It's just an example
#numbered
#lists
##are
##ok
#sometimes
*so
*are
*Bulletpoints
!!Links
http://www.google.co.jp
!!TWexe
<$twexe tiddler="This Is TWEXE" />
Just as you can use the buttons in [[Download]] to download the whole tiddlywiki as it is or an empty copy conatining just the plugins and themes, you can also
create a tiddler to extract specific pages. I like to do this to extract pages specifically for my homepage.
!!Method
*Using this syntax `<$button message="tw-download-file" param="Download Partial">Download Empty</$button>`
*and the tiddler [[$:/editions/twnotes/download-partial]] I can creat a button which will let me download a tiddler containing only tiddlers tagged "blog"
!!Example
*<$button message="tw-download-file" param="$:/editions/twnotes/download-partial">Download Partial</$button>
I always struggle with anything but the most basic of tiddlers when writing list. It always feels like a bit of guess work so I will write a few examples too. I will be using the ``<<list-links "[[filter ]]">>`` macro.
!tag
``[tag[filters]]``
<<list-links "[tag[filters]]">>
!tags
``[tags[]]``
<<list-links "[tags[]]">>
``[all[current]tags[]]``
<<list-links "[all[current]tags[]]">>
!is
Selects tidders from the current list, useful within filters itself. Unlike all it doesn't generate lists, rather it selects from the current list.
!
``[is[current]]``
<<list-links "[is[current]]">>
``[is[missing]]``
<<list-links "[is[missing]]">>
!all
``[all[current]]``
<<list-links "[all[current]]">>
``[all[missing]]``
<<list-links "[all[missing]]">>
``[all[orphans]]``
<<list-links "[all[orphans]]">>
``[all[tiddlers]]``
<<list-links "[all[tiddlers]]">>
This TiddlyWiki was for keeping basic notes on plugins for TiddlyWiki but i don't really keep it up to date. See my Old [[Development Articles]]
!My Tiddlywiki Plugins:
{{My Plugins}}
!!My Tiddlywiki Themes:
{{My Themes}}
```cpp
void main(void)
{
//basic example
print("hello world")
}
```
<$list filter="[!is[system]has[type]each[type]sort[type]]">
<div class="tc-menu-list-item">
<$view field="type"/>
<$list filter="[type{!!type}!is[system]sort[title]]">
<div class="tc-menu-list-subitem">
<$link to={{!!title}}><$view field="title"/></$link>
</div>
</$list>
</div>
</$list>
<$list filter="[!is[system]has[modified]!sort[modified]limit[100]eachday[modified]]" itemClass="tc-menu-list-item">
<div class="tc-menu-list-item">
<$view field="modified" format="date" template="DDth MMM YYYY"/>
<$list filter="[sameday{!!modified}!is[system]!sort[modified]]" itemClass="tc-menu-list-subitem">
<div class="tc-menu-list-subitem">
<$link to={{!!title}}><$view field="title"/></$link>
</div>
</$list>
</div>
</$list>
Hello
---
[link text](#Example Tiddler)
!!twexe
<<<
only works in offline hta versions of TW. Very useful for windows users. It lets you register and run exes from tiddlywiki
Source: https://github.com/welford/twexe
Import into your tiddlywiki by dragging and dropping this link [[$:/plugins/welford/twexe]]
<<<
!!twpin
<<<
It lets you pin and unpin tiddlers to the home page via these buttons {{$:/plugins/welford/twpin/images/pinned}} {{$:/plugins/welford/twpin/images/unpinned}}
Very handy!
Source: https://github.com/welford/twpin
Import into your tiddlywiki by dragging and dropping this link [[$:/plugins/welford/twpin]]
<<<
!!twstaticblog
<<<
Lets you export a static blog from tiddlywiki posts
Source: https://github.com/welford/twstaticblog
Example: http://www.phasersonkill.com for a complex example or http://welford.github.io/static-sample/example.html and http://welford.github.io/static-sample/blog/index.html for a barebones tutorial one.
<<<
!!twspimg
<<<
lets you add images to tidders as the background-image element of a span. (pronounced like spinach?)
Source: https://github.com/welford/twspimg
Import into your tiddlywiki by dragging and dropping this link [[$:/plugins/welford/twspimg]]
Exammple: [[spimg]]
<<<
!!twyt
<<<
lets you embed youtube videos in a tiddler and have links jump to specific times within that embedded video.
Source: https://github.com/welford/twyt
Import into your tiddlywiki by dragging and dropping this link [[$:/plugins/welford/twyt]]
Example: [[twyt]]
<<<
!!htalink
<<<
Will only work in offline hta editions of this page. Launches external links in your default browser and not IE.
Source: https://github.com/welford/htalink
Import into your tiddlywiki by dragging and dropping this link [[$:/plugins/welford/htalink]]
<<<
!!mousetrap
<<<
a port of Mousetrap http://craig.is/killing/mice
Source: https://github.com/welford/twmousetrap
Import into your tiddlywiki by dragging and dropping this link [[$:/plugins/welford/twmousetrap]]
Example: Press / on your keyboard and the focus should jump to the search bar at the top.
<<<
!!phasersonkill
<<<
this page uses the theme ~PhasersOnKill
source : https://github.com/welford/phasersonkill
Import into your tiddlywiki by dragging and dropping this link [[$:/themes/welford/phasersonkill]]
<<<
!!phasersonkill-static
<<<
Not used here but on my personal website: http://www.phasersonkill.com
Source : https://github.com/welford/phasersonkill-static
<<<
<<spimg src:"http://upload.wikimedia.org/wikipedia/en/c/c0/Les_Horribles_Cernettes_in_1992.jpg" height:"200px" position:"0% 10%">>
Write a description of the exe here.
<<ytif>>
<iframe name="asdf" allowfullscreen="true" frameborder="0" src="https://www.youtube.com/embed/jNQXAC9IVRw?theme=dark&color=red&wmode=opaque" theme="light"/>
<<ytlnk "00:00:10">>
# transclusion of twexe search results
# ~~push storyriver down by the height of the results~~
# clean up CSS
##clarify rules
# ~~check TW metics changes~~
# ~~twexe examples~~
# ~~hightlight examples~~
# hta to html export button
# hta externa link support
#~~change the spacing of the close search button at the top~~
#~~move the custom storyview out into the theme from the actual tiddly~~
#~~consder having the quick search in the main version too~~
!!Widgets
Accessing a tidder's field and text data from within a widget
<<<
```javascript
tiddler = this.wiki.getTiddler("tiddler name");
source_tid.fields.title; //title
if (source_tid.hasField("some field")) {
var field_value = source_tid.fields["some field"];
}
```
<<<
Accessing tiddler name from widget
<<<
```javascript
this.getVariable("storyTiddler")
```
<<<
Opening a tiddler from within a widget
*src_tiddler is a string of the tidder's title
<<<
```javascript
var bounds = this.domNodes[0].getBoundingClientRect();
this.dispatchEvent({
type: "tc-navigate",
navigateTo: this.src_tiddler,
navigateFromTitle: this.getVariable("storyTiddler"),
navigateFromNode: this,
navigateFromClientRect: {
top: bounds.top, left: bounds.left, width: bounds.width, right: bounds.right, bottom: bounds.bottom, height: bounds.height
},
navigateSuppressNavigation: event.metaKey || event.ctrlKey || (event.button === 1)
});
```
<<<
!Video
<<ytif>>
!Links
<<ytlnk "00:00:05">>
<<ytlnk "00:00:10">>
<<ytlnk "00:00:15">>
This was made using the yt code as a field but it could albe be set explicitly in the macro
<<ytif name:"hello" code:"LeAltgu_pbM" start:"00:00:05" >>
<<ytlnk "00:00:02" "hello" "LeAltgu_pbM">>
<<ytlnk "00:00:08" "hello" "LeAltgu_pbM">>
\define ytv(target:"video" code:"dQw4w9WgXcQ" time:0)
<$macrocall $name="ytif" />
\end
<$transclude tiddler="$:/core/ui/ListItemTemplate"/>
<$transclude mode="block"/>
<$transclude tiddler="$:/_display-panel"/>
<$transclude tiddler="$:/_tagbar"/>
<$transclude tiddler="$:/_display-panel"/>
<$transclude tiddler="$:/_tagbar"/>
<$transclude tiddler="$:/_display-panel"/>
<$transclude tiddler="$:/_tagbar"/>
<$transclude tiddler="$:/_display-panel"/>
<$transclude tiddler="$:/_tagbar"/>
<$transclude tiddler="$:/_display-panel"/>
<$transclude tiddler="$:/_tagbar"/>
<$transclude tiddler="$:/_display-panel"/>
<$transclude tiddler="$:/_tagbar"/>
<$transclude tiddler="$:/_display-panel"/>
<$transclude tiddler="$:/_tagbar"/>
<$transclude tiddler="$:/_display-panel"/>
<$transclude tiddler="$:/_tagbar"/>
<$transclude tiddler="$:/_display-panel"/>
<$transclude tiddler="$:/_tagbar"/>
<$transclude tiddler="$:/_display-panel"/>
<$transclude tiddler="$:/_tagbar"/>
!!My Long Task
The task may contain a long description of the nature of the task -- also a journal of progress and a list of planned actions. This will not show in the panel -- only the next action for the task will appear.
!.myTitle Journal
---
;20 Jan 2014
:Some description of an action
;01 Mar 2014
:Some description of an action
!.myTitle Planned Actions
---
*Remaining action
*Remaining action
*Remaining action
*Remaining action
*Remaining action
*Remaining action
!.myTitle Wills Q&D gTiD
This is my work in progress version of TW5, incorporating various features and ideas as and when they intrigue me. To grab any feature you may wish to try, drag the listed tiddlers across to the dropzone of an empty ~TiddlyWiki <<version>>
The layout has been designed on a laptop in Chromium, and displays well in this environment (less well in Firefox.) The layout has not been tested on mobile phone nor android.
<<tabs "[field:wills[documentation]sort[created]]" "[[Customising the Theme]]" "$:/state/docs">>
---
;Thanks to
://[[TonGerner|http://tw5custom.tiddlyspot.com/]]//
://[[Stephan Hradek|http://tw5magick.tiddlyspot.com/]]//
://[[David Gifford |http://www.giffmex.org/tw5mall.htm]]//
://[[Danielo Rodríguez|http://braintest.tiddlyspot.com]]//
When the time for action arises, there will be no necessity for delay. Thinking is a liability when the time comes for action – provided that the planning has been done in advance, next actions have been correctly identified and the tasks have been placed into appropriate lists.
<$transclude tiddler="$:/_display-panel"/>
<$transclude tiddler="$:/_tagbar"/>
<$transclude tiddler="$:/_display-panel"/>
<$transclude tiddler="$:/_tagbar"/>
<svg
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
x="0px"
y="0px"
width="10"
height="10"
viewBox="0 0 10 10"
enable-background="new 0 0 216 146"
xml:space="preserve"
><path
d="M 9.81433,8.1077397 5.43941,0.3298657 C 5.31583,0.1099552 5.16937,0 5,0 4.83063,0 4.68417,0.1099588 4.56047,0.3298657 L 0.18554997,8.1077397 C 0.06184997,8.327652 -3.496197e-8,8.5880508 -3.496197e-8,8.8889379 -3.496197e-8,9.1898232 0.06189997,9.4504354 0.18554997,9.6701343 0.30935997,9.8900448 0.45582997,10 0.62506997,10 H 9.37493 C 9.54417,10 9.69076,9.8900412 9.81433,9.6701343 9.93791,9.4504354 10,9.1898232 10,8.8889379 10,8.5880508 9.9379,8.327652 9.81433,8.1077397 z"/>
</svg>
During reviews, individual ticklers are sorted into their appropriate contexts for the tasks to be actioned. An example of grouping similar tasks would be a list of outstanding telephone calls, or a shopping list. Contexts may be defined by the place and set of tools available and/or by the availability of individuals or groups with whom one must share the task
!.myTitle A Palette in Cool Colours
The empty version of TW5 is rather spartan -- in particular, I prefer a darker theme with green tint behind the text -- my chosen theme 'Vanilla Cool' uses a cool palette, however the colour scheme has been designed to be compatible with plain Vanilla for those who prefer a lighter theme.
{{color scheme.jpg}}
;Vanilla-cool
:Darker vanilla palette using cool colours --- [[$:/palettes/Vanilla-cool]] --- optional
:Apply the palette from the @@background-color:grey; Appearance@@ tab of the Control Panel
:Stylesheet --- [[$:/_stylesheet/mystyles]]
:Widen the story river --- [[$:/themes/tiddlywiki/vanilla/metrics]] --- optional
!.myTitle Additional Buttons
I have grabbed a clone tiddler button and a close others button (in the edit panel.)
{{{ [field:wills[controls]] }}}
The Site Title is set to function as a home button and the gTiD of the title is set to function as a fullscreen button (requires the fullscreen plugin.)
[[$:/SiteTitle]]
!.myTitle Customising the Sidebar
I have added an advanced search tab to the 'Sidebar' (including standard search.)
{{{ [field:wills[sidebar]] }}}
If you wish to remove the old search search below the header.
{{{ [field:wills[search]] }}}
I have added a 'Systems Tags' tab to the 'More' sidebar
{{{ [field:wills[moresidebar]] }}}
!.myTitle Additional Plugins
I have included Danielo's keyboardSnippets plugin -- this is not necessary for either the leftmenu or for Q&D gTiD, but is included as I find this useful when writing this tiddlywiki
[[keyboardSnippets]]
<$transclude tiddler="$:/_display-panel"/>
<$transclude tiddler="$:/_tagbar"/>
<div class="tw-link-info">
<$list filter="[is[current]tagging[]sort[updated]]">
<div class="tw-link-info-item">
!<$link><$view field="title"/></$link>
---
<div class="tw-subtitle"><$list filter="[is[current]tags[]sort[title]]"><$link>
{{!!title||$:/_showtag}}</$link></$list></div>
|!Next Action |<$transclude field="next-action"/> |<|<|
|!Pending |<$transclude field="pending"/> |<|<|
|!Due |<$transclude field="due-date"/> |!Link | <a href={{!!url}} target="_blank"><$text text={{!!url}}/></a> |
|!Edit this tiddler |<$radio tiddler="$:/_edit-task" field="report-title" value={{!!title}}/>|!Last updated |<$view field="modified" format="date" template="DDth MMM YYYY"/>|
</div>
</$list>
</div>
<$transclude tiddler="$:/_display-panel"/>
<$transclude tiddler="$:/_tagbar"/>
<$transclude tiddler="$:/_display-panel"/>
<$transclude tiddler="$:/_tagbar"/>
\define sliderHeader(header1,header2,header)
<$reveal type="nomatch" state="$:/state/$header$" text="show">
;<$button set="$:/state/$header$" setTo="show" class="btn-invisible">{{caret-down}} $header1$</$button>
</$reveal>
<$reveal type="match" state="$:/state/$header$" text="show">
;<$button set="$:/state/$header$" setTo="hide" class="btn-invisible">{{caret-up}} $header2$</$button>
<$transclude field=$header$ mode="block"/>
</$reveal>
\end
!.myTitle Q&D gTiD Toolbars
Whilst I was busy developing the leftmenu for another purpose (a reporting database), I realised it would be fairly easy to cobble together a Q&D gTiD system. The 'gTiD' tab gives a pretty interface with tag pills, however the whole system can be operated from the 'Tasks' tab and display panels in the story river.
<$tiddler tiddler="gTiD Toolbars">
<<sliderHeader "Display Panels" "Display Panels" "gtid-panels">>
<<sliderHeader "New Tickler Folders" "New Tickler Folders" "gtid-folders">>
<<sliderHeader "Initial Setup" "Initial Setup" "gtid-setup">>
<<sliderHeader "New Ticklers" "New Ticklers" "gtid-new-ticklers">>
<<sliderHeader "Editing Ticklers" "Editing Ticklers" "gtid-edit-ticklers">>
<<sliderHeader "Deleting Ticklers" "Deleting Ticklers" "gtid-delete-ticklers">>
<<sliderHeader "Tagging" "Tagging" "gtid-tagging">>
<<sliderHeader "Done" "Done" "gtid-done">>
<<sliderHeader "The Link Field" "The Link Field" "gtid-link">>
<<sliderHeader "Importing Tasks" "Importing Tasks" "gtid-importing">>
<<sliderHeader "Populating the Tabs" "Populating the Tabs" "gtid-populate">>
<<sliderHeader "Needed Tiddlers" "Needed Tiddlers" "gtid-tiddlers">>
<<sliderHeader "Weeks" "Tickler Folders" "gtid-weeks">>
<<sliderHeader "Months" "Tickler Folders" "gtid-months">>
<<sliderHeader "Contexts" "Tickler Folders" "gtid-contexts">>
<<sliderHeader "Projects" "Tickler Folders" "gtid-projects">>
</$tiddler>
The system is fairly hands on, but gives a workable facsimile of a paper based system. A working gTiD needs constant attention anyway, at which time the tasks can easily be posted manually. The manual posting of ticklers between tickler folders during the review process is an important part of gTiD. I have, therefore, stayed away from priorities and deadlines ordered by date (the due date field is text only) and there is no automatic mechanism for re-posting of ticklers ordered by due date or priority. Such matters are best entered into a diary once they have been identified in a list.
<$transclude tiddler="$:/_display-panel"/>
<$transclude tiddler="$:/_tagbar"/>
\define sliderHeader(header1,header)
<$reveal type="nomatch" state="$:/state/$header$" text="show">
;<$button set="$:/state/$header$" setTo="show" class="btn-invisible">{{caret-down}} $header1$</$button>
</$reveal>
<$reveal type="match" state="$:/state/$header$" text="show">
;<$button set="$:/state/$header$" setTo="hide" class="btn-invisible">{{caret-up}} $header1$</$button>
<$transclude field=$header$ mode="block"/>
</$reveal>
\end
!.myTitle Journal
<$tiddler tiddler="Journal">
<<sliderHeader "2nd May 2014" "may-ii">>
<<sliderHeader "3rd May 2014" "may-iii">>
<<sliderHeader "4th May 2014" "may-iv">>
<<sliderHeader "5th May 2014 -- Extensive Update" "may-v">>
<<sliderHeader "6th May 2014" "may-vi">>
<<sliderHeader "7th May 2014" "may-vii">>
<<sliderHeader "8th May 2014" "may-viii">>
<<sliderHeader "9th May 2014" "may-ix">>
<<sliderHeader "10th May 2014" "may-x">>
<<sliderHeader "11th May 2014" "may-xi">>
<<sliderHeader "12th May 2014" "may-xii">>
<<sliderHeader "13th May 2014" "may-xiii">>
</$tiddler>
<$transclude tiddler="$:/_display-panel"/>
<$transclude tiddler="$:/_tagbar"/>
<$transclude tiddler="$:/_display-panel"/>
<$transclude tiddler="$:/_tagbar"/>
<$transclude tiddler="$:/_display-panel"/>
<$transclude tiddler="$:/_tagbar"/>
<$transclude tiddler="$:/_display-panel"/>
<$transclude tiddler="$:/_tagbar"/>
<$transclude tiddler="$:/_display-panel"/>
<$transclude tiddler="$:/_tagbar"/>
<$transclude tiddler="$:/_display-panel"/>
<$transclude tiddler="$:/_tagbar"/>
<$transclude tiddler="$:/_display-panel"/>
<$transclude tiddler="$:/_tagbar"/>
Once a user has been presented with a reminder in terms of a list of tasks at the right time and in the right place, the human mind is competent at judging priorities. There is, therefore, no need to prioritise the ticklers in the gTiD system.
The inbox must be cleared periodically, tasks being processed in FIFO order. The 'next action' for each task must be identified; based upon this next action, the tickler, displaying its next action, is then posted into the appropriate tickler folder.
<$transclude tiddler="$:/_display-panel"/>
<$transclude tiddler="$:/_tagbar"/>
<$transclude tiddler="$:/_display-panel"/>
<$transclude tiddler="$:/_tagbar"/>
<$transclude tiddler="$:/_display-panel"/>
<$transclude tiddler="$:/_tagbar"/>
!.myTitle Left Sidebar Slider
The leftmenu toggles with the top left hamburger button -- this function has been added into `$:/core/ui/TopBar/menu`. Also needed are the two 'leftmenu' stylesheets that operate the slider mechanism. Several images are needed for buttons, and the other stylesheet contains styles required for prettying up the menus and for styling the gTiD display panels (also some additions for printing the story river.)
{{{ [[$:/_leftmenuedit]] [!field:left-menu[tab]has[left-menu]] }}}
;The Tabs
The tabs may be filled by tagging any tiddler with `$:/tags/leftmenu` -- checkboxes are available in the 'Edit' tab to toggle this tag for tabs created from the template. I have provided five examples which contain: the main 'gTaB' menu, a 'Help' tab (any tiddler tagged '$:/_help' will be listed here), a 'Recent' tab, a 'Search' tab, and an 'Edit' tab to edit the menu itself. A button has been provided on the 'gTaB' menu to restore the 'Edit' tab should it becomes toggled off.
{{{ [!field:qad-gtd[tab]field:left-menu[tab]sort[title]] }}}
;Elements
Elements used in any of the panels can be combined to modify the menu system:
*the filterList() macro expects two parameters representing a label and a filter expression.
*the editTiddler() macro expects two parameters representing a label and the title of the tiddler to be edited.
*new menu tabs may be created with the 'New Menu' button -- a new menu has the caption 'New' -- this may be changed by editing the caption field.
;Settings
*the height of the full-height scrollbar boxes (applied in the 'Tasks', 'Recent' and 'Help' tabs) has been set to 600px in `$:/_stylesheet/mystyles` -- this may be adjusted for your desktop by editing the //''div.fulltab''// style
*the height of the half-height scrollbar boxes has been set to 600px in `$:/_stylesheet/mystyles` -- this may be adjusted for your desktop by editing the //''div.half''// style
*the width of the scrollbars has been set to 12px in `$:/_stylesheet/mystyles` for webkit based browsers -- this may be adjusted
*the width of the menu has been set to 25% and the borders of the story river to 23% and 77% in `$:/_stylesheet/leftmenu-show` -- this width may be adjusted by editing the //''.story-river''// and //''.tw-leftmenu''// styles (fixed widths may be preferred in some situations.)
*the width of the input boxes on the 'Tasks' and 'Edit' tabs have been set to 220px and 150px respectively in `$:/_stylesheet/mystyles` -- these will need adjusting to fit the width of the leftmenu.
Settings may be edited using the settings section of the 'Edit' tab.
The essence of gTiD is to separate the planning of an action from the execution of that action. This entails breaking down the plan into a series of actions in advance, each of which can later be undertaken without further planning. The human memory is inefficient at reminding us of what we need to do at the appropriate time and place -- this results in unnecessary worry.
The need is for a 'trusted external memory' in which to store this series of 'next actions'. This will act as an external support system, presenting us with the right reminders at the right place and time. The gTiD system is, therefore, based around storing, tracking and retrieving the information related to the things that need to get done and presenting them to the user at the right time and in the appropriate context.
The inbox is a critical component of the gTiD system. There must be an easy mechanism, available at all times, to enter tasks into the system at the moment that the user becomes aware of the need. Without this, the user can not trust that everything that needs to be done is in the system. It is often advantageous to leave clips of scrap paper and a pen in convenient places, for example beside the bed, and in the car -- the electronic system is not always available, and tasks must be captured immediately.
Reviews of the ticklers are conducted periodically – generally at some convenient time, once per week. During the review, tasks are cleared from the inbox, turned into ticklers by identifying the 'next action' and placed into appropriate tickler folders. Ticklers in approaching time-slots are re-posted into tickler folders for the forthcoming week, and tagged with the relevant context(s).
Whenever a next action is identified that can be completed in less than two minutes, then that action must be completed immediately. This clears many actions forever which would otherwise clutter the tickler folders (and your mind.)
<$transclude tiddler="$:/_display-panel"/>
<$transclude tiddler="$:/_tagbar"/>
During the planning stages, individual actionable items are identified and posted as ticklers into a tickler folder corresponding to when the task will need to be handled. When the time comes, the folder when opened will contain the tickler – reminding the user of the action to be taken.
A tickler is a note to ourself in the future. The gTiD system must store this note, then present it to the user in the form of a list -- but only when necessary and only in the relevant context.
<$transclude tiddler="$:/_display-panel"/>
<$transclude tiddler="$:/_tagbar"/>
\define sliderHeader(header)
<$reveal type="nomatch" state="$:/state/$header$" text="show">
;<$button set="$:/state/$header$" setTo="show" class="btn-invisible">{{caret-down}} $header$</$button>
</$reveal>
<$reveal type="match" state="$:/state/$header$" text="show">
;<$button set="$:/state/$header$" setTo="hide" class="btn-invisible">{{caret-up}} $header$</$button>
<$transclude tiddler=$header$/>
</$reveal>
\end
!.myTitle Using gTiD
<$tiddler tiddler="Using gTiD">
<<sliderHeader {{!!gtid-aim}}>>
<<sliderHeader {{!!gtid-inbox}}>>
<<sliderHeader {{!!gtid-ticklers}}>>
<<sliderHeader {{!!gtid-processing}}>>
<<sliderHeader {{!!gtid-rule}}>>
<<sliderHeader {{!!gtid-folders}}>>
<<sliderHeader {{!!gtid-contexts}}>>
<<sliderHeader {{!!gtid-priorities}}>>
<<sliderHeader {{!!gtid-review}}>>
<<sliderHeader {{!!gtid-action}}>>
<<sliderHeader {{!!gtid-fun}}>>
</$tiddler>
<$transclude tiddler="$:/_display-panel"/>
<$transclude tiddler="$:/_tagbar"/>
[[Add a new video|AddVideo]] first or open an existing video tiddler...
# click the [[+|$:/plugins/tobibeer/youtube/forms/new-annotation]] button below the video to the right
# enter the desired values into the form<div>
{{Intro — 00:00:00 - 00:00:17||$:/plugins/tobibeer/youtube/forms/new-annotation}}
<table>
<tr>
<th>Field</th>
<th>Description</th>
<th>Stored at</th>
<th>Required</th>
</tr>
<tr>
<td>`start`</td>
<td>the start position of the annotation</td>
<td>[[yt-start]]</td>
<td>mandatory</td>
</tr>
<tr>
<td>`end`</td>
<td>the end position of the annotation</td>
<td>[[yt-end]]</td>
<td>optional</td>
</tr>
<tr>
<td>`title`</td>
<td>a short description for the annotation displayed as a link</td>
<td>[[yt-annotation]]</td>
<td>optional</td>
</tr>
<tr>
<td>`tags`</td>
<td>tags assigned to the annotation tiddler</td>
<td>`tags`</td>
<td>optional</td>
</tr>
<tr>
<td>`text`</td>
<td>text for the annotation tiddler </td>
<td>`text`</td>
<td>optional</td>
</tr>
</table>
</div>
# actions:
#; add
#: adds a new annotation tiddler for the video with the specified contents
#:* for short annotation tiddler titles, define a `yt-prefix` field at the video tiddler with the desired prefix
#; set
#: sets the current player to the given start / end values
#; reset
#: resets the current player
!! Example Video [[Introduction To TiddlyWiki]]
{{Introduction To TiddlyWiki||$:/plugins/tobibeer/youtube/ViewTemplate/video}}
!! Example Annotation [[Intro — 00:00:00 - 00:00:17]]
{{Intro — 00:00:00 - 00:00:17||$:/plugins/tobibeer/youtube/ViewTemplate/annotation}}
Set the following fields for a tiddler to turn it into a video tiddler...
;[[yt-id]] (required)
:{{yt-id!!summary}}
:: {{yt-id}}
;[[yt-prefix]] (optional)
:{{yt-prefix!!summary}}
{{yt-prefix}}
!!Example Video [[Introduction To TiddlyWiki]]
{{Introduction To TiddlyWiki||$:/plugins/tobibeer/youtube/ViewTemplate/video}}
''Rich Shuhmaker''
<<<
I have said this before, the end goal would be to watch all the video segments on a specific subject via playlist.
So all Tiddlers Tagged 'Awesome' would show up in a video list and hopefully we could stitch them together somehow.
Not a playlist of videos but a playlist of video subsections, so you could disect a video into smaller bite sized parts to watch on specific subjects.
<<<
In general, annotations are associated with a video tiddler by having the `yt-id` field set to the same value as the video. The list of annotations below a video allows you to...
* ''delete'' an annotation tiddler
* ''clone'' an annotation tiddler
* ''set'' the video player to the start / end time, clicking [[00:00:00 - 00:00:17|Intro — 00:00:00 - 00:00:17]]
* ''open'' the annotation tiddler, clicking the [[annotation title|Intro — 00:00:00 - 00:00:17]]
* ''edit'' the annotation tiddler
* ''toggle'' the visibility of tags for annotations
* ''add'' a new annotation tiddler using the form below the video opened via [[+|AddAnnotation]]
!! Example Annotations
<$set name=yt-video value="Introduction To TiddlyWiki">
<$set name=yt-id value={{Introduction To TiddlyWiki!!yt-id}}>
{{||$:/plugins/tobibeer/youtube/list/annotations}}
</$set>
</$set>
@@color:grey;//for video [[Introduction To TiddlyWiki]]//@@
<div class="hide-annotations">
{{Introduction To TiddlyWiki||$:/plugins/tobibeer/youtube/ViewTemplate/video}}
</div>
```
<$list filter="1 2 3 4 5 6" template="$:/.examples/embed"/>
<br>[[$:/.examples/embed]]
```
<$list filter="1 2 3 4 5 6" template="$:/.examples/embed"/>
<br>[[$:/.examples/embed]]
<$list filter="[tag[FieldTypes]!sort[]]">
<h2><$link to=<<currentTiddler>>><$view field=title/></$link></h2>
<<summaries>>
</$list>
* as small as possible
** so they can be reused
*** weaving them into different narratives and perspectives
Annotation full text...
; You
: know
!!Videos
The following filter checks if a tiddler has a `yt-id` field but no `yt-video` field which makes it a video...
```
<<list-links filter:"[has[yt-id]!has[yt-video]sort[]]">>
```
<<list-links filter:"[has[yt-id]!has[yt-video]sort[]]">>
!!Annotations
The following filter looks up tiddlers with the field `yt-id` set to the value of a variable by the same name, having also a `yt-video` field, which is only true for annotations...
```
<$set name=yt-id value={{Introduction To TiddlyWiki!!yt-id}}>
<<list-links filter:"[yt-id<yt-id>has[yt-video]sort[]]">>
</$set>
```
<$set name=yt-id value={{Introduction To TiddlyWiki!!yt-id}}>
<<list-links filter:"[yt-id<yt-id>has[yt-video]sort[]]">>
</$set>
You can also use the [[plugin template|$:/plugins/tobibeer/youtube/list/annotations]] to render a list without control buttons like so...
```
<$set name=yt-id value={{Introduction To TiddlyWiki!!yt-id}}>
@@.yt-no-controls
{{||$:/plugins/tobibeer/youtube/list/annotations}}
@@
</$set>
```
<$set name=yt-id value={{Introduction To TiddlyWiki!!yt-id}}>
@@.yt-no-controls
{{||$:/plugins/tobibeer/youtube/list/annotations}}
@@
</$set>
''Note'': No player is rendered and the time links won't open one. All command buttons are hidden by having the output wrapped in the class `yt-no-controls`.
The plugin name YoutubePlugin may and probably will change... along with a lot of internals!
The idea is to provide the functionality in a much more generic way, e.g. annotation capabilities for, well, more than just youtube, obviously, but also for audio files!
//My flatmate is a singer and she just bought that recording device and I started to ask myself (and her) how she's going to manage those recordings ;-)//
!! Possible Names
* `MediaPlugin`
* `PlayerPlugin`
* `AnnotatePlugin`
YoutubePlugin allows to easily embed and annotate videos.<br>
!! [[2DO]]
@@color:#f6f;
: experimental => do test
: not yet packaged as a plugin
: please don't use just yet
:: may be restructured a lot, because...
: will likely evolve to a more generic plugin
:: not sure about the PluginName => [[any ideas?|https://groups.google.com/d/msg/tiddlywiki/_dqbubfSm1c/oe4JcJlpzUIJ]]
@@
!! [[Example|Introduction To TiddlyWiki]]
@@.yt-demo
<$link to="Introduction To TiddlyWiki">{{$:/core/images/video}}Introduction To TiddlyWiki</$link>
@@
!! [[Documentation]]
{{Documentation}}
!! [[Inspired by|TiddlyWiki]]
; Astrid Elocson
: [[Youtube Macros|https://groups.google.com/d/msg/tiddlywiki/5FugIFRgYLs/d6QEmHPjfF4J]]
; Jed Carty
: [[YouTube Video Annotations|http://inmysocks.tiddlyspot.com/#YouTube%20Video%20Annotations]] @ [[inmysocks|http://inmysocks.tiddlyspot.com]]
; Rich Shumaker
: [[richshumaker.com|http://www.richshumaker.com/tw5/TiddlyWiki-Hangouts.html]]
: and his kickoff discussion: [[Idea for a Hangouts TiddlyWiki|https://groups.google.com/d/msg/tiddlywiki/5FugIFRgYLs/fdD9jvWeH34J]]
\define summaries(filter:"[tag{!!title}sort[]]")
<dl>
<<list-search
"$filter$"
"search:summary"
"$:/temp/list-search-classes"
template:"$:/.tb/templates/summary/class">>
</dl>
\end
The default styles are defined in: [[$:/plugins/tobibeer/youtube/styles]]
!!CSS Classes
<<summaries>>
; discuss
: https://groups.google.com/forum/?fromgroups=#!folder/TiddlyWiki
!! Components
<<summaries "[prefix[$:/plugins/tobibeer/youtube]]">>
!! Dependencies
<<summaries "[prefix[$:/.tb/macros/slider]]">>
displayed as a link in the [[list of annotations|Annotations]]
set the `yt-id` field of a tiddler to the id of the youtube video, e.g. `EU-H0xhga08`
:default annotation tiddler titles will be...
:: `$:/yt/<yt-id>/<entered-start>-<entered-end>`
:: ''example'': [[$:/yt/KtCUr83XgyE/00:02:30-00:02:31]]
:to enable visible annotation tiddler titles...
:: define a `yt-prefix` field at the video tiddler
:: ''example'': [[Intro — 00:00:00 - 00:00:17]]
::: used `yt-prefix:Intro` at [[Introduction To TiddlyWiki]] upon creation
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
2click2edit plugin for ~TiddlyWiki5
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
!! Purpose
This wiki provides a search engine for {{TiddlyWiki}} community wikis.
* See the list of indexed wikis in [[CommunityWikis]].
* See a brief presentation in [[What is this?]]
* See a brief technical explanation in [[ImplementationOverview]].
* See the full [[documentation|TWCSDocumentation]].
!! Version
{{Version}}
!! Contact
{{Contact}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
syntax choo-choo
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
No content is indexed by this system without the explicit agreement of their author.
Notice however that [[plugins|CommunityPlugins]] are not considered as content, since they are not stored in the wiki.
If you are the author of a wiki and wish to have its content indexed by this search engine, please [[tell me!|Contact]]
If you are a wiki author, please consider registering your wiki!
* About [[Author's consent]]
* Please read [[Why your content is well taken care of!]] if you are worried about your content not being displayed as you intended it to be.
! Features
In order to make the process as automatized as possible, the following features allow the wiki author to control several aspects of the indexing:
<ul>
<$list filter="[tag[AuthorDocumentation]has[description]]">
<li>
<$link><$view field="title"/></$link>:
<$view field="description"/>
<br/>
</li>
</$list>
</ul>
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
Tag your tiddlers effortlessly.
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
a collection of TW related projects
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
You can now [[bookmark your favourite tags|http://erwanm.github.io/tw-community-search/#BookmarkingTags]] from the community in the ~TiddlyWiki Community Search!
//Thanks to [[FelixKuppers|http://erwanm.github.io/tw-community-search/#FelixKuppers]] for the idea!//
{{||$:/CommunityTagTemplate}}
!! Idea
This functionality helps you follow the content about specific topics published in the community, provided it is tagged appropriately.
!! Usage
For every tag found in the community wikis, a "~CommunityTag tiddler" is created with this tag. The list of all tags is visible in CommunityTags (remark: this tiddler might be slow to open because the list it contains is big).
As usual, you can click on the tag pill to see the list of all tiddlers with this tag (with links to the original wiki). You can also click on the top item in the list: this opens the corresponding ~CommunityTag tiddler itself. It contains:
* The list of all tiddlers tagged wit this tag (sorted by modification time, most recent first).
* The most recent tiddlers contaning the text in the tag. This way you have access to anything recent related (even vaguely) to the topic.
If you are interested in following content tagged and/or related to this tag, you can use the <a href="http://tiddlywiki.com/#PermaLinks">permalink</a> icon (or the permaview icon) to bookmark the ~CommunityTag tiddler. This way you can access directly the content you are interested in.
!! Example
Imagine that you want to follow everything related to images in TW. You can see that there are two tags about that in CommunityTags:
{{images||$:/core/ui/TagTemplate}} {{Images||$:/core/ui/TagTemplate}}
You can open these two ~CommunityTag tiddlers tiddlers (click on the first link from the tag pill), close all the other open tiddlers (optional), and then click the permaview icon: {{$:/core/images/permaview-button}}
The address bar in your browser changes to a link to the ~CommunitySearch wiki with these two tiddlers open. You can bookmark it; when you come back later you arrive directly on the same two ~CommunityTag tiddlers, updated with any change which happened in the meantime.
!! Acknowledgements
//Thanks to FelixKuppers for the idea!//
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
tools for a digital brain
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
a notebook on differences
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
<ul>
<$list filter="[tag[CommunityAuthors]has[licence]]" variable="currentAuthor">
<li>
<$link to=<<currentAuthor>>>
<$text text=<<currentAuthor>>/>
</$link>
</li>
<ul>
<$list filter="[tag<currentAuthor>tag[CommunityWikis]]">
<li>{{||$:/CommunityWikiShortDescription}}</li>
</$list>
</ul>
</$list>
</ul>
<<listRecentTiddlers "[tag[CommunityNews]!sort[modified]]" "$:/WikiLinkAndContentTemplate">>
\define thisMakeCategoryField()
category[$(ThisCategory)$]
\end
\define thisMakeList()
<table>
<$list filter='[$(CategoryEntry)$tag[CommunityPlugins]has[category]sort[category]each[category]]'>
<tr><th colspan=4 align="left">{{!!category}} Plugins</th></tr>
<tr><th>Name</th><th>Description</th><th>Wiki</th><th>Link</th></tr>
<$set name=currentCategory value={{!!category}}>
<$list filter='[tag[CommunityPlugins]category<currentCategory>sort[title]]' template="$:/PluginTWcardDisplayTemplate">
</$list>
</$set>
</$list>
</table>
\end
These plugins are collected based on JedCarty's <a href="http://inmysocks.tiddlyspot.com/#Plugin%20twCard">list</a>. See how in the [[documentation|PluginsCollection]].
Select category: <$select field='category'>
<option value=''>All</option>
<$list filter='[!is[current]tag[CommunityPlugins]each[category]get[category]sort[title]]' variable=ThisCategory>
<option value=<<thisMakeCategoryField>>><$view tiddler=<<ThisCategory>> field='title'/></option>
</$list>
</$select>
<$set name=CategoryEntry value={{!!category}}>
<<thisMakeList>>
</$set>
//See completely unknown uncurated extracted plugins:// UnknownExtractedPlugins
\define lingo-base() $:/language/Search/
<$linkcatcher to="$:/temp/advancedsearch">
Search for tiddlers in the community wikis:
<div class="tc-search">
<$edit-text tiddler="$:/temp/advancedsearch" type="search" tag="input"/>
<$reveal state="$:/temp/advancedsearch" type="nomatch" text="">
<$button class="tc-btn-invisible">
<$action-setfield $tiddler="$:/temp/advancedsearch" $field="text" $value=""/>
{{$:/core/images/close-button}}
</$button>
</$reveal>
</div>
</$linkcatcher>
<$reveal state="$:/temp/advancedsearch" type="nomatch" text="">
<$set name="resultCount" value="""<$count filter="[is[system]has[source-wiki-id]!has[extracted-plugin]search{$:/temp/advancedsearch}] -[[$:/temp/advancedsearch]]"/>""">
<div class="tc-search-results">
<<lingo System/Matches>>
<$list filter="[is[system]has[source-wiki-id]!has[extracted-plugin]search{$:/temp/advancedsearch}!sort[modified]limit[250]] -[[$:/temp/advancedsearch]]" template="$:/core/ui/ListItemTemplate"/>
</div>
</$set>
</$reveal>
<$reveal state="$:/temp/advancedsearch" type="match" text="">
</$reveal>
The Community Search wiki is meant as a source of information //complementary to the [[official documentation|http://tiddlywiki.com]]//.
The main difference is that the community search makes more content accessible than the [[official documentation|http://tiddlywiki.com]], but of course the content is not as polished.
Don't forget also that you can always ask a question on the [[TW discussion group|https://groups.google.com/forum/#!forum/Tiddlywiki]].
!!! Advantages
* More details,
* More examples,
* Different explanations,
* Specific use-cases,
* Original developments
* ...
!!! Disadvantages
* Unstructured content
* Variable level of expertise required
* Variable quality/completeness in the explanations
* Possible outdated material
* ...
\define displayTag()
<$transclude tiddler="$:/core/ui/TagTemplate"/>
<small class="tc-menu-list-count">
{{!!community-tag-count}}
</small><br/>
\end
\define displayList(myFilter)
<$list filter=$myFilter$>
<<displayTag>>
</$list>
\end
//Show tags used at least
<$select field="min-frequency" default=5>
<option>1</option>
<option>2</option>
<option>3</option>
<option>5</option>
<option>10</option>
<option>20</option>
</$select>
times, sort by
<$select field="sort-by" default="frequency">
<option>name</option>
<option>frequency</option>
</$select>
//
''<$count filter="[tag[CommunityTags]greaterthan:community-tag-count{!!min-frequency}]"/> tags'' are used at least {{!!min-frequency}} times.
<$list filter="[all[current]field:sort-by[frequency]]">
<<displayList "[tag[CommunityTags]greaterthan:community-tag-count{!!min-frequency}!nsort[community-tag-count]]">>
</$list>
<$list filter="[all[current]field:sort-by[name]]">
<<displayList "[tag[CommunityTags]greaterthan:community-tag-count{!!min-frequency}sort[title]]">>
</$list>
<ul>
<$list filter="[tag[CommunityAuthors]has[licence]tagging[]!has[empty-wiki]!sort[wiki-latest-modification]]">
<li>
{{||$:/CommunityWikiShortDescription}}
</li>
</$list>
</ul>
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
If you see any issue with this wiki, want to add your own wiki to the sources, want your wiki to be removed from the sources, or for any other reason, you can contact the author: mailto:erwan.more@@mail.com (replace the second ``@`` with a ``g``, it might work better).
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
search with context
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
for capturing rich text format to the clipboard
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
<<version>>
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
For every indexed wiki, there is a "wiki presentation tiddler" containing some general info like the address, author, latest modifications, etc. By default the "wiki presentation tiddler" starts with the subtitle of the wiki.
If you want to replace this default introduction with your own in the "presentation tiddler" corresponding to your wiki, you can create a system tiddler ``$:/CommunitySearchWikiPresentation`` in your wiki; its content will be used by the indexing script instead of your subtitle.
//Remark:// the content is shown as simple wikitext, so please be careful not to include any image or any call to custom widgets/macros/plugins in your news tiddlers. Any wikitext or html formatting is fine, however.
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
take a look
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
managing the backlog
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
See in {{!!title}}:
{{{[tag{!!title}]}}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
The aggregator process now removes tiddlers which are also found on [[tiddlywiki.com|http://tiddlywiki.com]]. This way authors can use the [[tiddlywiki.com|http://tiddlywiki.com]] content on their wiki, and it won't be indexed as "their" content. Additionally that makes the ~CommunitySearch wiki a bit faster.
See [[DuplicateTiddlerDetection|http://erwanm.github.io/tw-community-search/#DuplicateTiddlerDetection]].
Some wikis contain the full content from [[tiddlywiki.com]]. This is an issue because:
* It makes the ~CommunitySearch wiki contain duplicate tiddlers, which probably slows down the wiki a little.
* The search returns duplicate matches from different wikis for the same tiddler. First this is not user-friendly, and it might send users to another wiki than [[tiddlywiki.com]] even though this where the content came from in the first place.
However it makes sense for some wikis to use the content from [[tiddlywiki.com]]... and even if it didn't that's up to the author!
This is why duplicate detection was [[implemented in the aggregator process|https://github.com/erwanm/tw-aggregator/issues/89]]. Currently it is applied only to the content from [[tiddlywiki.com]] (i.e. [[tiddlywiki.com]] is the only possible source of duplicated content on other wiki; obviously the duplicate is removed from the other wiki). Duplicates between other wikis is probably much less likely, and there would be no way to know the original source in this case.
dynamically created tables that are filterable, sortable, and in-line editable
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
Encrypt single tiddlers
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
This is a quite old wiki which is used primarily for test purposes. It might still contain a few useful tips, though.
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
some extra filter operators for tiddlywiki 5
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
leveraging fields in TiddlyWiki
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
filter and list examples
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiPresentationTemplate}}
on content
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
! Description
{{!!description}}
//Warning: you must only use this feature with wikis that you author, or at least for which you obtained an explicit agreement from the author.//
! Usage
You must have at least one wiki manually registered in the search system; this is your "root wiki". The root wiki is always analyzed by the indexing scripts. You specify another wiki to index by creating a tiddler which:
* contains a field ``follow``, which has ''yes'' or ''no'' for value
* contains a field ``url`` which contains the address of the target wiki
The tiddler title will be used as wiki identifier in the search wiki.
The indexing script will proceed with the indexing of the target wiki if and only if the field ``follow`` contains ''yes'' (the comparison is case insensitive) and the field ``url`` contains a valid address as value.
Of course, you can create such tiddlers for as many wikis as you want. And because the scripts will analyze target wikis in the same way, these wikis can themselves point to more wikis recursively.
!! Example
TobiasBeer creates many enlightening topic-specific wikis. These are indexed from his main wiki using this feature: http://tobibeer.github.io/tb5/#%24%3A%2Ffollow.
{{||$:/CommunityTagTemplate}}
iconify tiddlywiki
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
! Search
{{CommunitySearch}}
* You can also browse the index [[by tags|CommunityTags]], [[by wiki|CommunityWikis]] or [[by author|CommunityAuthors]].
* See also the list of CommunityPlugins.
* Discover more features in the [[documentation|TWCSDocumentation]].
! Latest news from the community
<<listRecentTiddlers "[tag[CommunityNews]!sort[modified]limit[5]]" "$:/WikiLinkAndContentTemplate">>
[[More community news...|CommunityNews]]
! Version
{{Version}}
! See also
* [[What is this?]]
* [[About]]
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
Les bases de Git
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
::: widgets for multi-function buttons :::
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
pretty-show images in tw5
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
pictography resources
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
!! Offline
A [[set of Bash scripts|https://github.com/erwanm/tw-aggregator/tree/master/bin]] downloads the referenced wikis, converts their non-system tiddlers to system tiddlers, and generates a new wiki using {{TiddlyWiki}} [[Node.js edition|http://tiddlywiki.com/#TiddlyWiki%20on%20Node.js]].
!! Online
Pure {{TiddlyWiki}}: the user can search the content gathered from the indexed wikis using a [[custom search box|CommunitySearch]]. The results are displayed as links to the original tiddler (using a custom version of the shadow tiddler [[$:/core/ui/ListItemTemplate]]).
!! Project
The whole project is available on Github:
* https://github.com/erwanm/tw-aggregator contains all the indexing scripts
* https://github.com/erwanm/tw-community-search contains the specific Community Search wiki skeleton, as well as the script needed to update and upload the resulting wiki to github.io.
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
a wiki containing examples of how to make the wiki do stuff. wiki wiki wiki. I like saying wiki. wiki.
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
a filter to compare and compute
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
~TiddlyWiki et les Logiciels Libres
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
Un guide sur Chakra, KDE et les Logiciels Libres
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
A [[list of plugins from the community|http://erwanm.github.io/tw-community-search/#CommunityPlugins]] is now available on ~TiddlyWiki Community Search! See how it works in the [[documentation|http://erwanm.github.io/tw-community-search/#PluginsCollection]].
//Thanks to [[JedCarty|http://erwanm.github.io/tw-community-search/#JedCarty]] for providing <a href="http://inmysocks.tiddlyspot.com/#Plugin%20twCard">the list used as reference</a>!//
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
Create macros to manage lists
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiPresentationTemplate}}
sum and subtract
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiPresentationTemplate}}
MobileTheme
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
slicing and dicing tiddler titles
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
This feature is for authors of wikis indexed in the ~TiddlyWiki Community Search. Now you can publish your news directly in the TWCS "latest news" section! See the [[documentation|http://erwanm.github.io/tw-community-search/#PublishingInCommunityNews]]
//Thanks to [[FelixKuppers|http://erwanm.github.io/tw-community-search/#FelixKuppers]] for the idea!//
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
another look at [[tiddlywiki]] for [[node.js]]
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
A collection of available plugins is provided in CommunityPlugins.
!! Definition
Historically there have been "add-on" components for TW which were called "plugins" but do not correspond to the technical definition of a plugin. For example, there are two versions ([[this one here|FontAwesome]] and [[that one there|fontawesome]]) of the so-called "~FontAwesome plugin" which actually both consist of a single [[StyleSheet tiddler|http://tiddlywiki.com/#Using%20Stylesheets]].
The collection of plugins presented in CommunityPlugins contains only real plugins, i.e. for which the plugin tiddler follows the [[official definition|http://tiddlywiki.com/#PluginMechanism]]. In particular, the extraction process requires a plugin tiddler to have a ``plugin-type`` field with value ``plugin``.
* Remark: If you have some code for TW that you'd like to package as a plugin but are not comfortable using the node.js version, there is also a TW plugin for that! Please check the [[Tinka plugin| twCard - Plugin - Tinka]].
!! Method
The aggregator automatically collects two things:
* All plugins are extracted from the public wikis, i.e. everything tagged {{CommunityWikis||$:/core/ui/TagTemplate}}. However //the actual plugins are not copied//, the system only extracts the fields describing the plugin (author, version, etc.) and stores the location.
* A specific curated list is extracted from JedCarty's <a href="http://inmysocks.tiddlyspot.com/#Plugin%20twCard">list by category</a>.
Jed's data is used primarily to obtain the source location of a plugin (usually the author's wiki), because there is no way to automatically determine whether a plugin is simply imported or if it is authored by the wiki owner. Additionally, the matching of the two sources can help fixing various issues:
* Mistakes/outdated info in Jed's list,
* New/unknown wiki found in Jed's list but not in the aggregator sources,
* New/unknown plugin found in the extracted wikis but not in Jed's list.
* ...
!! How are the plugins represented?
!!! Extracted plugins tiddlers
For each plugin found in the wikis, a system tiddler is generated:
* Its title is `$:/<wiki>/<plugin title>` (same convention as for regular tiddlers)
* The fields of the tiddlers are copied, in particular //description//, //version//, //author//^^(the other fields are not always provided; even //author// does not always have a value!)^^. //type// and //plugin-type// are not, because they would cause TW to misinterpret the content of the tiddler.
* The content is replaced with a simple transclusion through [[$:/CommunityExtractedPluginTemplate]].
* A field stores the location of origin as a link.
If the corresponding "official" plugin tiddler is found (same plugin title), the template shows it together with the corresponding wiki. This is meant to help fix discrepancies between extracted plugins and Jed's list plugins.
!!! "Official" plugin tiddlers
Jed's plugin entries are copied directly //as regular tiddlers// (as opposed to general content, which is stored as system tiddlers). These tiddlers titles start with `twCard Plugin`, and are enriched with more information when possible:
in the case of a full match, the fields //description//, //version//, //author// as well as the location are copied. Otherwise, depending on the kind of matching, some fields are missing and a field ``twcs-error`` describing the kind of problem is added.
These tiddlers are the ones shown in CommunityPlugins, and clicking on the name opens the full "official plugin" tiddler with more details. Additionally, for non-full matches, a button gives access to the list of extracted plugin tiddlers which match the plugin title (there might not be any). This way it is still possible to access a wiki on which the plugin was found, but there is no warranty that this is the real wiki of origin.
Finally, in the case of extracted plugins for which there is no entry in Jed's list (not even on the plugin title), a placeholder official plugin tiddler is generated. Such tiddlers have no field ``category`` and therefore don't appear in the official list (CommunityPlugins). They are kept "hidden" to avoid any confusion with the curated list. But users and (more importantly) maintainers can access it at UnknownExtractedPlugins.
!! Possible errors
An "error" is when Jed's list and the extracted plugins don't match:
* A full match is when there is a match on both the plugin title and the source wiki address.
* A partial match is when only the two plugin titles match. In this case it is unclear which of the source wikis found automatically is the real origin of the plugin (even if there is only one wiki, we can't be sure that this is the origin).
This is why the detailed plugin tiddler might show a warning message and miss some of the info. Normally such discrepancies will be solved by Jed or yours truly sooner or later.
A list of all the errors can be found in [[$:/PluginIssues]].
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
@@margin-left:50px; ~ sidebars for mortals ~@@
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{!!description}}
!! How?
The instructions below assume that your wiki is already in the [[list of indexed wiki|CommunityWikis]]. If not, [[send me an email|Contact]]).
Create a a system tiddler named ``$:/CommunityNewsTiddlers`` in your wiki. This tiddler should only contain a list of your "news tiddlers". The easiest way is to use a [[filter||http://tiddlywiki.com/#Introduction%20to%20Filters]]. For instance, the filter
```
{{{[tag[news]]}}}
```
will include any tiddler tagged ``news``, and the TWCS indexing script will simply collect your news from these tiddlers.
You can of course use any other filter or tag label depending on the way you organize your wiki.
!! Guidelines
The content of the news tiddlers is shown as simple wikitext, so please be careful not to include any image or any call to custom widgets/macros/plugins in your news tiddlers. Any wikitext or html formatting is fine, however.
Additionally, please try to keep your news tiddlers short: the goal is to invite users to visit your wiki, not to give them the full story!
!! About news freshness
You do not need to remove old "news" tiddlers from your wiki (but you can of course). If you leave them, they will simply appear at the bottom of the list in CommunityNews, since it is ordered by most recent modification date.
{{||$:/CommunityTagTemplate}}
testing params and variables
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
plugins
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
searchNreplace plugin for ~TiddlyWiki5
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
exploring section handling in tw5
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
AcD's grocery list for TiddlyWiki5
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
Woo!
{{||$:/CommunityWikiPresentationTemplate}}
building a static website with TW
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
doing that css
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
Tiddlywiki 5 Adventures
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
dynamically filter by tags
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
TagglyTagging for tw5
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
a pocket full of tips <a href="http://tobibeer.github.io/tb5/feed.atom" target="_blank" title="subcribe to atom feed" class="atom-link">{{$:/.tb/images/feed}}</a>
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
get it done
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
a way to show gratitude for other peoples contributions
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
that name may already be taken...
{{||$:/CommunityWikiPresentationTemplate}}
Project Documentation
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
Map drawing and topic visualization for your wiki!
{{||$:/CommunityWikiPresentationTemplate}}
Une introduction à ~TiddlyWiki
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiPresentationTemplate}}
for current time and transcluding it where needed
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
for displaying external pages fully formatted
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
<a href="http://tiddlywiki.com">~TiddlyWiki</a>
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
a non-linear personal web notebook
{{||$:/CommunityWikiPresentationTemplate}}
an in-tiddler toc of headings
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
easy plugin packer
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
a demo ~TiddlyWiki (@@.BLUE TW v<<version>>@@)
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
for fixed display of buttons on top
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
Helpful tips and tricks for the use of ~TiddlyWiki 5
{{||$:/CommunityWikiPresentationTemplate}}
a not very interesting demo
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
An alternate menu for ~TiddlyWiki
{{||$:/CommunityWikiPresentationTemplate}}
//a notetaking tool powered by// ~TiddlyWiki <<version>>
{{||$:/CommunityWikiPresentationTemplate}}
a demo ~TiddlyWiki (@@.BLUE TW v<<version>>@@)
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityTagTemplate}}
<div class="tc-table-of-contents">
<<toc-selective-expandable "TWCSContents">>
</div>
//Warning: this part is a work in progress!//
The documentation is divided into three parts:
* UserDocumentation explains how to use this wiki.
* AuthorDocumentation is intended for wiki authors who have a wiki indexed by this search system (or who want to!).
* DeveloperDocumentation is intended for people who want to contribute to this project or want to install their own TW aggregator system.
! Principle
This wiki is built from the ~CommunitySearch //skeleton// basis. The skeleton part is defined in the ~GitHub project at https://github.com/erwanm/tw-community-search/tree/master/skeleton. The skeleton contains:
* A set of tiddlers tagged {{TWCSCore||$:/core/ui/TagTemplate}}, which together form the static basis of the system.
* A set of tiddlers tagged {{CommunityAuthors||$:/core/ui/TagTemplate}} and {{CommunityWikis||$:/core/ui/TagTemplate}}, which together define the indexable wikis from which the content is collected.
! Tagging structure
* Every author in CommunityAuthors tiddler has a ''licence'' field, which indicates whether the author agrees to have their wiki(s) content indexed. If left empty, then the system will only look for existing plugins.
* For every wiki in CommunityWikis tagged with an author with with a non-empty ''licence'' field, the content is extracted from the wiki.
* The CommunityPlugins are tagged with the wiki they come from (see PluginsCollection for details about this specific mechanism).
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
TW Hangouts <$link to="TiddlyWiki">Powered by ~TiddlyWiki <<version>></$link>
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
a tiddlywiki quiz
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
{{||$:/CommunityPluginTemplate}}
@@color: orange;
''Warning: these plugins have been extracted automatically, and they do no correspond to any entry in the curated list. Some might be outdated, incomplete, and/or buggy. For adventurous tiddlywikians only!''
@@
<$set name="my-state" value=<<qualify "$:/state/unknown/$(currentTiddler)$">>>
<$reveal type="nomatch" state=<<my-state>> text="show">
<$button set=<<my-state>> setTo="show">I understand the risks!</$button>
</$reveal>
<$reveal type="match" state=<<my-state>> text="show">
<$button set=<<my-state>> setTo="hide">Hide</$button><br/>
<$list filter="[tag[CommunityPlugins]!has[category]]">
<$link><$text text={{!!plugin_tiddler}}/></$link><br/>
</$list>
</$reveal>
</$set>
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
!! Purpose
This wiki lets you search for some specific content among a preselected list of {{TiddlyWiki}} wikis. The indexed content is mostly focused on {{TiddlyWiki}} usage, so you would typically use this search system to find information about a particular aspect of {{TiddlyWiki}}. Say for example that you want to learn how to make a table of content, type "table of content" in the [[CommunitySearch box|CommunitySearch]] (also accessible in the default tiddler GettingStarted). The search results are links to various wikis, and point directly to the specific tiddlers containing your request.
!! Features
The main feature is of course the CommunitySearch. But the Community Search wiki also lets you:
* Browse the [[list of wikis|CommunityWikis]]
* Browse the [[list of author|CommunityAuthors]]
* Browse the [[list of plugins|CommunityPlugins]]
* Access content by [[tag|CommunityTags]] (see also BookmarkingTags)
!! Other user documentation
{{{[tag[UserDocumentation]]}}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
\define getMostRecent()
<$list filter="[title[LastUpdate]]" emptyMessage="there's a little bug here">
<$view field="created" template="DDth MMM YYYY at hh:mm" format="date"/>
(<$view field="created" format="relativedate"/>).
</$list>
\end
\define nbTiddlers()
<$count filter="[has[source-wiki-id]]" />
\end
\define nbTags()
<$count filter="[tag[CommunityTags]]">
\end
\define nbWikis()
<$count filter="[tag[CommunityAuthors]has[licence]tagging[]!has[empty-wiki]]"/>
\end
A full re-indexing of the content is performed daily. The last update was done on the <<getMostRecent>>
The wiki currently indexes:
* <<nbTiddlers>> tiddlers
* <<nbTags>> distinct tags
* <<nbWikis>> wikis
* <$count filter="[tag[CommunityPlugins]has[category]]"/> plugins
* from <$count filter="[tag[CommunityAuthors]has[licence]]"/> wiki authors
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
Samples Of My Tiddlywiki Stuff
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
First, if you don't know {{TiddlyWiki}} yet, check it out! it's just great!
In short, TW CommunitySearch is a search engine for public TW wikis.
This wiki looks like a perfectly normal TiddlyWiki (it is, as a matter of fact: you can use it exactly like any regular wiki), but it is generated automatically. It uses a "skeleton" wiki as a basis, and the rest of the content is extracted from a list of wiki addresses. This way it keeps being updated with new content from all the (known) community.
You can find more details in ImplementationOverview, and more generally in the [[documentation|TWCSDocumentation]].
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
! Description
{{!!description}}
! Usage
By default, when a wiki is indexed, all its regular tiddlers are taken into account (i.e. all tiddlers except system tiddlers, plugin tiddlers and theme tiddlers).
It is possible to adjust the indexing mechanism to your needs by creating a system tiddler named ``$:/CommunitySearchIndexableTiddlers`` in your wiki. Only the tiddlers listed in this one will be indexed, any other will be ignored. You would typically define the content of ``$:/CommunitySearchIndexableTiddlers`` with a [[filter||http://tiddlywiki.com/#Introduction%20to%20Filters]]. For instance, the filter
```
{{{[tag[public]]}}}
```
would make the indexing script consider only the tiddlers tagged ''public''.
Caution: ``$:/CommunitySearchIndexableTiddlers`` should only contain a list of tiddlers; any other content might cause the indexing script to fail to index your wiki properly.
!! Examples
If you prefer to use a field in your tiddlers:
```
{{{[field:indexable[yes]]}}}
```
If a blacklist strategy suits you better:
```
{{{[!tag[private]]}}}
```
If you only want to keep a few specific tiddlers from indexing:
```
{{{[all[tiddlers]] -MyPrivateTiddler1 -[[MyPrivateTiddler2]]}}}
```
The scripts which generate this wiki proceed as follows:
# download the wikis specified in [[$:/IndexableWikiAddressList]]
# extract the tiddlers
# do some filtering/processing
# generate the search wiki.
In step 3, the system ignores:
* System tiddlers,
* Plugin and themes tiddlers
Additionally, you can explicitly tell the system which tiddlers to take into account using the WhitelistFeature.
Regular tiddlers which are collected are converted to system tiddlers, so that they are not visible to the user of the search wiki. They can still be accessed via the //Advanced Search// box, but we can reasonably assume that only skilled users interested in the implementation would use this possibility.
As a consequence, the only (simple) ways for a user to access the content in one of the collected tiddlers is through:
* the community search box,
* the tags,
* other direct links.
In all these cases the links, which would normally point to the corresponding system tiddlers in this wiki, are converted to external links to the original tiddlers (that is, each link is a permalink which points to the tiddler in your wiki). This is achieved through a custom version of the shadow tiddler [[$:/core/ui/ListItemTemplate]].
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityWikiAuthorTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
annotate and embed
{{||$:/CommunityWikiPresentationTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}
{{||$:/CommunityTagTemplate}}